body 
{
	margin:0px;
	font-family: Trebuchet MS;
	font-size: 10pt;
	color:#004B85;
}

.wrapper {
    display: inline-block;
}
.wrapper:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
* html .wrapper {
    height: 1%;
}
.wrapper {
    display: block;
    /*padding:2px;*/
}

.fR {
    float: right;
}
.fL {
    float: left;
}
.fC {
    text-align:center;
}

.fontXL
{
	font-size: 1.8em;
}
.fontLarge
{
	font-size: 1.6em;
}
.fontMedium
{
	font-size: 1.2em;
}
.fontSmall
{
	font-size: 0.8em;
}


.mainPanel
{	
	margin: 0 auto 0 auto;
	width: 1000px;
	height: 700px;
	background-image: url(../../App_Images/background.png);
	background-repeat:no-repeat;
	border:solid 1px White;
	
}

.innerPanel
{	
	height: 670px;	
	margin: 10px 20px 20px 20px;
}

.contentPanel
{	
	height: 400px;	
	margin: 20px;
}

.border
{
	border:solid 1px red;
	
}

.titlePanel
{
	background-image: url(../../App_Images/Header.png);
	background-repeat:no-repeat;
	color:White;
	font-size: 2.8em;
	margin: 10px 10px 0px 0px;
	width:550px;
	height:50px;
}
.logo
{
	background-image: url(../../App_Images/Logo.png);
	background-repeat:no-repeat;
	margin: 10px 10px 0px 0px;
	width:57px;
	height:69px;
}
.subtitlePanel
{
	font-size: 1.2em;
	margin: -20px 85px 35px 0px;
}
.pageNavigation
{
	margin: -20px 0px 5px 20px;
}

.quarter
{
	width:24.5%;
}
.half
{
	width:49.5%;
}
.summaryPanel
{
	padding:10px;	
	margin-top:20px;
	margin-right:20px;	
}


.PV
{
	color:#118CCC;
}
.Elec
{
	color:#ED7803;
}
.Water
{	
	color:#003E7E	
}
.Gas
{
	color:#B2DD2A;	
	}



.gauge
{
	margin:1px;	
	padding-top:5px;
	height:240px;
}
.chart
{
	margin:1px;	
}
.icon
{
	margin-left:20px;
	width:52px;
	height:52px;
	
}
.temp_icon
{
	background-image: url(../../App_Images/thermometer_icon.png);
	background-repeat:no-repeat;
}
.temp_icon2
{
	width:50px;
	height:150px;
	background-image: url(../../App_Images/thermometer.png);
	background-repeat:no-repeat;
}
.solar_icon
{
	background-image: url(../../App_Images/solar_icon.png);
	background-repeat:no-repeat;
}
.gauge_icon
{
	background-image: url(../../App_Images/dial_icon.png);
	background-repeat:no-repeat;
}
.chart_icon
{
	background-image: url(../../App_Images/graph_icon.png);
	background-repeat:no-repeat;
}

A:link, A:active, A:visited
{
	color:#004B85;
	text-decoration:none;	
}

A:hover
{
	color:White;
	text-decoration:none;	
}

.Selected:link, .Selected:active, .Selected:visited, .Selected:hover
{
	color:White;	
	text-decoration:none;	
}

.opac
{
	background-image: url(../../App_Images/opac.png);

}