h1 {text-align:center; font-family:sans-serif; color:#888;}
#content {width:500px; margin:auto; padding:0;}
#plotBox {position:relative; border:1px solid #CCC; overflow:hidden;
    margin:auto; font-size:.8em; color: #888; padding:0.3em;
    background:url(img/gradient.grey-white.png) repeat-x bottom;
    /* see also JavaScript values */ width:500px; height:200px;
    }
#controlBox {margin:1em 0;}
th {text-align:right;padding-right:1em;}
form table {margin:auto;}
.submit {text-align:center;}
#answerBox {text-align:center; margin:1em 0;}
#answerBox label {font-weight:bold;}
#selectBox {text-align:center; margin:1em 0;border:0;padding:0;}
#selectBox h2 {text-align:center; font-size:1em; font-weight:bold; margin:0;}
#plotInfo {position:absolute;z-index:1;top:0.3em;left:0.3em;}
#plotInfo ul {margin:0;padding:0;}
#plotInfo li {display:block;}
#questionBox {height:6em;}

#answer {width:10em;}
#submit {width:6em;}
#reset {display:none;width:6em;}

.dot, .hidden-dot {width:3px; height:3px; background:#000;
  position:absolute;font-size:2px;}
.hidden-dot {visibility:hidden;}
.target {position:absolute;background:url(img/target.gif) no-repeat;z-index:2;
  width:25px; height:25px;}
#tank {position:absolute;background:url(img/tank.gif) no-repeat;z-index:1;
  width:25px; height:25px;}

#copyright {position:absolute; color:#999; font-family:sans-serif;
    font-size:.7em; bottom:0.2em; right:0.2em;}
#copyright a {color:#44F; text-decoration:none;}
#copyright a:hover {color:#99F;}