html, body {margin: 0; padding: 0; font-family: verdana, tahoma, helvetica, arial, sans-serif; font-size: 11px; color: #333; background-color: #fff;}

.tableWidth {width: 660px;}
table.siteValues {width: 330px; float:left;}
table.siteValues td {background-repeat: no-repeat; background-position: top left;}
table.siteValues td.valueBox {
	margin-right: 2px;
	width: 160px;
	border: 1px #888 solid; 
	text-align: center; 
	color: #444; 
	padding-top: 4px; 
	padding-left: 24px; 
	padding-top: 4px; 
	background-color: #f3f3f3;
}
div.btnLinks {
	border: 1px #f3f3f3 solid;
	margin-left: -14px;
	margin-right: 0;
	margin-top: 12px;
	width: 158px
	/*height: 30px;*/
	text-align: center;
}

/* Table: siteData */

table.siteData {width: 660px; border: none; border-collapse: collapse; background-color: #f3f3f3;}
table.siteData td {background-repeat: no-repeat; background-position: top left;}
table.siteData td.valueBox {
	width: 330px;
	height: 48px;
	background-image: url(/images/Spire/solararray/cellbg_round1.gif);
	background-repeat: no-repeat;
	background-position: top left;
}


table.footer { width: 660px; } 

div.label {
	width: 230px; 
	margin-top: 8px; 
	margin-left: 8px; 
	float: left;
}
div.value { 
	width: 110px; 
	float: right; 
	padding-right: 12px; 
	margin-top: 2px; 
	text-align: right; 
}
div.center {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	text-align: center;
}

.graphBox { clear: both; margin-left: 60px; }
.value {font-weight: bold; color: #000;}

#siteLabel {display: none; width: 500px; font-size: 160%; color: #669; margin-bottom: 8px; float: left;}
div.headerLabel {width: 650px; background-color: #ddf; border: 1px #aaa solid; font-size: 10px; text-transform: uppercase; color: #669; padding: 4px; text-align: center; letter-spacing: 3px; font-weight: bold;}
#dateTime {width: 200px; text-align: left; float: left;}
#summaryLink {width: 200px; text-align: right; float: right;}

#dateTime br {display: none;}
#dateTime a {display: block; float: right; position: relative; top: -13px;} 
div.icon {width: 41px; height: 38px; float: left; margin-top: 0px; margin-left: 0px; background-repeat: no-repeat; background-position: top left;}

.iconPower {background-image: url(/images/Spire/solararray/cellbg_power.gif);}
.iconSun {background-image: url(/images/Spire/solararray/cellbg_sun.gif);}
.iconWind {background-image: url(/images/Spire/solararray/cellbg_wind.gif);}
.iconTemp {background-image: url(/images/Spire/solararray/cellbg_temp.gif);}

.iconEnergyDay {background-image: url(/images/Spire/solararray/cellbg_energy.gif);}
.iconEnergyYear {background-image: url(/images/Spire/solararray/cellbg_energy.gif);}
.iconCarbon {background-image: url(/images/Spire/solararray/cellbg_balloon_bl.gif);}
.iconNitrogen {background-image: url(/images/Spire/solararray/cellbg_balloon_red.gif);}
.iconSulfur {background-image: url(/images/Spire/solararray/cellbg_balloon_yel.gif);}
.iconCar {background-image: url(/images/Spire/solararray/cellbg_car.gif);}
.iconTree {background-image: url(/images/Spire/solararray/cellbg_tree.gif);}
.iconHouse {background-image: url(/images/Spire/solararray/cellbg_house.gif);}

.iconDay {
	display: block;
	float: left;
	text-align: left;
	width: 60px;
	height: 24px;
	text-indent: 23px;
	padding-top: 6px;
	background-image: url(/images/Spire/solararray/Icon-View-Day.gif);
	background-repeat: no-repeat;
	padding-right: 8px;
	margin-bottom: 0;
}

.iconMonth {
	display: block;
	float: left;
	text-align: left;
	width: 70px;
	height: 24px;
	text-indent: 23px;
	padding-top: 6px;
	background-image: url(/images/Spire/solararray/Icon-View-Month.gif);
	background-repeat: no-repeat;
	margin-bottom: 0;
}