html, body { font-family: Arial, Sans-Serif, Tahoma; font-size: 12pt; margin: 0px; padding: 0px; background-color: #333333; color: #FFFFFF; height: 100%; }
div#copyright { width: 100%; z-index: 5; line-height: 13px; text-align: center; border-bottom: solid 1px #014E82; font-size: 7pt; font-weight: bold; color: #898989; background-color: #CCCCCC; }
#topBar { padding: 2px 10px 2px 10px; background-color: #014E82; border-bottom: solid 1px #CCCCCC; }
#clockTime { font-weight: bold;	}
.infoBox { margin: 80px auto; padding: 30px; border: solid 2px #CCCC66; color: #333333;	background-color: #FFFFCC; width: 780px; text-align: center; }

.itemsHeader { padding: 2px; background-color: #014E82; margin: 2px 0px 2px 0px; border: solid 1px #CCCCCC; }

td.locationName { width: 300px; }
td.locationData { width: 50px; }
td.locationName, td.locationData, td.locationResources { border-bottom: solid 1px #555555; color: #eeeeee; }

.siteContainer { margin: 6px 2px 2px 2px; }
.measureBar { background-color: /*#66CC66;*/ #426242; border: solid 1px #99FF99; }

/*.barSmall { height: 27px; line-height: 27px; font-size: 12pt; } 
.barMedium { height: 43px; line-height: 43px; font-size: 14pt; } 
.barLarge { height: 57px; line-height: 57px; font-size: 18pt; }*/

.barSmall { height: 29px; font-size: 12pt; } 
.barMedium { height: 45px; font-size: 14pt; } 
.barLarge { height: 59px; font-size: 18pt; }

.barSmall .measureBar { height: 18px; }
.barMedium .measureBar { height: 28px; }
.barLarge .measureBar { height: 38px; }