/* главная*/

table.main{
 width:100%; 
 
}
table.main td.a{
 width:100%; 
 vertical-align:top;
 
}
/* Здесь будет реклама. Прижата к правому краю.*/

table.main td.b{
 width:0px;
 min-width:0px; 
 vertical-align:top;
}

/* Заставка для яндекса*/

#screenSaver{
  width:100%;
  height:100%;
  position:absolute; 
  top:0px;
  left:0px;
  z-index:1000;
  background-repeat:no-repeat;
  background-size:cover;
}


/* Правила игры.*/

div.rules{
 display:none;
 position:absolute;
 background-color:#fff;
 padding:0px 20px 20px 20px;
 top:50px;
 border:1px solid black;
 z-index:5000;
 overflow: auto;
 max-height:70%;
 
}
div.rules div{
  text-align:right;
  margin:30px 0px 0px 0px;
}
div.rules div span{
  background-color: #8F8F8F;
  color:#fff;
  padding:10px 15px;
  border-radius:20px;
  cursor:pointer;
  
}
div.rules h2{
 line-height:110%;
 color:#444444;
 font-size:22px;
}
/* Подвал.*/

div.footer{
   text-align:center;
   padding-top:150px;
}

div.footer  a {
    color:#000;
    margin: 5px;
    text-decoration: none;
    display: inline-block;
}

div.footer a:hover {
     color:#000;
	 margin: 5px;
}

/* меню*/

#menu{
  display:none;
  position:absolute;
  top:40px;
  right:2px;
  background-color:#fff;
  padding:20px 15px;
  text-align:center;
  z-index:6;
  min-width:270px;
} 
#menu  span {
    color: black;
    padding: 10px 12px;
    display: block;
    text-align:left;
    cursor:pointer;
}

#menu  span:hover {
     background-color: #808080;
     color:#fff;
     cursor:pointer;
}
#menu span img{
  margin:0px;
  padding:0px 0px 0px 15px;
  width:15px;
  height:15px;
  border:0px solid black;
}

/* Над полем  для игры */

#newGame{
 width:100px;
 min-width:120px; 
 
}
#newGame span{
 color:#444;
 padding:10px;
 border-radius:5px; 
 border:2px solid #808080;
 cursor:pointer;
 
}
#tdThreeNextBalls{
  text-align:center;
}
#tdRecord{
  text-align:center;
  width:110px;
}
#result{
  width:60px;
  text-align:center;
}

#options{
  width:40px;
  text-align:right;
  position: relative;
}
#options img{
  cursor:pointer;
  width:40px;
  height:40px;
  opacity: 0.6;
  
}


/* Поле для игры */

table.game-and-title {
 margin:0 auto;
}

table.game-and-title h1{
 color:#8F8F8F;
 margin:0px;
 padding:0px;
 line-height:40px;
 font-size:22px;
}

table.tbgame{
  border:8px solid #bdbdbd; 
  background-color:#bdbdbd;
}
#game{
   display: block;
   cursor:pointer;
 
}

/* общие*/

 body{
   font-family: Arial,Helvetica,sans-serif;
   font-size: 14px;
   color:#000;
   line-height: 1.6;
   padding: 0;              
   margin: 0;
      
}
table{
  border-collapse: collapse; 
  border-spacing: 0;        
  padding: 0;              
  margin: 0;  
}
td{
  text-align:left;
  vertical-align:center; box-sizing: border-box;
  padding: 0;             
  margin: 0;              
  border: none;
}
img{
  border: none;
  outline: none;
}
a{
    text-decoration: underline;
    color:#000; 
} 
a:visited{ 
    text-decoration: underline;
    color:#000;
} 
a:hover {
    text-decoration: underline;
    color:#00961C;
}


@media screen and (max-width:459px) {
#tdThreeNextBalls{
  display:none;
}
#tdRecord{
  width: auto;
}}
@media screen and (max-width:359px) {
#tdRecord{
  display:none;
}}
@media screen and (max-height:460px) {
#tdThreeNextBalls{
  display:none;
}
#tdRecord{
  display:none;
}

#a3,#a6,#menu  span#a4,#menu  span#a5,#menu  span#a7{
  display:none;
}
#game{
	max-width:100%;
}	
}

@media screen and (max-width:800px) {
table.main td.b{
  display:none;
  
}}