.Hidden { visibility: hidden; } 
.Center { text-align: center; }

div.CityName { width: 50px; } 
div.ERate { width: 50px; } 

div#Container {
 	background-image: url(/res/images/sdk_sidebar_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0 150px;
}
 

 div#Header img#Logo {
   position: absolute;
   left: 62px;
   top: 75px;
   z-index:1;
 }

 div#Header span#Logo {
   position: absolute;
   left: 62px;
   top: 75px;
   z-index: 1;
 }

div#Header div#Banner {
  border-bottom: 6px solid #408fca;
  position: relative;
  margin-top: 46px;
}


div#Header div#BrandsNav { 
    position: absolute; 
    top: 30px; left: 34px;
    font-size: 12px;
}
div#Header div#BrandsNav ul li a {  color: #F5D130; } 
div#Header div#BrandsNav ul li { border-right: 1px solid #000; padding: 0px 1em; }
div#Header div#BrandsNav ul li.First { padding-left: 0; }
div#Header div#BrandsNav ul li.Last { border-right: 0; }

div#Sidebar {
	/*background-image: url(/res/images/sdk_sidebar_bg.jpg);
	background-repeat: no-repeat;*/
	width: 190px;
	float: left;
	margin-bottom: 300px; 
}

div#Sidebar img.Logo {
	margin: 25px 0 0 35px;
}

div#Sidebar span.Logo {
    display: block !important;
	margin: 25px 0 0 35px;
}

div#Sidebar ul.VNav {
	margin: 23px 0 0 35px;
	
}

div#Sidebar ul.VNav li a { 
	background-image: url(/res/images/icon_red_bullet.gif); 
	background-position: 0% 50%;
	background-repeat: no-repeat; 
	color: #000; 
	text-decoration: underline; 
	line-height: 200%;
	padding-left: 23px;
} 

div#Sidebar ul.VNav li a:hover { font-weight: bold; } 

div#Sidebar ul.VNav li a.Selected { font-weight: bold; } 

div#MainContent {
  padding-top: 0;
  margin-left: 226px;
  margin-top: 89px;
}

body.SmallTopMargin div#MainContent {
	margin-top: 35px;
}

div#MainContent a { color: #CC2228; } 

div#MainContent.LessTop { margin-top: 63px; } 

div#MainContent ul { padding-left: 1em; margin: 0 0 1em 1em; font-size: 100%; } 
div#MainContent ul li { font-size: 100%; padding-bottom: 1em; list-style-image: url(/res/images/bullet_red.jpg); }

div#MainContent h1 { 
	color: #408fca; 
	font-weight: bold; 
	font-size: 22px; 
	margin: 0 0 .5em 0;
}

div#MainContent h1.Red { color:  #CC2228; } 
div#MainContent h1.Black { color:  #000; } 

div#MainContent p.Red { color:  #CC2228; } 
div#MainContent p.Bold { font-weight: bold; } 

div#MainContent h2 { font-style:italic; font-size: 150%; margin: 0 0 .5em 0; }
div#MainContent h3 { color: #408fca; font-size: 125%; margin: 0 0 .5em 0; } 

div#MainContent h1.Headline { 
	border-bottom: 2px solid #408fca; 
}

div#MainContent p {margin: 0 0 1em 0; }


div#MainContent div#RightSidebar {
    float: right;
    width: 250px;
}

div#MainContent div#RightSidebar table.Instructions { width: 100%; }

table.Instructions { margin-bottom: 20px; width: 450px;  } 
table.Instructions tr td { vertical-align: top; padding-left: 20px; padding-bottom: 1em; font-size: inherit;}
table.Instructions tr td.First { padding-left: 0; } 
table.Instructions tr td span.Number { font-size: 200%; font-weight: bold; color: #273a88;} 
table.Instructions.Blue { background-color: #E5F0F7;  padding: 10px;} 
table.Instructions.Blue tr td.First { padding-left: 10px; } 

table.Success tr td { padding: 10px; text-align: left; vertical-align: top; } 
table.Success tr td.PadTop { padding-top: 32px; } 

span.Red { font-weight: bold; color:  #CC2228; }
span.Green { font-weight: bold; color: #0F0; }
span.Yellow { font-weight: bold; color: #F5D130; }

div#InnerContent { float: right; margin-left: 20px; } 
div#InnerContent.WayHigh { margin-top: -50px; }
div#InnerContent.SortaHigh { margin-top: -25px; }
div#InnerContent p.CaptionRight { float: right;}
div#InnerContent p.CaptionLeft { float: left;}

div#Calculator { 
	width: 410px;
}

div#costperkwh { height: 14px; font-weight: bold; font-size: 14px; }

div#Calculator h1 { font-size: 100%; text-transform: uppercase; color: #787878; } 
div#Calculator input.Text { background-color: #b0fdfc; width: 85px; font-size: 10px;  } 
div#Calculator input.Text.Short { width: 55px;} 
div#Calculator select { 
	width: 100px;
	font-size: 10px; 
	border-top: 1px solid #DDD; 
	border-left: 1px solid #DDD; 
	border-right: 1px solid #000; 
	border-bottom: 1px solid #000; 
} 

div#Calculator table { 
	width: 100%;
	background-image: url(/res/images/calc_bg.jpg);  
	margin-bottom: 1em; 
	border-top: 2px solid #FFF; 
	border-left: 2px solid #FFF; 
	border-right: 2px solid #000; 
	border-bottom: 2px solid #000; 

}
div#Calculator table tr td.Left { vertical-align: top; width: 250px; padding: 10px 0 10px 20px; } 
div#Calculator table tr td.Right { vertical-align: top; width: 125px;  padding: 29px  20px 10px 20px; } 
div#Calculator table tr td.Right p.Disclaimer { font-size: 9px; margin-top: 30px; }
div#Calculator table tr td.Right span { display: block !important; }
div#Calculator table.InnerPane { 
	border-top: 1px solid #FFF; 
	border-left: 1px solid #FFF; 
	border-right: 1px solid #000; 
	border-bottom: 1px solid #000; 
	margin-bottom: 10px;
	
} 
div#Calculator table.InnerPane tr td { font-size: 10px; background-image: url(/res/images/calc_bg_dark.jpg); padding-right: 10px; padding-bottom: 5px; } 
div#Calculator table.InnerPane tr td.Center { text-align: center;  } 
div#Calculator table.InnerPane tr td span.Highlight { display:block; background-image: url(/res/images/calc_bg.jpg); }  

div#Calculator table.InnerPane tr.First td { padding-top: 10px; }
div#Calculator table.InnerPane tr td.First { padding-left: 10px; white-space: nowrap;}
div#Calculator table.InnerPane tr td.Last { padding-right: 10px; text-align: center; }
div#Calculator table.InnerPane tr.Last td { padding-bottom: 10px; }
div#Calculator table.InnerPane td.VertTop { vertical-align: top; }

div#Calculator div.DataLabel { font-weight: bold; font-size: 150%; }
div#Calculator div#heaterwattshandle span { display: block !important; }
div#Results { width: 410px; }
div#Results table { 
	width: 100%;
	background-image: url(/res/images/calc_bg.jpg);  
	margin-bottom: 1em; 
	border-top: 2px solid #FFF; 
	border-left: 2px solid #FFF; 
	border-right: 2px solid #000; 
	border-bottom: 2px solid #000; 
}

div#Results table tr td { 
	padding: 10px;
	vertical-align: top;
	text-align: left;
}

div#Results table tr.First td { 
	background-image: url(/res/images/calc_bg_blue.jpg);
	color: #FFF;
	padding: 10px;
	
}

div#Results table tr td.First { width: 100px; white-space: nowrap; font-weight: bold; padding-right: 0; border-bottom: 1px solid #000; }
div#Results table tr td.Last { width: 310px; border-bottom: 1px solid #000;  }

div#Results input.Text {  width: 85px; font-size: 10px;  } 
div#Results input.Text.Short { width: 50px;} 
div#Results select { 
	font-size: 10px; 
	border-top: 1px solid #DDD; 
	border-left: 1px solid #DDD; 
	border-right: 1px solid #000; 
	border-bottom: 1px solid #000; 
} 
 
div#Results div.DataLabel {  width: 5em; height: 15px; display: inline; font-weight: bold; }
div#Results div.Databar {  width: 0px; border-top: 15px solid #fb773d; height: 0px; }
div#Results table tr.First td div.DataLabel { width: auto; padding-right: .25em;  color: #FFF; font-weight: bold; font-size: 150%; } 
span.Lower { text-transform: lowercase; } 

div#SDKFooter { font-size: 100%; }