.results h3 { font-size: 16pt; font-family: Trebuchet MS; color: black }
.address { font-family: Trebuchet MS; color: #003366; font-weight: normal; font-size: medium }
.address .label { color: #999999 }
.data { font-size: x-large; font-family: Trebuchet MS; font-weight: bold }
.field { font-size: large; font-family: Trebuchet MS }
.note {font-size: 80%; color:#999999}
.source {font-size: 80%; color:#999999}
h3.note {color:#666}
h3.source {color:#666}

/* Add some padding to the bottom of the tabs */
.results .hTogglerJS_target { margin-top: 2px }
.results .hTogglerJS li a { padding-bottom: 3px }

.results .hTogglerJS li a { margin-right: 1px } /* a little more space between tabs */
/* adjust colors and font weight */
.results .hTogglerJS_target { border: 1px solid #CCCCCC }
.results .hTogglerJS li a { font-size: 11pt; border: 1px solid #CCCCCC; color: #666666 !important; background-color: #EEEEEE }
.results .hTogglerJS li a:hover { background-color: #CCCCCC !important; color: black }
.results .hTogglerJS li.current a { color: black; background-color: white !important }

/* tabular table formatting */
.results caption { color: #666; margin-left: 10px }
.results .tabular th { font-weight: normal; text-align: right; font-size: 9pt; color: #999999; background-color: white; padding-left: 10px !important; border-width: 0; border-bottom-width: 0px; color: #666  } /* overriding sorttable padding */
.results .tabular th a { color: #666 }
.results .tabular td.rowheader {font-weight: normal; text-align: left; white-space: nowrap; font-size: 9pt; color: #999999; background-color: white; padding-left: 10px !important; border-width: 0 ; text-align: right; padding-right: 5px !important;  background-color: white !important; }
.results .tabular td { color: #000; font-weight: normal; white-space: nowrap; font-size: 8pt; border-width: 0; text-align: right; padding-left: 10px; padding-right: 10px }
.results .tabular tr.alt { background-color: #F0F0F0; }
.results table.tabular { margin: 0; width: 100%; border-width: 0;} /* margin: 0 and width: auto prevents the table from automatically sizing to fill its container */
.results .tabular .filler { width: 100% }
.results .tabular tr.total { border-top-width: 1px; }
.results .tabular .total td { border-top-width: 1px; !important; color: #666;border-bottom-width:0 }
.results .tabular .total th { border-top-width: 1px;  color: #666; border-bottom-width:0 }
.results .tabular .groupheader {font-weight: bold; padding-top: 20px; padding-bottom: 3px;}

.results .tabular.transpose th {width:25%; white-space: nowrap; text-align: right; padding-right: 5px !important; border-bottom-width:0 }
/* .results .tabular.transpose td:first-child + td { background-color: #666 } DOESN'T WORK IN IE6 */
.results .tabular.transpose td {white-space: nowrap; border-width: 1px; }
.results .tabular.transpose td.filler { border-width: 0px }

.results table.timeline {border-collapse: collapse; font-family: Trebuchet MS;  border: 1px solid #dddddd; margin-bottom: 0; }
.results .timeline td { border-width: 0; border-right: 1px solid #dddddd; font-size: 12pt; padding: 0}
.results .timeline caption {color: #666; border-width: 0; padding: 10px 0 2px 0; margin-left: 0; font-family: Trebuchet MS; font-size: 12pt; font-weight: normal}
.results .timeline th {font-size: 10pt; padding: 2px 4px 0 4px; color: #036; font-weight: bold; background-color: transparent; border-right: 1px solid #dddddd; border-width: 0 1px 0 0 }
.results .timeline .subhead th {color: #CCCCCC; font-weight:normal; font-size:80%; padding:1px;}
.results .timeline .rowheader {font-weight: normal; white-space: nowrap; color: #999999; padding-left: 10px; text-align: right !important; padding-right: 10px; white-space: nowrap; font-size: 11pt }
.results .timeline .data td {text-align: center; padding:2px;}
.results .timeline .obs {color:white; font-weight:bold; font-size:12px;}
.results .timeline .future  {background-color: #F7F7F7 !important;}
.results .timeline th.currentyr { border-top: 1px solid #EDEDED;}
.results .timeline .current {background-color:#FFFFCC !important; border-top: 0px;}
.results .timeline th.current {border-top: 0px;}

.results .timeline .serincident .obs {background: url(../images/dot-red.png) no-repeat 50% 50%; }
.results .timeline .sigincident .obs {background: url(../images/dot-gold.png) no-repeat 50% 50%; }
.results .timeline .enforce .obs {background: url(../images/dot-green.png) no-repeat 50% 50%; }
.results .timeline .inspect .obs {background: url(../images/dot-blue.png) no-repeat 50% 50%; }

/*option 1
.results .timeline .serincident .obs {background: red; }
.results .timeline .sigincident .obs {background: gold; }
.results .timeline .enforce .obs {background: green; }
.results .timeline .inspect .obs {background: blue; }
*/



.results table.barchart  { border-collapse: collapse; font-family: Trebuchet MS;  border-width:0 !important; margin-bottom: 0; width:500px; }
.results .barchart td { border:none; font-size: 10pt; text-align:left; }
.results .barchart th {font-size: 10pt; padding: 2px 4px 0 4px; color: #036; font-weight: bold; background-color: transparent; border: none;}
.results .barchart .rowheader {font-weight: normal; white-space: nowrap; color: #999999; padding-left: 10px; text-align: right !important; padding-right: 10px; white-space: nowrap; font-size: 10pt }
.tablebar1 {background-color:#1874CD; border-left: solid 1px #1874CD; margin-right:2px; float:left; text-align:center; color:white;}
.barlabel {float:right;}
.serious td {color:red !important;}
.zero {color: #CCCCCC !important;}