BODY { margin: 0; padding: 0; width: 100%; height: 100%; background: url('i/bb.gif') repeat; }

.queryhead { width: 100%; height: 24px; background: url('i/mb.gif') repeat-x; padding: 3px 5px; -moz-box-sizing: border-box; color: #369; font: bold 14px "Trebuchet MS", Trebuchet, sans-serif; }
.querybody { padding: 20px; }
.cbody { padding: 50px; }
.logo { position: absolute; left: 0px; top: 0px; z-index: 5; }
.title { position: absolute; left: 180px; top: 5px; z-index: 10; color: white; font: bold 20px "Trebuchet MS", Trebuchet, sans-serif; }
.topblack { position: absolute; left: 0px; top: 0px; height: 34px; width: 100%; z-index: 1; background: url('i/topimg.jpg') right no-repeat Black; }
div.head { position: absolute; top: 36px; left: 0; width: 100%; z-index: 1; height: 24px; background: url('i/mb.gif') repeat-x; padding: 4px; -moz-box-sizing: border-box; }
#box { border-left: 1px solid #336699; border-right: 1px solid #336699; width: 96%; position: absolute; -moz-box-sizing: border-box; left: 2%; background: White; min-height: 100%; _height: 100%; top: 0px; }

div.head ul { margin: 0; list-style: none; padding: 0; position: absolute; left: 202px; }
div.head ul li { float: left; position: relative; }
div.head ul li a { font: 11px "Trebuchet MS", Trebuchet, sans-serif; color: #003366; vertical-align: middle; line-height: 16px; text-decoration: none; padding-left: 10px; padding-right: 10px; display: block; }
div.head ul li ul li a, div.head ul li ul li { float: none; -moz-box-sizing: border-box; }
div.head ul li a:hover { background: #003366; color: White; }
div.head ul li ul { display: block; visibility: hidden; position: absolute; left: 0px; top: 16px; width: 191px; padding: 3px; }
div.head ul li:hover ul, div.head ul li.over ul { visibility: visible; background: white; border: 1px solid #336699; }
div.head ul li ul li a { padding: 2px 5px; width: 100%; }
div.head ul li ul li span { padding: 2px 5px; width: 100%; color: #555; font: 11px "Trebuchet MS", Trebuchet, sans-serif; display: block; cursor: default; }
div.head ul li ul li { display: inline; }
#sesearch, #besearch { visibility: hidden; position: absolute; top: 5px; font: 11px "Trebuchet MS", Trebuchet, sans-serif; color: #003366; z-index: 5; }
#sesearch { right: 65px; width: 110px; border: 1px solid #369; color: #369; background: White; }
#besearch { right: 5px; width: 55px; border: 1px solid #F0F9FF; color: White; background: #369; text-align: center; _height: 20px; }

#test { position: absolute; border: 1px solid #369; border-top: 0; }
#test table { font: 11px "trebuchet MS", Trebuchet, sans-serif; text-align: center; }
#test table td { padding: 0px 1px; }
#test table td.bot { vertical-align: top; }
#test table td.botname { vertical-align: top; border-top: 1px dashed #CCC; background: #EEE; }
#test table td.nspace { width: 5px; border-top: 1px dashed #CCC; background: #EEE; }
#test table td.nspacer { width: 5px; border-right: 1px dashed #CCC; border-top: 1px dashed #CCC; background: #EEE; }
#test table td.top { vertical-align: bottom; }
#test table td.space { width: 5px; }
#test table td.spacer { width: 5px; border-right: 1px dashed #CCC; }
#test table td.bspace { width: 5px; border-left: 1px dashed #CCC; }
#test table td.bnspace { width: 5px; border-left: 1px dashed #CCC; border-top: 1px dashed #CCC; background: #EEE; }
#test table span { -moz-box-sizing: border-box; }
#test table b { font-weight: normal; }
.a1, .a2, .a3, .a4, .a5 { width: 20px; position: relative; }
.a1 { background: #69C; border: 1px solid #369; }
.a2 { background: #C69; border: 1px solid #936; }
.a3 { background: #6C9; border: 1px solid #396; }
.a4 { background: #96C; border: 1px solid #639; }
.a5 { background: #9C6; border: 1px solid #693; }
#legend { position: absolute; font: 12px "trebuchet MS", Trebuchet, sans-serif; border: 1px solid #369; text-align: left; }
#legend table { }
#legend table th { height: 20px; background: url('i/mb.gif') center repeat-x; padding: 1px 3px; -moz-box-sizing: border-box; color: #369; font-size: 14px; font-weight: bold; border-bottom: 1px solid #369; }
#legend table td { height: 20px; }

/* PHP Error Styles */
font { position: absolute; left: 0px; top: 0px; width: 10px; height: 100%; background: red; }
font table { display: none; font: 12px "Trebuchet MS", Trebuchet, sans-serif; width: 800px; border: 1px solid #369; position: relative; z-index: 15; }
font:hover table { display: table; }
font table th i { font-style: normal; width: 100%; }
font table th { color: white; border: 0; }
font table td { border: 0; background: white; }