.billCompareData
{
	margin-top: 10px;
	float: left;
}
.messagePanel
{
	float: left;
	width: 95%;
}
.graphs
{
	text-align: center;
	float: left;
}
.explanationContent
{
	float: left;
	width: 95%;
	text-align: left;
	margin: 0em;
	padding: 0em;
}
.explanationContent p
{
	margin: .5em 0em .5em 0em;
}

/* Customer usage */
.customerUsageGraph
{
	height: 19em;
	padding: .5em;
	border: solid 1px #cccccc;
	text-align: center;
	margin: auto;
}
.customerTotalUsage
{
	background-color: #215A91;
	color: #ffffff;
	font-weight: bold;
	font-size: .8em;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
.customerOnPeakUsage
{
	background-color: #AA9973;
	color: #ffffff;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
.customerOffPeakUsage
{
	background-color: #215A91;
	color: #ffffff;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
.customerUsageDiv
{
	float: left;
	margin: 5px;
	text-align: center;
}
.customerUsageDiv h4, .customerUsageDiv p
{
	white-space: nowrap;
}
.customerOuterBar
{
	height:100%;
	float: left;
	width: 3.75em;
}
.customerUpperBar
{
	height: 7%;
	text-align: center;
}
.customerMiddleBar
{
	height: 82%;
	text-align: center;
}
.customerLowerBar
{
	height: 11%;
	text-align: center;
}
/* End customer usage */

/* Similar-sized homes usage */
.averageUsageGraph
{
	height: 19em;
	padding: .5em;
	border: solid 1px #cccccc;
	text-align: center;
	margin: auto;
}
.averagePercentChange
{
	background-color: inherit;
	color: #215A91;
}
.averageTotalUsage
{
	background-color: #215A91;
	font-weight: bold;
	color: #ffffff;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-size: .8em;
}
.averageOnPeakUsage
{
	background-color: #AA9973;
	color: #ffffff;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
.averageOffPeakUsage
{
	background-color: #215A91;
	color: #ffffff;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
.averageUsageDiv
{
	float: left;
	margin: 5px;
	text-align: center;
}
.averageUsageDiv h4, .averageUsageDiv p
{
	white-space: nowrap;
}
.averageOuterBar
{
	height:100%;
	float: left;
	width: 3.75em;
}
.averageUpperBar
{
	height: 7%;
	text-align: center;
}
.averageMiddleBar
{
	height: 82%;
	text-align: center;
}
.averageLowerBar
{
	height: 11%;
	text-align: center;
}
/* End similar-sized homes usage */

/* Weather impact */
.weatherGraph
{
	height: 19em;
	padding: .5em;
	border: solid 1px #cccccc;
	text-align: center;
	margin: auto;
}
.weatherPercentChange
{
	background-color: inherit;
	color: #215A91;
}
.weatherTotalHours
{
	color: #ffffff;
	margin: 0px;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
	font-size: .8em;
}
.weatherHeatingHours
{
	background-color: #AECFF0;
	color: #000000;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
}
.weatherCoolingHours
{
	background-color: #eae3d5;
	color: #000000;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
}
.weatherDiv
{
	float: left;
	margin: 5px;
	padding-left: 15px;
	text-align: center;
}
.weatherDiv h4, .weatherDiv p
{
	white-space: nowrap;
}
.weatherOuterBar
{
	height:100%;
	float: left;
	width: 3.75em;
}
.weatherUpperBar
{
	height: 0%;
	text-align: center;
}
.weatherMiddleBar
{
	height: 89%;
	text-align: center;
}
.weatherLowerBar
{
	height: 11%;
	text-align: center;
}
/* End weather impact */

/* Color Key classes */
.customerUsageTotalKey
{
	margin: 5px;
	vertical-align: middle;
}
.customerUsageOnPeakKey
{
	margin: 5px;
	vertical-align: middle;
}
.customerUsageOffPeakKey
{
	margin: 5px;
	vertical-align: middle;
}
.coolingDegreeHoursKey
{
	margin: 5px;
	vertical-align: middle;
}
.heatingDegreeHoursKey
{
	margin: 5px;
	vertical-align: middle;
}
.OverviewGradient
{
	width:300px;
	height:30px;
	background:url(/srp.graphics/ratescaleround.gif) no-repeat;
}
.OverviewAverage
{
	text-align:center;
}
.billCompareKey
{
	float: left;
	border: solid 1px #cccccc;
	margin: 4.5em 5px 5px 5px;
	white-space: nowrap;
}
.customerUsageTotalKey div
{
	border: solid 1px #cccccc;
	width: 1em;
	height: 1em;
	background-color: #215A91;
	float: left;
	margin-right: 3px;
}
.customerUsageOnPeakKey div
{
	border: solid 1px #cccccc;
	width: 1em;
	height: 1em;
	background-color: #AA9973;
	float: left;
	margin-right: 3px;
}
.customerUsageOffPeakKey div
{
	border: solid 1px #cccccc;
	width: 1em;
	height: 1em;
	background-color: #215A91;
	float: left;
	margin-right: 3px;
}
.coolingDegreeHoursKey div
{
	border: solid 1px #cccccc;
	width: 1em;
	height: 1em;
	background-color: #eae3d5;
	float: left;
	margin-right: 3px;
}
.heatingDegreeHoursKey div
{
	border: solid 1px #cccccc;
	width: 1em;
	height: 1em;
	background-color: #AECFF0;
	float: left;
	margin-right: 3px;
}