*{outline:none;}
html{margin:0;padding:0;background:#eee;color:#000;}
body{font:1em/1.5 Helvetica,Arial,sans-serif;text-align:center;position:relative;}
.W{clear:both;float:none;}
h1{color:#056291; text-shadow: 0 1px #fff;letter-spacing:-2px;margin:0;}
  table h1{font-size:4em; text-shadow: 0 1px #ddd;}
  #mainTitle{color:#777;/*text-align:center;*/}
h2,p{margin:0;}
  .setupDescription{margin:1em 0;color:#555;font-size:90%;}
#soul{width:500px;margin:1em auto;text-align:left;/*border:1px dotted red;*/}
fieldset,legend{border:1px solid silver;padding:1em;border-radius:6px;}
fieldset{margin-bottom:1em;}
legend{font-weight:bold;color:#777;}

#gameTable{width:100%;margin-top:1em;}
#gameTable td{vertical-align:middle;padding:1em 0;}

.left,.right{width:34%;border:1px solid #ccc;-moz-box-shadow: 0 0 5px #ccc;-webkit-box-shadow: 0 0 5px #ccc;box-shadow: 0 0 5px #ccc;
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ddd),color-stop(1, #aaa)); /* Saf4+, Chrome */
filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#DDDDDD', EndColorStr='#AAAAAA'); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#DDDDDD', EndColorStr='#AAAAAA')"; /* IE8 */
}
.left,.right,.mid,.restart{text-align:center;}

.visualHint_operation,.visualHint_answer{text-align:center;color:#bbb;}
.visualHint_operation{font-size:2em; text-shadow: 0 1px #fff;}
.visualHint_answer{font-size:x-small;}

input[type='submit'],input.answer{margin-bottom:.3em;width:120px;padding:6px;font-size:1.5em;cursor:pointer;border: 1px solid #8ec1da;border-radius: 6px;background-color: #ddeef6;box-shadow: inset 0 1px 3px #fff, inset 0 -15px #cbe6f2, 0 0 3px #8ec1da;-o-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #cbe6f2, 0 0 3px #8ec1da; -webkit-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #cbe6f2, 0 0 3px #8ec1da;-moz-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #cbe6f2, 0 0 3px #8ec1da;color: #056291;text-shadow:0 1px #fff;}
input[type="submit"]:hover{color:black;border-color:#999;}

#statTable{width:100%;table-layout:fixed;margin:.5em 0;}
  #statTable td{/*border:1px solid #ccc;*/text-align:center;padding:.5em;}
  #statTable h1{font-size:3em;}
  #statTable p,#statTable h2{color:#777;text-shadow:0 1px #fff;}

#tableSetup{width:100%;}
#tableSetup td{vertical-align:top;text-align:left;}
#tableSetup td:first-child{padding-right:1em;}

#auxInfo{width:100%;margin:2em 0;color:#777;text-shadow:0 1px #fff;}
  #auxInfo div{float:left;text-align:center;}
    #aux1,#aux3{width:137px;padding:1em;}
    #aux2{width:160px;/*border-right:1px solid #ccc;border-left:1px solid #ccc;*/}
    #aux3 p{cursor:pointer;}
    #aux3 .cheat{display:none;}

.goodjob{position:absolute;;left:50%;width:100px;height:100px;margin-left:-50px;display:none;}
.excellent{top:400px;background:url(s.png) top left no-repeat transparent;}
/*.tryagain{top:150px;background:url(f.png) top left no-repeat transparent;}*/