/* elements */

html, form, body { height: 100%; }

body {
  font-family: Arial, Helvetica, sans-serif; 
  background-color: #898989;
  text-align: center;  
  font-size: 80%; 
  color: #000; 
  margin: 0; 
}

h1 { font-size:1.6em; } h2 { font-size:1.4em; } h3 { font-size:1.3em; }
h4 { font-size:1.2em; } h5 { font-size:1.1em; } h6 { font-size:1.0em; }

h1, h2, h3, h4, h5 { margin: 0 0 8px 0; }

fieldset { 
  border: solid 1px #DEBDDE; 
  padding: 1em; 
}

legend {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  letter-spacing: 1px; 
  font-weight: bold; 
  color: #666; 
}

form { margin:0; }

a img { border:none; }

p { 
  font-family: Arial, Helvetica, sans-serif;
  margin: 0 0 10px 0; 
  font-size:12px; 
}

ul, ol { 
  font-family: Arial, Helvetica, sans-serif;
  margin: 0 0 10px 20px;
  padding: 0 0 0 15px; 
  font-size:12px; 
}

ul li {
  margin-bottom: 3px; 
}

acronym, abbr { 
  border-bottom: dashed 1px #CCC; 
  cursor: help; 
}

th {
  background-color: #999;
  white-space: nowrap;
  text-align: left;
  padding: 3px 5px;
  font-size: 13px;
  color: #000;
}

td {
  font-size: 12px;
}

/* layout */

#wrap {
  text-align: left;
  width: 995px;
  margin: auto;
}

#header {
  background-color: #000;
  height: 65px;
  color: #FFF;
}

#header img {
  margin: 5px 0 5px 10px;
}

#topnav {
  margin: 42px 8px 0 0;
  font-size: 12px;
  float: right;
}

#topnav a { margin: 0 2px 0 2px; }

#fields {
  padding: 18px 20px 3px 0;
  /*height: 140px;*/ 
}

#fields td { font-size: 11px; } #fields p { margin: 5px 0 0 3px; }

#content {
  border-bottom: solid 10px #000;
  border-top: solid 1px #999;
  background-color: #FFF;
  padding: 0;
}

#footer { 
  text-align: center; 
  font-size: 10px;
  height: 50px;
  color: #FFF; 
  clear: both;
} 

#footer p {
  font-size: 10px; 
  margin: 0;
}


/* presentation */

#content h2 {
  text-transform: uppercase;
  margin: 3px 3px 10px 3px;
  background-color: #000;
  padding: 2px 8px;
  font-size: 15px;
  color: #FFF;
}

#content p {
  line-height: 18px;
}

#gfx {
  background: url('../images/bkgnds/behindbars.gif') top left no-repeat;
  padding: 20px 0 0 300px; 
  height:53px; 
}

#gfx.red { background: url('../images/gfx/behindbars.jpg') top left no-repeat; }

#gfx.blue { background: url('../images/gfx/bluemap.jpg') top left no-repeat; }

#gfx.green { background: url('../images/gfx/greenhands.jpg') top left no-repeat; }

#gfx.pink { background: url('../images/gfx/behindbars2.jpg') top left no-repeat; }

#gfx.olive { background: url('../images/gfx/behindbars3.jpg') top left no-repeat; }

#resultshead {
  border-bottom: solid 1px #666;
  margin: 10px 5px 8px 5px; 
  font-weight: normal; 
  line-height: 30px; 
  font-size: 18px; 
}

#resultshead .floatr {
  font-size: 11px; 
  text-align: right;
  line-height: 22px;
}

#resultshead .floatr img { vertical-align: middle; }

/* errors */

#error {
  background-color: #000;
  font-weight: bold; 
  padding: 5px 10px; 
  font-size: 14px;
  color: #FFD500 !important; 
}

td #error {
  background-color: none;
  color: #FFD500 !important; 
}

#success {
  background-color: #000;
  font-weight: bold; 
  padding: 5px 10px; 
  font-size: 14px;
  color: #690 !important; 
}

td #success {
  background-color: none;
  color: #690 !important; 
}

/* pseudo classes */

a:link, a:visited { color: #39C; text-decoration: underline; }
a:hover, a:active { color: #369; text-decoration: none; }

.smad a:link, .smad a:visited { color: #369; text-decoration: none; }
.smad a:hover, .smad a:active { color: #39C; text-decoration: underline; }

#topnav a:link, #topnav a:visited { color: #FFF; text-decoration: none; }
#topnav a:hover, #topnav a:active { color: #f7941d; text-decoration: none; }

#topnav.orange a:link, #topnav.orange a:visited { color: #FFFFFF; text-decoration: none; }
#topnav.orange a:hover, #topnav.orange a:active { color: #F7941D; text-decoration: none; }
#topnav.orange a.current { color: #F7941D; }

#topnav.blue a:link, #topnav.blue a:visited { color: #FFFFFF; text-decoration: none; }
#topnav.blue a:hover, #topnav.blue a:active { color: #2C93F3; text-decoration: none; }
#topnav.blue a.current { color: #2C93F3; text-decoration: none; }

#topnav.green a:link, #topnav.green a:visited { color: #FFFFFF; text-decoration: none; }
#topnav.green a:hover, #topnav.green a:active { color: #93C556; text-decoration: none; }
#topnav.green a.current { color: #93C556; text-decoration: none; }

#topnav.red a:link, #topnav.red a:visited { color: #FFFFFF; text-decoration: none; }
#topnav.red a:hover, #topnav.red a:active { color: #FF0000; text-decoration: none; }
#topnav.red a.current { color: #FF0000; text-decoration: none; }

#topnav.pink a:link, #topnav.pink a:visited { color: #FFFFFF; text-decoration: none; }
#topnav.pink a:hover, #topnav.pink a:active { color: #EC47EC; text-decoration: none; }
#topnav.pink a.current { color:#EC47EC; text-decoration: none; }

.statschart a:link, .statschart a:visited { color: #369; text-decoration: none; }
.statschart a:hover, .statschart a:active { color: #39C; text-decoration: underline; }

.teaser a:link, .teaser a:visited { color: #369; text-decoration: none; }
.teaser a:hover, .teaser a:active { color: #39C; text-decoration: underline; }

.legend a:link, .legend a:visited { color: #39C; text-decoration: none; }
.legend a:hover, .legend a:active { color: #369; text-decoration: underline; }

#fields a:link, #fields a:visited { color: #000; text-decoration: underline; }
#fields a:hover, #fields a:active { color: #000; text-decoration: none; }

#gfx a:link, #gfx a:visited { color: #000; text-decoration: underline; }
#gfx a:hover, #gfx a:active { color: #000; text-decoration: none; }

#footer a:link, #footer a:visited, #footer a:active { color: #fff; text-decoration: underline; }
#footer a:hover { color: #ff9; text-decoration: underline; }



/* classes */

ul.orange { list-style-image: url('../images/icons/orangebull.gif'); }
ul.green  { list-style-image: url('../images/icons/greenbull.gif'); }
ul.blue   { list-style-image: url('../images/icons/bluebull.gif'); }
ul.red    { list-style-image: url('../images/icons/redbull.gif'); }
ul.pink   { list-style-image: url('../images/icons/pinkbull.gif'); }

ul.fixed {
  margin: 0 0 0 10px;
  padding: 0 0 0 5px;
}

.advertisement {
  background-color: #CCC;
  text-align: center;
  font-size: 10px;
  height: 105px;
  padding: 5px 0;
  margin: 5px 0;
  width: 995px;
  color: #999;
}

.floatl { float: left; }
.floatr { float: right; }
.clear  { clear: both; }

.down1 { font-size: 11px; } 

.up1 { font-size: 13px; } 
.up2 { font-size: 14px; }

tr.down1 td { font-size: 11px; }

.orange2 { color: #F8A32A; } .smtxt { font-size: 10px; } .alt { background-color: #ebebeb; }

.teaser td { 
  border-bottom: solid 1px #DCDCDC;
  vertical-align: top; 
}

.teaser td.none {
  border-bottom: none;
}

/* offense type icons */

.bv, .bu, .d, .s, .t, .v, .o, .mu {
  background: url('../images/bkgnds/blacksq.gif') center center no-repeat;
  font-family: Arial, Helvetica, sans-serif; 
  margin: 3px 3px 0 0;
  text-align: center;
  font-weight: bold;
  font-size: 15px;
  width: 20px;
  height: 18px;
  color: #FFF;
  /* inline-block hack */
  display:-moz-inline-stack;
  display:inline-block;
  zoom:1;
  *display:inline;
}

.bv { color:#f7941d; font-size: 13px; } 
.bu { color:#a863a8; font-size: 13px; } 
.d  { color:#8cc63f; } 
.s  { color:#ff000a; } 
.t  { color:#ff65c0; } 
.v  { color:#fff200; } 
.o  { color:#00adef; } 
.mu { color:#c0c0c0; font-size: 13px; }


.title {
  font-weight: normal;
  line-height: 42px;
  font-size: 40px;
}

.title2 {
  font-weight: normal;
  line-height: 33px;
  font-size: 32px;
}

.subtitle {
  font-size: 21px;
}

.white { color: #FFF; }

.nopad { padding: 0; }

.req, span.red {
  color: #900 !important;
  font-weight: bold;
}

.label {
  background-color: #F0FAE3;
  text-align: right;
}

#addresstxt {
  vertical-align: bottom;
  font-size: 11px;
  height:32px;
}

.greengrad {
  background: url('../images/bkgnds/greengrad.gif') top left repeat-x;
  padding: 4px 8px; 
}

.smtxt2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 10px;
}

.statschart th {
  background-color:#595959;
  white-space: normal;
  line-height: 15px;
  color: #FFF;
}

.statschart td { 
  font-size: 11px; 
}

.footnote {
  color: #666;
  font-style: italic;
}

.over { 
  background-color: #FFFACD; 
  cursor: pointer;
}

.legend {
  padding: 10px 0 6px 0;
  font-size: 11px;
}

.legend img { vertical-align: middle; }

.nw .legend {
  padding: 10px 0 6px 0;
}

.disclaimer {
  background-color:#FFC;
  border: solid 2px #F90;
  font-size: 11px;
}

.warning {
  border: 2px solid #F8A32A; 
  background-color: #FFC; 
  padding: 5px 10px; 
  margin: 0 0 5px 0; 
  text-align: left; 
}

.smad {
  border-left: solid 1px #999;
  padding-left: 15px;

}

#content .smad p {
  line-height: 15px;
}

.adtext {
  font-size: 10px;
  color:#999;
}

.pfAd
{
    font-size: 12px; line-height: 18px; padding-bottom: 8px;
} 

.req_field { 
  border: solid 1px red; 
}