body {
 color: #aaa; background: #000000; margin-left: 20px;
 font-family: "Bitstream Vera Sans", "Tahoma", Arial, Helvetica, sans-serif;
 font-size: 0.8125em;
 line-height: 1.6em;
}
div.imgcontainer {
   margin-left: -20px;
     font-size: 0.9em;
   text-align: center;
}
div.topnav {
  border-bottom: 1px solid #808080;
}
div.navcol {
 width: 100% !important; position: relative;
}
div.navcol ul {
 display: inline;
}
div.navcol ul li {
 display: inline; padding: 0em 0.5em 0em 0.5em;
}
div.navcol img {
 display: none;
}
div.pagehead {
 color: #ffff80; background: transparent;
}
body a:link, span.asimul {
 color: #0080ff;
}
body a:visited {
 color: #aa7000;
}
body h1 {
 color: #ffff80;
}
body a.help {
     font-size: 0.85em;
}

h1, h2, h3 {
  text-align: left;
}
div.displaytest div.imgcontainer img { 
   display: block; margin: auto; padding: 0px; border: none;
 cursor: move;
}
p {
  max-width: 60em;
}
sub, sup {
     line-height: 0em;
     font-size: 0.7em;
}
sub { 
     vertical-align: -0.6ex;
}
sup {
     vertical-align: 0.8ex;
}
body.help h1 {
  font-size: 120%; font-weight: bold;
}
body.help h2 {
  font-size: 100%; font-weight: bold;
}
div.smallprint {
  font-size: 0.857em; line-height: 1.2em;
}

div#clockcalib {
  border-left: 1px solid #f00; 
     border-right: 1px solid #f00; 
     background: url('bgimg/clocktest.png');
 cursor: move;
}

div#angleGrey {
 background: url('bgimg/angletest-grey.png');
 cursor: move;
}

/* inversion test */
div.wholescreen {
   background: #808080;
   width: 1024px;
   height: 768px;
  margin-left: -20px;
 cursor: move;
}
div.wholescreen div.infobox {
   background: #000;
   margin-left: 2em;
   max-width: 30em;
   border: 1px solid #aaa;
   padding: 0.5em;
 cursor: default;
}
div.wholescreen div.infobox a {
   text-align: center;
   text-decoration: none;
   color: #77c;
}

div.wholescreen div.infobox div.infonav {
   float: right;
   text-align: right;
}

div.infobox span#currentdesc {
   color: #fff;
}

div.infobox span.link {
   text-decoration:underline;
   cursor: pointer;
}
div.imgbottomoverlay {
   margin-top:-4em;
   height:2em;
   margin-bottom: 3em;
   font-size:2em; 
   text-align:center;
   color:#800;
}

/* black table */

table.Btable {
 border: 1px solid #666;
 background: #111;
 color: #fff;
 margin: 2ex 0px 2ex 0px;
}

table.Btable thead td, table.table td.cap thead td {
  font-weight: bold;
  background: #333;
  color: #aa0;
 }

table.Btable td {
  padding: 0.5ex 0.5em 0.5ex 0.5ex;
  border-width: 0px;
 margin: 0px 0px 0px 0px;
  vertical-align: text-top;
  background: #080808;
     color: #aaa;
}

div.infobox, div#lcdnav {
     font-size:1.2em; 
     color: #ddd; 
     margin:2em;
     max-width:40em; 
     background: #444; 
     padding: 1em;    
     border:1px solid #dd8;
     background: #400;
}
div#lcdnav {
     float: right;
     margin: 1em 0em 2em 2em;
     clear: right;
}
div#lcdnav ul {
     list-style: none;
     margin: 1em 0em 0em 0em;
     padding: 0em;
}
div#lcdnav ul li {
     list-style: none;
     margin: 0em 0em 0.5em 0em;
     padding: 0em;
}
div.fontbox {
     float: right;
     border: 1px solid #888;
     margin: 0em 0em 1em 1em;
     padding: 1em;
     background: #444;
     color: #fff;
}
div.fontbox a, div.fontbox a:visited {
     border: 1px solid #aaa;
     background: #666;
     color: #0ff;
     text-decoration: none;
     padding: 0em 0.2em 0em 0.2em;
}
div.fontbox a:hover, div.fontbox a:active {
     background: #ff0;
     color: #004;
}
div.eq {
   margin: 0.5em 2em 0.5em 2em; 
   font-family: "Times Roman", "Times New Roman", serif; 
   font-size:1.2em;
}