body, #loading {background-color: #231e17; overflow:hidden}
body,td{font-weight:bold;font-family: 'trebuchet MS';margin:0px;font-size:12px;text-align:center;letter-spacing:1px;color:#fff;}
a{color: #c78128;font-size:12px;text-decoration:none;margin:0px}
p{border-bottom:1px solid #333333;}
a:hover{color: white}
_div {border: 1px solid lime}

#containertable {position:absolute;top:0px;left:0px;width:100%;height:100%;}
#loading {position:absolute;top:0px;left:0px;width:100%;height:90%;z-index:200;color:#5f715d;font-size:12px;letter-spacing:6px;line-height:500px}
#field {position:relative;width: 500px; height: 600px; background-image: url(pix/field3.jpg)}
#dials {position:absolute;left:75px;top:53px}
#lockopen {position:absolute;left:186px;top:352px;width:180px;height:200px;background-image: url(pix/_trans.gif)}
#reset {position:absolute;left:186px;top:352px;width:139px;height:35px;background-image: url(pix/reset.jpg);z-index:30;visibility:hidden;}
#score {text-align:right;position:absolute;left:115px;top:33px;width:200px;height:100px;background-image: url(pix/_trans.gif);color:#5f715d;font-size:16px;letter-spacing:6px}
#debuginfo {position:absolute;left:25px;top:15px;width:100px;color:#433e37;text-align:left;font-size:10px;}
#dots {visibility:hidden;}
#glass {position:absolute;left:13px;top:13px;width:325px; height:325px; background-image: url(pix/glass.jpg); filter:alpha(opacity=30);z-index:10;opacity:0.3;}
#red1,#red2,#red3,#blu1,#blu2,#blu3,#grn1,#grn2,#grn3 {position:absolute;width:50px;height:50px}
#red1 {background-image: url(pix/reddot1.gif)}
#red2 {background-image: url(pix/reddot2.gif)}
#red3 {background-image: url(pix/reddot3.gif)}
#blu1 {background-image: url(pix/bluedot1.gif)}
#blu2 {background-image: url(pix/bluedot2.gif)}
#blu3 {background-image: url(pix/bluedot3.gif)}
#grn1 {background-image: url(pix/greendot1.gif)}
#grn2 {background-image: url(pix/greendot2.gif)}
#grn3 {background-image: url(pix/greendot3.gif)}
#butt1,#butt2,#butt3,#butt4 {position:absolute;width:60px;height:60px;z-index:50;background-position:center}
#butt1 {left:95px;top:95px;background-image: url(pix/butt1.gif)}
#butt1:active {background-image: url(pix/butt1down.gif)}
#butt2 {left:195px;top:95px;background-image: url(pix/butt2.gif)}
#butt2:active {background-image: url(pix/butt2down.gif)}
#butt3 {left:95px;top:195px;background-image: url(pix/butt3.gif)}
#butt3:active {background-image: url(pix/butt3down.gif)}
#butt4 {left:195px;top:195px;background-image: url(pix/butt4.gif)}
#butt4:active {background-image: url(pix/butt4down.gif)}
#spoiler {position:absolute;left:30px;top:425px;color:red;font-size:40px;letter-spacing:10px}
#digits {visibility:hidden}
#digit1, #digit2, #digit3, #digit4, #digit5 {cursor:auto;line-height:40px;margin-top:-2px;padding-left:7px;text-align:left;position:absolute;width:30px;font-family: 'Comic Sans MS';color:#000;font-weight:bold;font-size:24px;letter-spacing:15px;filter:alpha(opacity=50);opacity:0.5;}
#digitfield {visibility:hidden;position:absolute;left:22px;top:351px;background-image: url(pix/digits.gif);width:0px;height:38px;z-index:10;overflow:hidden}
#digitblocker {position:absolute;left:22px;top:351px;width:150px;height:38px;z-index:15;background-image:url(pix/_trans.gif)}