/* slot game specific styles */
/* 160818 - almost all css now here only game topic specific in html */
#content {background: #000080;
            background: rgba(0, 0, 0, 0) radial-gradient(#00f, #000058) repeat scroll 0 0;
    /*        margin:auto;border:ridge  #ffd68c; */
            width:500px;
}
#stem {background-color:#000080;}
#gamecontrols {background: url("goldbar.jpg") repeat scroll 0 0 transparent;
    border-color: #DAA520;
    border-style: groove;
    color: black;
    height: 30px;
}
#gamblebutton, #questionbutton, #noise
  {width:120px;height:30px;
   font-weight:bold;color:#ffff00;font-size:11pt;
   background:  #0000dd;
   background: rgba(0, 0, 0, 0) radial-gradient(#00f, #000058) repeat scroll 0 0;
    border-color: blue black black blue;
    border-style: solid;
    border-width: 2px;border-radius:10px;
  }

#gamblebutton:hover, #questionbutton:hover, #noise:hover
{color:#fff;background-color:#0000bb;
    border-color: black blue blue black;
 box-shadow:rgba(225,180,2,.8) 0 0 3px 3px;

}
.reels {margin:auto;border:3px solid #000088;margin-bottom:5px;}
.reels td {height:100px;width:90px;border:solid 1px yellow;}
           
.liveline td {box-shadow: rgba(255, 204, 2, .8) 0 0 25px 7px;border:2px red solid;}

/* #answerletter {font-size:14pt;}  */

   /* responsive design for smaller screens*/
@media screen and (max-width: 500px) /* screens less than 500px*/
  {

   body {margin:0;font-size:10pt;}
   #content {width:98%;}
   h1, #creditdiv {font-size:10pt;}
   #stem {font-size:8pt;font-weight:bold;}
   .distractor {font-size:8pt;}
   .boxes {padding:0;}
   .reels td {height:60px;width:90px;}

   #gamblebutton, #questionbutton, #noise {font-size:9pt;width:100px;}

   input {width:28px;}

  }