body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.graphLink
{
	color: #61794D;
}
#TopTabTable 
{
	width: 100%;
	border-width:0;
	background-color:#F0AB00;
	font-family:Sans-Serif;
}

.SystemTabDivs
{
	padding-top:6px;
	height: 22px;
	text-align: right;
	color:White;
	font-size: 12px;
}

.SystemTabs
{
	color:White;
	text-decoration: none;
	font-weight:bolder;
	padding-left:2px;
	padding-right:2px;
}

.CusLblDiv
{
	padding-top:5px;
	padding-left: 10px;
	height: 23px;
	text-align: left;
	color:Black;
	font-size: 16px;
	font-weight:bolder;
}

.HowSolarDiv
{
	padding-top:4px;
	height: 24px;
	text-align:left;
}

.SelectedTab
{
	color:Black;
	text-decoration: none;
	font-weight:bolder;
	padding-left:2px;
	padding-right:2px;
}

.BoldLabel 
{
	font-weight:bold;
	font-size: 14px;
}

.NormalLabel 
{
	font-weight:normal;
	font-size: 12px;
}

.SmallLabel 
{
	font-weight:normal;
	font-size: 11px;
	color: #61794D;
}

.BlueBox
{
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: solid solid solid solid;
	border-color: #B3B8B1 #B3B8B1 #B3B8B1 #B3B8B1;
	border-collapse: separate;
	background-color: white;
}

#AggregateNumbers .hrule 
{
	display: block;
	font-size: 1px;
	background-color: #999999;
	height: 2px;
	margin: 5px 0 4px 0;
}

a.total_energy_tooltip, a.max_power_tooltip, a.performance_ratio_tooltip
{
    position:relative; /*this is the key*/
    z-index:24; 
    color:#000;
    text-decoration:underline;
}

a.total_energy_tooltip span,a.max_power_tooltip span, a.performance_ratio_tooltip span
{
	display: none;
	z-index: 250 !important;
}	

a.total_energy_tooltip:hover span, a.max_power_tooltip:hover span, a.performance_ratio_tooltip:hover span
{
	display:block;
    position:absolute;
    top: 0em; left:15em; width:33em;
    border:1px solid #333333;
    background-color:#EDEFF0; 
    color:#666666;
    font-size: 10px;
    text-align: left;
    padding: 3px;
    z-index: 250 !important;
    text-decoration: none;
}


body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	/*text-align:left*/
}

#container 
{
	position: relative;
	margin:0px auto;
	width:1024px;
}

#mainContent {
	margin:0px auto;
}

#NavTabTable {
	height:24px; 
	border:0;
}

a {
	font-family:Arial, Helvetica, sans-serif;
	color:#F0AB00;
	text-decoration:none;
}

a:hover {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
}

a:selected {
	font-family:Arial, Helvetica, sans-serif;
}

a:visited {
	font-family:Arial, Helvetica, sans-serif;
}

a.whiteLink {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

a.whiteLink:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

a.whiteLink:selected {
	text-decoration:none;
}

a.whiteLink:visited {
	text-decoration:none;
}

.bodyBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}

.smText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}

.titleBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	line-height: 1.5em;
	margin-left: 5px;
}

.smallTitleBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	line-height: 1.5em;
	margin-left: 5px;
}

#uxName 
{
	margin-left:5px;
	width: 272px;
	height: 20px;
}

.bigTitleBold {
	font-size: 15px;
	font-weight: bold;
}

.whiteTitleBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}

.footer {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.locationTitle {
	color: #44545f;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
}

.boxTopLeft {
	background-image:url(../images/box-topLeft.gif);
	width:4px;
	height:5px;

}

.boxTop {
	background-image:url(../images/box-top.gif);
	background-repeat:repeat-x;
	height:5px;

}

.boxTopRight {
	background-image:url(../images/box-topRight.gif);
	width:2px;
	height:5px;

}

.boxRight {
	background-image:url(../images/box-right.gif);
	background-repeat:repeat;
	width:2px;

}

.boxBotRight {
	background-image:url(../images/box-botRight.gif);
	width:2px;
	height:3px;

}

.boxBot {
	background-image:url(../images/box-bot.gif);
	background-repeat:repeat-x;
	height:3px;

}

.boxBotLeft {
	background-image:url(../images/box-botLeft.gif);
	width:4px;
	height:3px;

}

.boxLeft {
	background-image:url(../images/box-left.gif);
	background-repeat:repeat-y;
	width:4px;

}

.verticalSep {
	background-image:url(../images/separator-vLine.gif);
	background-repeat:repeat-y;
	width:20px;
}

.titleText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color:#666666;
}


.sectionTitle {
	font: 16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#FE9228;
}

.contentTitle {
	font: 16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#45555F;
}

.contentText {
	font: 16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#45555F;
}

.boxTitle {
	font: 13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#45555F;
}

.boxText {
	font: 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#45555F;
}

.borderWrap {
	border-left:1px;
	border-top:1px;
	border-right:1px;
	border-bottom:1px;
	border-color:#A9C4DA;
	border-style:solid;
}

.borderWrapTop {
	border-left:1px;
	border-top:1px;
	border-right:1px;
	border-bottom:0px;
	border-color:#7B848C;
	border-style:solid;
}

.borderWrapSide {
	border-top:0px;
	border-left:1px;
	border-right:1px;
	border-bottom:0px;
	border-color:#7B848C;
	border-style:solid;
}

.borderWrapBot {
	border-top:0px;
	border-left:1px;
	border-right:1px;
	border-bottom:1px;
	border-color:#7B848C;
	border-style:solid;
}

/* index background divs */

/* 
#counter_frame {
    position:absolute;
	z-index:1;
	width: 300px;
	height: 300px;
	left: 285px;
	top: 260px;
}
*/

#uxEnergyGaugeDiv {
    position:absolute;
	z-index:1;
	width: 300px;
	height: 300px;
	left: 364px;
	top: 260px;
}

#rotatorCell {
    width: 1024px; 
    height: 225px;
}

#rotatorCell h1, #rotatorCell h2, #rotatorCell h3 
{
	font-family:Verdana, Arial;
	color: #FFFFFF;
}

#co2_reduced {
    background: url(../images/co2_reduced.jpg) top left no-repeat;
    text-align: right;
	width: 1024px; 
    height: 225px;
}

#co2_reduced h1 
{
	font-weight:bold;
	font-size:24px;
	padding: 55px 35px 0 0;
	margin: 0;
}
#co2_reduced h3
{
	font-weight:bold;
	font-size: 14px;
	padding: 0 35px 0 0;
	margin: 0;
}

#energy_produced {
    background: url(../images/energy_produced.jpg) top left no-repeat;
	width: 1024px; 
    height: 225px;
    display: none;
}

#energy_produced h1 
{
	font-weight:bold;
	font-size:24px;
	padding: 55px 0 0 35px;
	margin: 0;
}
#energy_produced h2
{
	font-weight:bold;
	font-size: 16px;
	padding: 5px 0 0 35px;
	margin: 0;
}
#energy_produced h3
{
	font-weight:bold;
	font-size: 14px;
	padding: 5px 0 0 35px;
	margin: 0;
}

#miles_not_driven {
    background: url(../images/miles_not_driven.jpg) top left no-repeat;
    text-align: right;
	width: 1024px; 
    height: 225px;
    display: none;
}

#miles_not_driven h1 
{
	font-weight:bold;
	font-size:24px;
	padding: 55px 35px 0 0;
	margin: 0;
}
#miles_not_driven h3
{
	font-weight:bold;
	font-size: 14px;
	padding: 0 35px 0 0;
	margin: 0;
}

/* Bottom Div of sys perf page */
#SystemType 
{
	/*background: url(../images/mypl_public_powerguard.jpg) top left no-repeat;*/
	font-family: Verdana, Arial;
	color: #44545F;
	height: 248px;
	width: 1024px;
	border: 0px solid black;
	margin: 0;
	padding: 0;	
}

#SystemType span 
{
	margin: 0;
	padding: 0;
}

/*
#SystemType H1 
{
	text-transform:uppercase;
	font-size:24px;
	font-weight:normal;
	margin: 35px 0 0 35px;
	padding: 0;

}
*/

#SystemType H1 
{
	text-transform:uppercase;
	font-size:24px;
	font-weight:bold;
	margin: 35px 0 0 35px;
	padding: 0;

}

#SystemType H2 
{
	text-transform:uppercase;
	font-size:16px;
	font-weight:bold;
	margin: 0 0 0 35px;
}
/*#SystemType H3
{
	font-size:14px;
	font-weight:normal;
	margin: 25px 0 0 35px;
}
*/
#SystemType H3
{
	font-size:16px;
	font-weight:normal;
	margin: 0px 0 0 35px;
}

#energySunlight, #emission, #met 
{
	padding-top: 3px;
	line-height:3em;
}

#box_top {
	color: #FFFFFF;
	background-color:#000000;

}

#box_top_logo {
	padding: 10px 0 10px 15px;
}

#box_top_logo,#box_top_location {
	float: left;
}

#box_top_location {
	padding: 25px 0 0 15px;
	font-size: 18px;
	font-weight:bold;
	color: #CCCCCC;
}

#box_top_links {
	float: right;
	padding: 30px 25px 0 0;
}

#box_top_links a {
	color: #CCCCCC;
	font-size: 12px;
	font-weight: bold;
}

#box_top_links a:hover {
	text-decoration:underline;
}
#NavTabTable {
	width: 100%;
	background-color:#F0AB00;
}

.footercell {
	background-color:#F0AB00;
}

#NavTabTable td {
	border-right: 1px solid #F5C44D;
	text-align:center;
}

#NavTabTable a {
	display: block;
	width: 100%;
	height: 30px;
}

#NavTabTable a img {
	padding-top: 10px;
}

#NavTabTable a:hover, #NavTabTable td.selected {
	background-color: #F3BC33;
}

.maintitle, .utiltitle {
	float: left;
 	color: #231F20;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:22px;
	padding: 0;
	margin: 0;
}

.utiltitle 
{
	padding: 15px 0 10px 17px;
}

.maintitle_landing {
 	color: #0076BD;
 	text-transform: uppercase;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	padding: 0;
	margin: 0;
}

.mainlink {
	float: right;
}

.mainlink a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #F0AB00;
	font-weight: bold;
}

.mainlink a:hover {
	text-decoration: underline;
}	

.maincell {
	border-left: 1px solid #B3B8B1;
	border-right: 1px solid #B3B8B1;
}

.bottom_border {
	border-bottom: 1px solid #B3B8B1;
}

.contentText {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 13px;
}

.boxTitle {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 11px;
	font-weight: bold;
}
.boxText {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 11px;
}

.sectionTitle {
	color: #b3c5cb;
	font-size: 16px;
}

.contentTitle {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
}

.emphasis
{
	color: #E05206;
	font-weight: bold;
}

.errorHeading
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #3d3a3a;
	font-size: 20px;
}
.errorMessage
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;	
	color: #FFFFFF;
}

.errorContact
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-weight: bold;
	color: #525151;
}