html, body, .inverted, #footer { background-color: #8FBFBF;
                           font-family: Gill Sans, Helvetica, sans;}
form { margin: 0; }
a { color: blue; text-decoration: none; }
a:hover { text-decoration: underline; }
h1 { text-align: center; margin-top: 0; padding: 2px; }
h1.white { background-color: white; }
h2.boxed { text-align: center; }
h1 a, h2 a { color: black; }
h2.boxed { border: solid 1px black; margin-top: 0; margin-bottom: 0.4em; }
p.boxed { border: solid 1px black; }
div.boxed { border: solid 3px black; }
p.boxed, div.boxed { padding: 12px; }
.boxed {
-moz-border-radius: 0.5em;
-webkit-border-radius: 0.5em;
}
div.hiddenForm, div.nowt { padding: 0; border: none; }
div.hiddenForm { position: absolute; }
div.whiteBG { border: 0; }
.whiteBG { background-color: white; }
.redBG { background-color: red; }
.greenBG { background-color: green; }
.orangeBG { background-color: orange; }
.redBG, .greenBG, .orangeBG { color: white; padding: 5px; }
p.footer { color: white; text-align: center; }
.small, .sci { font-size: smaller; }
.sci { font-style: italic; }
p.sci { text-align: center; margin: 2px 0px 2px 0px; }
td.lighter, span.normal { background-color: #BFD8D8; }
pre, .info { color: teal; }
.info { margin: 0; }
.thinborder { border: solid 1px teal; color: teal; }
.thickborder { border: solid thick teal; color: teal; }
span.new { background-color: yellow; font-weight: bold; }
span.updated { background-color: orange; font-size: smaller; }
span.needs-updating { background-color: teal; color: #BFD8D8; font-size: smaller; }
span.match-info { color: black; font-style: italic; font-size: smaller; }
div.ad, .boxed3D { background-color: #BFD8D8; color: teal; font-weight: bold; border-top: solid 1px white; border-bottom: solid 1px teal; border-left: solid 1px white; border-right: solid 1px teal; padding: 0.25em; }
.boxed3D { padding: 0.25em; }
div.ad { width: 234px; padding: 10px; }
table { border-collapse: collapse; }
span.hi { background-color: yellow; color: black; }
span.clickable { cursor: pointer; }
input.search, input.quick-search, input.go { padding: 3px; font-weight: bold; }
input.search, input.quick-search { border-width: medium; border-color: #8FBFBF; color: #BC4B00; }
input.go { border-color: #BFD8D8; background-color: #BFD8D8; }
.just { text-align: justify; }
span.option { cursor: pointer; border: solid 1px black; color: black; padding: 1px; }
p.lu { text-align: right; font-style: italic; opacity: 0.5; font-size: smaller; clear: both; filter: alpha(opacity = 50); }
div.popUpInfo { position: absolute; max-width: 250px; border: solid 1px black; background-color: white; padding: 2px; z-index: 1; }
div.popUpInfo p, #icons p { margin: 0; }
div.popUpInfo img, #icons img, .iconImg { background-color: white; }
div.popUpInfo img { padding: 1px; margin: 2px; border: solid 1px #999; }
#icons img, .iconImg { padding: 3px; border: solid 1px black; }
#icons { border: none; padding: 0; margin: 0; text-align: left; }
p#icons { text-align: center; }
p#icons img { margin: 1px; }
div#options { background-color: #8FBFBF; text-align: left; }
#footer { position: fixed; bottom: 0; z-index: 10; width: 99%; padding-top: 8px; opacity: 0.9; filter: alpha(opacity = 90); }
div.popUpImg { position: absolute; border: solid 1px black; background-color: white; padding: 1px; z-index: 11; }
span.ordinal {
color: white;
background-color: black;
font-weight: bold;
padding: 0.1em 0.2em;
font-size: larger;
-moz-border-radius: 0.3em;
-webkit-border-radius: 0.3em;
}
p.update { font-weight: bold; text-decoration: underline; margin-bottom: 0; }
ul.update { margin-top: 0.5em; }

#combined { margin-bottom: 1em; margin-left: auto; margin-right: auto; }
#combined td { vertical-align: top; }
#results { margin-right: 1em; }
#results td, #results th { border: solid thin black; padding: 5px; vertical-align: middle; }
#sites td, #sites th { border: none; }

#progress-container { position: relative; width: 100%; height: 100%; text-align: center; }
#progress-bar { position: absolute; width: 0%; height: 100%; z-index: 1; background-color: #BFD8D8; }
#progress-text { position: relative; width: 100%; text-align: center; z-index: 2; padding: 3px; }

#sites #thProgress { padding: 0; text-align:left; }
#progressBar { padding: 0px; padding-top: 6px; position: absolute; width: 0; background-color: #BFD8D8; z-index: 1; }
#progressText, #progressCell { padding: 3px; text-align: center; }
#progressBar, #progressText, #progressCell { border: none; }
#progressText { position: absolute; z-index: 2; }
#progressCell { color: #8FBFBF; }

#ajaxInfoP { font-style: italic; text-align: center; }
.offer { background-color: white; border: solid thin black; padding: 5px; text-align: center; }
.offer span { border: none; }
#helpP { text-align: left; position: absolute; background-color: yellow; z-index: 100; padding: 0.5em; margin-top: 0; }