body { font-family: Helvetica,arial,sans-serif; font-size: 90%; margin: 0; padding: 0;
  background: url(../img/bg.png) top repeat-x #eee;
}
div, form { margin:0; padding:0; }
a:link { color: #004; }
a:visited { color: #224; }
a:hover { color: #000; }

#container { padding: 4px 12px; }
h1 { float: right; margin:0 10px 0 0; padding:0; font-size: 30px; color: #333; }

#nav { margin-top: 15px; }
#navList { padding: 3px 0; margin: 0; border-bottom: 1px solid #777; font-weight: bold; font-size: 100%; }
#navList li { list-style: none; margin: 0; display: inline; }
#navList li a { padding: 3px 0.5em; margin-left: 8px;
  border: 1px solid #777; border-bottom: none; background: #bbb; text-decoration: none; }
#navList li a:hover { background: #ddd; border-color: #222; }
#navList li a.curNav { background: white; border-bottom: 1px solid white; color: #111; }

#main { padding: 10px; margin-bottom: 0.5em;
  border-left: 1px solid #777;
  border-right: 1px solid #777;
  border-bottom: 1px solid #777;
  background-color: #fff;
}

#video { display: inline; float: right; margin: 5px; cursor: pointer; text-align: center; }
#videomsg { cursor: pointer; text-align: center; text-decoration: underline;
  color: #35a30b; font-size: 80%; font-style: italic;
}
#videothumb {
  background: #fff url(../img/vidthumb.jpg) 0 0 no-repeat;
  width: 60px; height: 50px; cursor: pointer;
  margin: 0.3em 1em 0.3em 1.25em;
  display: none;
}
#videothumb.active { display: block; }
#player { display: none; margin: 0; }
#player.active { display: block; background: #fff; }

#errMsg, #statMsg { padding: 4px 0.5em 4px 36px; margin: 6px 0; }
#errMsg { border: 1px solid #a00; color: #a00; background: url(../img/err.png) 5px center no-repeat #ffd; }
#statMsg { border: 1px solid #090; color: #060; background: url(../img/ok.png) 5px center no-repeat #ffd; }
#errMsg p, #statMsg p { margin: 4px 0; }

form { margin-bottom: 20px; }
form div { margin: 0.3em 1em; }
form fieldset { padding: 4px; }
form legend { font-style: italic; }
form div.submit { margin-top: 1.1em; }
form input[type="text"] { text-align: center; }
form input[type="submit"] {
  margin-top: 1.0em; padding: 0.2em 0.4em;
  font-weight: bold; font-size: 90%; background-color:#ffc; 
  border: 1px solid; border-color: #998 #333 #333 #998;
  cursor: pointer;
} 

span.opt { cursor:pointer; text-decoration: underline; color: #006; font-style:italic; }
span.opt img { border:0; vertical-align: middle; margin-right: 4px; width: 12px; }
#advanced { margin-left: 1em; }

#results { border: 1px solid black; margin: 0 auto 20px auto; }
#results th.title { font-size: 140%; font-weight: bold; border:0; margin: 0.75em 0 0.1em 1em; background-color: #f4f4f4; }
#results th, #results td { text-align: center;}
#results th { padding: 4px 6px; background-color: #ddd; }
#results td { padding: 2px 4px; }
#results td.selected { border: 1px solid #000; padding: 1px 3px; background-color: #ffb !important; -moz-border-radius: 3px; }
tr.even { }
td.same { color: #666; }
td.pos { color: #0b0; }
td.neg { color: #b00; }
td.none { color: #888; }
#results td.sig { font-weight: bold; font-size: 100%; }
#results td.sigg { font-weight: bold; font-size: 125%; }
#results td.sig.neg { background-color: #ffe4e4; }
#results td.sig.pos { background-color: #e4ffe4; }
#results td.sigg.neg { background-color: #ffc0c0; }
#results td.sigg.pos { background-color: #c0ffc0; }

.left { text-align: left !important; }
.right { text-align: right !important; }
.open { background-image: url(../img/minus.gif) !important; }
.closed { background-image: url(../img/plus.gif) !important; }
#results th { background-repeat: no-repeat; }
#results th.parent { cursor: pointer; }
#results tr.L0 th.parent { background-position: 2px center; }
#results tr.L0 th { padding-left: 18px; width: 210px; background-color: #e0e0e0; }

#results tr.L1 th.parent { background-position: 18px center; }
#results tr.L1 th { padding-left: 34px; width: 194px; background: #e8e8e8 url(../img/elbow.gif) 18px center no-repeat; }

#results tr.L2 th.parent { background-position: 34px center; }
#results tr.L2 th { padding-left: 50px; width: 178px; background: #f0f0f0 url(../img/elbow.gif) 34px center no-repeat; }

#results tr.L3 th.parent { background-position: 50px center; }
#results tr.L3 th { padding-left: 66px; width: 162px; background: #f8f8f8 url(../img/elbow.gif) 50px center no-repeat; }

p.summary { font-size: 90%; color: #444; margin: 0.25em 1em; }
p.footnote { font-size: 90%; color: #444; font-style: italic; margin: 0.25em 1em; }
.note { font-style: italic; font-size: 90%; margin-left: 0.75em; }

#jspopdiv {
  visibility: hidden; position: absolute;
  top: 0; left: 0; width: 130px;
  z-index: 2; padding: 3px;
  font: normal 8pt sans-serif;
  border: solid 1px;
  background-color: #ffb;
}
#jspopdiv table { font-size: 8pt; margin: 0; padding: 0; width: 99%; border: 0; }
#jspopdiv th { font-weight: bold; background-color: #ffb; text-align: left; }
#jspopdiv td { margin:0; padding: 0px 2px; text-align: center; }
#jspopdiv td.none { color: #666; }
#jspopdiv th.title { text-align: center; font-size: 12pt; margin-bottom: 4px; text-decoration: underline;}

a.help { text-decoration: none; font-size: 80%; font-style: italic; margin-left: 1em; vertical-align: middle; }
a.help:link, a.help:visited, a.help:hover { color: #35a30b; }
p.summary a.help { font-size: 90%; }
p.footnote a.help { font-size: 90%; }
#footer { padding: 0.5em 4em; text-align: center; color:#777; font-size: 80%; }
#footer img { vertical-align: middle; border: none; }
#loading { display: none; position: absolute; color: #ff0000; font-size: 18px;
  padding-left: 18px; background: url(../img/load.gif) left center no-repeat; }