﻿ 
/* -------------- 1. Defaults --------------------------- */
*{
	margin:0;
	padding:0;
}
body{  font:62.5% Arial, Helvetica, sans-serif; color:#4e656b; background-color:#ecf5f2; }

a img{border:0;}
ul{list-style-type:none; }
.s {font-size:.7em;}
/* -------------- 2. Structure -------------------------- */
#wrapper {width:1024px; margin:0 auto; min-height:690px; font-size:10pt;  background:#ecf5f2 url(../images/bg_content.jpg) center 100px no-repeat;  position:relative;  }

#masterhead{ height:80px; padding-top:20px; overflow:hidden; background-image:url(../images/master_head.jpg); width:985px;margin:0 0;}

#content{ padding:0 0 20px 0; float:left; position:relative; width:1000px;} 
#content p, #content-new p {line-height:140%; padding: 8px 0px;}
.square{position:absolute; z-index: -1;}
.bottom_img{background:url(../images/bg_footer.png) no-repeat; position:relative; height:392px; width:1024px; z-index:-1;}	
#footer{margin:10px 0; text-align:center; float:left; width:1000px; font-size:9pt}
#hp li {background: url("../images/box_bg_li.gif") no-repeat scroll left 9px transparent;padding:0 0 10px 15px; margin-left:15px; line-height:150%;font-size:1.1em;}
.row{width:985px; padding-left:20px; padding-right:20px; clear:both; overflow: hidden;}
.left{float:left;}
.right{float:right;}
.center{text-align: center;}
.margin_left { margin-left: 100px; }
fieldset{border:none;}
.x{display:none;}
.checkbox, .radio{width:auto!important}
.green_link { color:#8DC53D;text-decoration:none;}
/* Masterhead */
.logo{ display:block; background:url(../images/logo_main.png) no-repeat; width:272px; height:63px;  display:block; text-indent:-10000px; float:left}

/* Content*/
.banner{background:url(../images/temp_banner.jpg) no-repeat; height:110px; margin:7px 0 10px;}
h3, .posted{margin-bottom:6px}
.text{line-height:16pt; margin-bottom:10px; width: 360px;}
.refer_friend { text-align: left; }
/*
.note_pad{text-align:center; float:right; margin-top:10px; font-size:10pt; padding-top:15px;}
.large_pad{background:url(../images/bg_note_pad.gif) no-repeat; width:270px; height:162px}
.small_pad{background:url(../images/bg_note_pad_small.gif) no-repeat; width:211px; height:165px}
	.note_pad .large_text{ font-size:50pt; line-height:46px; color:#ff6a10; position:relative; top:10px; font-weight:bold}
	.note_pad .large_text span{font-size:18pt; position:relative; top:-29px;}
	.note_pad strong, .cta_230 strong{ font-size:10pt}
	.large_pad .start_saving{margin-left:auto; margin-right:auto}
	.small_pad .start_saving{margin-left:auto; margin-right:auto; margin-top:5px;}
	.cta_230 .start_saving{margin-left:auto; margin-right:auto}
	
*/
.note_pad{ text-align: left; float:left; margin:10px 0 0 20px; font-size:10pt; padding-top:5px;}
.large_pad{background:url(../images/bg_note_pad.gif) no-repeat; width:270px; height:170px}
.small_pad{background:url(../images/bg_note_pad_small.gif) no-repeat; width:250px; height:158px}
.get_started_button{background:url(../images/btn_get_started.png) no-repeat;width:121px; height:40px;border:0 none white; margin-left:auto; margin-right:auto;margin-top:5px;}
	.note_pad .large_text{ font-size:46pt; line-height:43px; color:#ff6a10; position:relative; top:10px; font-weight:bold}
	.note_pad .large_text span{font-size:18pt; position:relative; top:-29px;}
	.note_pad strong, .cta_230 strong{ font-size:14pt}
	.large_pad .start_saving{margin-left:auto; margin-right:auto}
	.small_pad .start_saving{margin-left:auto; margin-right:auto; }
	.learn_more { padding: 0; margin: 0px 0px -10px 0px; }
    .learn_more a { margin:0; padding:0 13px 0 0; background:url(../images/link_arrow.gif) right 5px no-repeat}
	#learn_more div { height: 100px; font-size: 11px; margin: -10px 0 0 0; padding: 10px 15px 0 15px; text-align: left;}
	#learn_more div a { text-indent: -9999px;}
	#learn_more div a.close{ background:url(../images/btn_close.gif) no-repeat;  width:13px; height: 13px; position: relative; float: right; margin: 0 -10px 0 0; padding:5px;  text-indent: -9999px;}
	.cta_230 .start_saving{margin-left:auto; margin-right:auto}
.B_crumb {text-decoration:underline;}

.cta_230{text-align:center}
	.cta_230 .large_text{ font-size:40pt; color:#ff6a10; font-weight:bold}
	.cta_230 h5 {color:#ff6a10; font-weight:bold;}
.center{text-align:center;}
.jumpbox select {border:1px solid #C7DBDB; height:23px;background:url("../images/textbox_gradient.gif") repeat-x scroll center top;margin-bottom:7px;margin-top:5px;}

.save{text-align:center; border-top:1px solid #eaeaea;}

/* forms */
.estimate label{width:120px; display:block;}
.estimate input{width:64px; margin-left:0px; float:left}
.estimate .checkbox label { width: 180px; display: block;}
.estimate .checkbox input { width:20px; margin-left:0px; float:left }
.estimate select{width:120px;}
.estimate .row{margin-top:7px}
.estimate_button {width:auto !important; float:none !important;}
  
.submit label{display:block; float:left; width:50px;}
.submit .row{margin-top:7px}
.submit input{width:125px}
.submit textarea{width:90%; height:80px}

.confirm{width:272px; margin:50px auto;}
.confirm input{width:99%; margin-bottom:10px; padding:4px 0 0 1%}

.register{ margin:0 0 0 0px;}
.register .agree {width:50px;}
.register .agree_label {width:270px !important; margin-bottom:5px; margin-top:-3px; margin-left:5px;}
.register input{width:269px;}
/*.register .agree_checkbox, .register .agree_checkbox input {width:20px !important;float:left; padding-left:120px;} */
.register .agree_checkbox {float:left; width:140px !important; padding-left:95px;}
.register input.short{width:119px; margin-right:150px}
.register input.textbox, .register select{ background:url(../images/textbox_gradient.gif) repeat-x top; border: 1px #c7dbdb solid; width:265px; height: 25px; padding: 3px;}
.register label{width:300px; margin: 0 10px 0 -65px; float:left; font:bold 12pt Arial, Helvetica, sans-serif; text-align: right; padding-top: 5px;}
.label{font:bold 12pt Arial, Helvetica, sans-serif; position:relative; top:-2px; margin:0 5px 0 2px;}
.register select{width:200px}
.register .clearfix{margin-bottom:10px}

.register .radio input {width:20px;float:left;}
.register .radio label {width:120px; margin: 0;text-align:left; padding-left:3px;margin-top: -5px;}

.image_holder{ width:517px; }
.error{float:right; color:#FF0000; padding:10px; width:249px; background-color:#f9f6f7;}
.agree a{color:#ef5a00}
.register .checkbox{ float:left; margin-right:5px}
.register .radio { background:url(../images/radio_background.gif) repeat-x top; width: 17px; height: 17px; border: none;  } 


.refer_friend form{ float: left; }
.refer_friend input.textbox { display: block; background:url(../images/textbox_gradient.gif) repeat-x top; border: 1px #c7dbdb solid; width:265px; height: 25px; padding: 3px; margin: 0px 0px 10px 0px;}
.refer_friend fieldset { float: left; padding: 0 45px 0 0; width: 276px; }
.RaF {padding-right:75px;}

.tooltip { position: absolute; z-index: 2; border: 3px #f58224 solid; background-color: #ffffff; padding: 2px;}
.tooltip .arrow_btm_left { background:url(../images/tooltip_arrow_btm_left.gif) no-repeat left  top; width: 16px; height: 15px; position: absolute; text-indent: -9999px; overflow: hidden; display: block; }
/* footer */
#footer ul{margin-left:10px} 
#footer li{float:left; margin-right:5px;}
.register input.on, .register select.on, .error{border:1px solid #F00}

/* -------------- 3. Links and Navigation --------------- */
a {color:#4fa1f2; outline:none;}
a:hover{}
#footer a{color:#4e656b; text-decoration:none; white-space:nowrap;}
#footer a:hover, a:hover{text-decoration:underline;}

/*top nav */
ul.navigation {margin:10px 0 0 150px; float:left;}
ul.navigation li{float:left;}
ul.navigation li a{float:left; color:#fff; display:block; text-decoration:none; color:#666; font:11pt Arial, Helvetica, sans-serif; border-left:1px dotted #c3cabd; padding:13px 30px; height: 20px; overflow: visible;}
ul.navigation li span{ position: absolute; font-size: 8pt; color: #ff6a10; width: 100px; text-align: center; display: block; margin: 0 0 0 -14px;}


*:first-child+html ul.navigation li span{ display: none; position: absolute; font-size: 8pt; color: #ff6a10; width: 100px; text-align: center; display: block; margin: 15px 0 0 -90px;}
*:first-child+html .width_500{ margin-right: 10px; }
*:first-child+html #masterhead .refer_a_friend { margin:-12px 0 0 20px;}

ul.navigation li.first a{border-left:none;}
/*
ul.navigation li a:hover, ul#navigation li a.on{ background:url(../images/bg_nav_0n.jpg) repeat-x top; text-decoration:none;}
*/

/* -------------- 4. Fonts ------------------------------ */
h1, h1 a{ text-indent:-10000px; float:left; height:173px; margin-bottom:0px;}
h1.home{background:url(../images/main_banner.jpg) no-repeat; width:656px;}
h1.about{background:url(../images/banner_about.jpg) no-repeat; width:713px;}
h1.biz a{background:url(../images/banner_biz.jpg) no-repeat; width:713px; display:block;}
h1.res a{background:url(../images/banner_res.jpg) no-repeat; width:713px; display:block; }
h1.confirm1{ background:url(../images/h1-confirm.gif) center no-repeat; height:29px; margin:70px 0 32px; width:100%}
h1.sign{ background:url(../images/h1-sign_up.gif) center no-repeat; height:29px; margin:70px 0 32px; width:100%;}
h2{font:normal 11pt Arial, Helvetica, sans-serif; color:#ff6a10; text-align:center}
h2 span{ font-size:26px; font-weight:400}
.width_420 h2, .more_about_box h2 { font:normal 15pt/16pt Arial, Helvetica, sans-serif; color:#ff6a10; margin-bottom:10px; text-align: left;}
.more_about_box h2 { font:normal 12pt/16pt Arial, Helvetica, sans-serif; color:#ff6a10; margin-bottom:10px; text-align: left;}
h3{font:normal 17pt/20pt Arial, Helvetica, sans-serif; color:#ff6a10;}
.width_250 h3, .width_346 h3, .width_480 h3 { font:normal 10pt/11pt Arial, Helvetica, sans-serif; color:#8dc63f; text-align: center; line-height: 20px; border-top: 1px #8dc63f dotted; border-bottom: 1px #8dc63f dotted; }
h4, h4 a{font:normal 16pt/19pt Arial, Helvetica, sans-serif;text-decoration:none; color:#4E656B;}
h4 a:hover {color: #FF6A10;text-decoration:none;}
h5{font:bold 12pt/14pt Arial, Helvetica, sans-serif; margin-bottom:14px;}
h6{font:normal 12pt Arial, Helvetica, sans-serif; color:#ff6a10; margin-bottom:10px}
.p_set{color:#90afaf; font-size:11pt; width:300px; float:left}
p{line-height:13pt; padding-bottom:8px;}
.posted{color:#a7a08a}
.comments a{color:#8dc63f; font-weight:bold; text-decoration:none}
.comments a:hover{text-decoration:underline}
.pagination a{margin:0 2px; text-decoration:none; color:#354347}
.pagination a:hover, .pagination a.on{color:#a0a0a0}
.large_font{font-size:16pt; margin-top:30px;}
.kwh_month{font:normal 35pt Arial, Helvetica, sans-serif; color:#ff6a10; text-align:center; margin-top: -15px; font-weight: bold;}
.green { color: #8dc63f; }
.refer_friend h2, .cash_back h2, .popup h2 { font:normal 26pt Arial, Helvetica, sans-serif; color:#ff6a10; text-align:center}
.refer_friend { font:normal 14pt Arial, Helvetica, sans-serif; color:#4e656b; }
.refer_friend p { line-height: 25px;  } 
.cash_back { font:normal 12pt Arial, Helvetica, sans-serif; color:#4e656b; }
.cash_back p { line-height: 25px;  } 

#popup { margin:0 auto; min-height:690px; font-size:10pt; position:relative;  }
.popup {font:normal 12pt Arial, Helvetica, sans-serif; }
.pop_close, .pop_print { padding:5px 27px 0px 27px;font-size:13pt;}
.pop_close {float:right;}
.pop_print {float:left;}

/* -------------- 5. Boxes ----------------------------- */
.box{ position:relative; margin-top:15px;}
     /* --> create your own box by setting a width and adjusting the top and bottom bar <-- */
	 .width_794{ width:794px; float:right; margin-right:50px;}
	 	.width_794 .box_bot{width:790px; left:2px;}
	 .width_690{ width:690px; margin-left: 10px;}
		.width_690 .box_top, .width_690 .box_bot{width:677px;}
   .width_713{width:719px; text-align: left;}
		.width_713 .box_top, .width_713 .box_bot{width:706px;}
	.width_470{ width:470px;}
		.width_470 .box_top, .width_470 .box_bot{width:457px;}
	.width_250{ width:248px;}
		.width_250 .box_top, .width_250 .box_bot{width:235px;}
	.width_230{ width:230px }
		.width_230 .box_top, .width_230 .box_bot{width:217px !important;}
	.width_210{ width:210px; margin-left: 15px;}
		.width_210 .box_top, .width_210 .box_bot{width:199px;}
	.more_about_box{ width:320px;}
		.more_about_box .box_top, .more_about_box .box_bot{width:309px;}
	.width_420{ width:420px;}
		.width_420 .box_top, .width_420 .box_bot{width:407px;}
	.width_305{ width:305px;}
		.width_305 .box_top, .width_305 .box_bot{width:292px;}
	.width_346{ width:346px;}
		.width_346 .box_top, .width_346 .box_bot{width:333px;}
	.width_544 {width:544px;}
	  .width_544 .box_top, .width_544 .box_bot{width:531px;}
	.width_980 {width:984px;}
	  .width_980 .box_top, .width_980 .box_bot{width:971px;}
	.width_480 {width:482px;}
	  .width_480 .box_top, .width_480 .box_bot{width:469px;}
	.width_180 {width:180px;}
	  .width_180 .box_top, .width_180 .box_bot{width:167px;}
	  
	.res_biz_box h2 {padding-bottom:10px;}
	.res_biz_box h2 span {font-size:22px;}
  .res_biz_box .rate_box { font:normal 10pt/11pt Arial, Helvetica, sans-serif; color:#669933; text-align: center; line-height: 20px; border-top: 1px #8dc63f dotted; border-bottom: 1px #8dc63f dotted; }
  .res_biz_box .bullet_items { padding-top: 10px;}
  
  .calculator_estimate_box { border:1px solid #cecece; line-height:14pt; width:200px;}
  .calculator_or_box { float:left;text-align:center;padding:50px 11px;}
  .calculator_estimate_box input { width:20px; margin-top:7px;}
  .calculator_estimate_box .estimate {text-align:right;}
  .calculate_container h2 {text-align:left;padding:15px 0px 10px;}
  .calculate_container { height:210px;background:url("../images/bg_box_line.png") repeat-x scroll center top transparent;}
  .calculate_container h5 { padding-top: 15px;}
    
  .tl_corner{ background:url(../images/tl_corner.gif) no-repeat; height:5px; width:5px; float:left; margin-top:-1px; margin-left:-1px;}
  .tr_corner{ background:url(../images/tr_corner.gif) no-repeat; height:5px; width:5px; float:right;margin-top:-1px;margin-right:-1px;}
  .bl_corner, .bl_corner_set_height { background:url(../images/bl_corner.gif) no-repeat; height:5px; width:5px; float:left;margin-left:-1px;}
  .br_corner, .br_corner_set_height { background:url(../images/br_corner.gif) no-repeat; height:5px; width:5px; float:right;margin-right:-1px;}
  .bl_corner, .br_corner { margin-bottom:-1px;}
  .bl_corner_set_height, .br_corner_set_height {margin-top:-14px;}
  
  .inner_area { padding:3px 8px; clear:both; height:100%;}
  
		.box_top{
				height:9px;
				left:8px;
				position:absolute;
				top:-6px;	
				left:6px;
				z-index:0;
				background:#fff;
		}
		.box_top_l{
				background:url(../images/box_top_l.png) no-repeat;
				height:9px;
				width:8px;
				float:left;
				position:relative;
				top:-7px;
				z-index:0;
		}
		.box_top_r{
				position:absolute;
				top:-6px;	
				right:0px;
				background:url(../images/box_top_r.png) no-repeat; 
				height:9px; 
				width:9px; 
				float:right; 
				position:relative;
		}
		.box_left_side{ background:#fff url(../images/box_side_l.png) repeat-y left; padding: 0 0 0 2px;}
		.box_right_side{ background:url(../images/box_side_r.png) repeat-y right; padding:0 2px 0px 0;}
			.padding{ padding:4px 8px 8px 8px;}
			.lpadding {padding-left: 20px;}
			.rpadding {padding-right:16px;}
			.width_470 .padding, .width_690 .padding{ padding:10px 20px 10px;}
			
			/* Special Single Use Padding */
			.padding_1{ padding:0 8px 8px;}
			.padding_2{ padding:0 85px 8px;}
			.padding_3{ padding:0 160px 8px;}
		
		.box_bot{
			background:url(../images/box_bottom.png) repeat-x;
			bottom:-1px;
			height:11px;
		    left:6px;
			position:absolute;
		}
		.box_bot_l{
			background:url(../images/box_bottom_l.png) no-repeat; 
			bottom:0px;
			left:0;
			float:left;
			height:7px;
			width:6px;
			position:relative;
		}
		.box_bot_r{
			background:url(../images/box_bottom_r.png) no-repeat;
			bottom:0px;
			right:0px;
			float:right;
			position:relative;
			width:7px;
			height:7px;
		}
		
		.vid_box{text-align:center; margin-bottom:6px;overflow:hidden;}
		.image_box{text-align:center; margin:16px; color:#708b93; font-style:italic;}
		
		
		.button_container, calculate_container {background:url(../images/bg_box_line.png) repeat-x top; padding-top:13px;margin-top:10px;}
		.box ul{margin:7px 0 0}
		.box ul li{font:10pt Arial, Helvetica, sans-serif; padding:0 0 6px 10px; background:url(../images/box_bg_li.gif) no-repeat left 9px;}
		
		.box ul.links{margin:7px 0 0 13px}
		.box ul.links li{font:10pt Arial, Helvetica, sans-serif; padding:0 0 8px 12px; background:url(../images/link_arrow_1.gif) no-repeat left 6px;}
		.width_470 ul.links li{padding:0 0 11px 12px;}
		.box ul.links li a{text-decoration:none}
		.box ul.links li a.on, .box ul.links li a:hover{color:#989898}
	
		.comments{position:relative; margin-bottom:7px}
		
		.pagination{text-align:right; width:98%; margin:25px 2% 0 0;}
		
		.width_210 .left{width:73px; text-align:center; font-weight:bold}
		.width_210 .right{width:105px; line-height:11pt;}
		.width_210 .right a { margin:0 0 0 -13px; padding:0 13px 0 0; background:url(../images/link_arrow.gif) right 5px no-repeat; }
		.width_210 .image{background-color:#f9f8f6; height:73px; width:73px; overflow:hidden;}
		.width_210 .quote{ margin: 0; padding: 0; display: block;}
		.width_210 .name{ margin: 0; padding: 0; display: block; font-size: 10px; }
		.quote { text-align: left;}
		.comment{border:1px solid #eaeaea; position:relative; padding:10px; width:502px;}
		
		.sub_e{ position:relative; left:70px}
		.sub_e .comment{background-color:#fbfbf7}
		.post{margin:50px 0 0 0}
		.tab{position:absolute; background:url(../images/corner.gif) no-repeat; width:20px; height:11px; top:-11px; left:20px;}
		.sub_e .tab{background:url(../images/corner_sub.gif) no-repeat;}
		.post .poster{position:absolute; top:-30px; left:0px; color:#4fa1f2; font-size:12pt}
		.post .posted{position:absolute; top:-20px; right:0px}
		
/* ----------------- Buttons    ------------------*/
.sign_up1{background:url(../images/btn_sign_up.png) no-repeat;}
.sign_up2{background:url(../images/btn_sign_up2.png) no-repeat;}
.button_container a.estimate{background:url(../images/btn_estimate.gif) no-repeat; height:30px; width:87px; text-indent:-10000px; display:block;}
.button_container a{text-indent:-1000px; display:block; width:142px; height:43px; margin:0 auto}
.start_saving{ background:url(../images/btn_start_saving.png) no-repeat; width:121px; height:40px; text-indent:-10000px; display:block; margin-top:15px;}
.start_saving_top{width:121px; height:40px; display:block; margin-top:15px;}
#masterhead .refer_a_friend { background:url(../images/refer_friend.gif) no-repeat; width:123px; height:22px; text-indent:-10000px; position: absolute;  display:block; margin:-12px 0 0 864px;}
a.more{background:url(../images/btn_green_bg.gif) no-repeat; height:17px; width:55px; display:block; text-align:center; color:#fff; padding:3px 0 0 0; font-size:9pt; position:absolute; right:5px; top:0px;} a.more:hover{text-decoration:none}
a.learn_more{background:url(../images/btn_green_large_gif) no-repeat; height:26px; width:135px; display:block; text-align:center; color:#fff; padding:3px 0 0 0; font-size:11pt; text-decoration:none; margin-left:27px} 
a.more:hover{text-decoration:none}
.btn_submit{height:37px; width:157px!important; background:url(../images/btm_comment.gif) no-repeat; border:none; cursor:pointer; margin-top:10px}
.reply a{background:url(../images/post_reply.gif) no-repeat; height:20px; width:16px; text-indent:-10000px; position:absolute; right:7px; bottom:4px;}
.btn_submit1{background:url(../images/btn_submit.gif) no-repeat; width:117px!important; height:37px;  border:none; cursor:pointer;}
.plus {background:url(../images/btn_plus.gif) no-repeat left; padding:2px 0 5px 28px; margin-top:5px; color:#8DC63F;}
.btn_save{color:#fff; background-color:#879f66; border-color:#cdd7bf #4e692b #4e692b #cdd7bf; border-width:3px; text-decoration:none; border-style:solid; display:block; padding:6px 0; width:149px; margin:0 auto; position:relative; top:-20px;}
.btn_continue{background:url(../images/btn_continue.gif) no-repeat; width:157px!important; height:37px;  border:none; cursor:pointer;}
.btn_save_later{background:url(../images/btn_saveforlater.gif) no-repeat; width:157px!important; height:37px;  border:none; cursor:pointer; text-indent:-10000px; }
.btn_send{background:url(../images/btn_send.gif) no-repeat; width:105px!important; height:37px;  border:none; cursor:pointer;}
/* -------------- ClearFix Hack --------------------------------- */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {display: inline-block;}
 
html[xmlns] .clearfix {display: block;}

*:first-child+html .note_pad .large_text{line-height:60px; top:3px}

.clear {clear:both;}

div.mainmenu {
    position: absolute;
    left: 379px;
    top: 35px;
    font-weight: bold;
    z-index: 1;
}

div.menu {
    float: left;
		font:11pt Arial,Helvetica,sans-serif;
		color:#666666;
		padding:0px;
		margin:0px;
		text-align:center;
		border:solid 1px transparent;
}

div.menu a 
{
	color:#666666;
	text-decoration:none;
	vertical-align:middle;
	display:table-cell;
}

div.menu:hover
{
	border: solid 1px #999;
}

div.menu:hover div:first-child {border-right: solid 1px transparent; }
div.menu:hover div.submenu {display: block;}

div.menuitem {width:119px;border-right: solid 1px transparent;border-right: dotted 1px #ccc;height:38px;display:table; padding:0px !important; margin:0px 12px 0px 0px !important;}
div.menuitem:hover {background-color: #f8fbf4;border-right: solid 1px #999;}

div.submenu {display: none; background-color: #eef6e7; text-align:left;margin:0px !important;padding:0px !important; }
div.submenu a {padding: 0px 10px !important; }

div.submenuitem {margin:0 !important; padding: 7px 0px !important; }
div.submenuitem:hover {background-color: #f8fbf4;}

div.menu2:hover {border-right:none; padding:1px; padding-right:2px;background-color:#f8fbf4;}
div.menu2:hover div:first-child { border: solid 1px #999; border-bottom: none; }

/* #eef6e7 #f8fbf4*/

 .menuitem, .menu {
    width: 120px;
}

div.submenu div, div.submenu a { display:block; text-decoration: none; margin: 2px 2px 2px 2px; }
div.submenu div + div, div.submenu a + a { margin-top: 10px; }

.usage-table th.header {padding: 5px 10px;}
.usage-table td.date {border:none;text-align:right;padding:5px 10px;white-space:nowrap;}
.usage-table td.data {border-right:none;border-top:solid 1px black;border-left:solid 1px black;border-bottom:solid 1px black;text-align:right;padding:5px 5px;white-space:nowrap;}
.usage-table td.empty {border:none;border-left:solid 1px black;}
.usage-table td.diff {text-align:left;border-right:solid 1px black;border-top:solid 1px black;border-left:dotted 1px black;border-bottom:solid 1px black;padding:0 5px;}

.Worse {color:#c52353;font-weight:bold;}
.Better {color:#5c8146;font-weight:bold;}
.usage .tooltip {font-size:15px;padding:10px;border:solid 2px #f58224; line-height:180%; color: #4E656B; text-align:center;}

.usage h2 {font-size:36px;text-align:center;padding:15px 0;}
.usage h4 {text-align:center;}
.usage td {font-size:11px;color:Black;}
.usage th {font-size:11px;color:Black;}
.usage .tooltip .arrow_btm_left { background:url(../images/tooltip_arrow.jpg) no-repeat left  top; width: 16px; height: 15px; position: absolute; text-indent: -9999px; overflow: hidden; display: block; }

.usage-no-data, .usage-no-last-year
{
  border: 2px solid #C1C1C1;
  font-size: 16px;
  line-height: 180%;
  padding: 25px;
  text-align: center;
  width: 370px;
}

.usage-no-data
{
	  margin: 0 0 0 267px;
}
.usage-no-last-year
{
	margin: 108px 0 0 0;
}

.note 
{
	color:gray;
	font-size:10px;
	padding: 35px 20px 0px;
}

.chart-caption { color: #8dc63f; font-size:16px; text-align:center;margin-top:-20; }
.chart-note { font-size:10px; padding:30px 15px 0px 15px; }

/* ESS section */
h1.ess{background:url(../images/top-bannerESS.png) no-repeat; }

/* Styles for the new pages */

#wrapper-new, #wrapper-new-inner {
	margin: 0 auto;
	width: 1024px;
	position: relative;
	font-size: 13pt;
	min-height: 690px;
}

#wrapper-new 
{
		background: #ecf5f2 url("../images/bg_content-new.jpg") center 292px no-repeat;
}

#wrapper-new-inner
{
		background: #ecf5f2 url("../images/bg_content-new.jpg") center 192px no-repeat;
}

#content-new { padding: 0 0 20px 0; float: left; position: relative; width: 1024px;}

#content-new div.row{ width: 100%; float: left; clear: both;}
.inner_banner 
{
		background: #ecf5f2 url("../images/EEbanner.jpg") center 0px no-repeat;
		height:101px;

}
.inner_banner div
{
			color:#8dc83c;
		font-size:13px;
		padding: 65px 0px 0px 62px;
}

#full-width-content {
 	margin: 21px 19px 0 19px;
	padding: 0 0 0 0;
	text-align: left;
	position: relative;
	background: url("../images/fullwidth-bg.png") center top repeat-y;
}
#fullwidth-bottom-bg { background: url("../images/fullwidth-btm-bg.png") bottom center no-repeat;}

#left-content, #signup-leftcontent, #tips-leftcontent, #signup-home-left-bg {
	margin: 30px 0 18px 40px;
	padding: 0 0 0 0;
	background: url("../images/leftcontent-bg.png") top center repeat-y;
	float: left;
	width: 575px;
	font-family: Arial, Helvetica, sans-serif;
	color: #231f20;
	font-size: 18px;
}
#leftcontent-top-bg {
	background: url("../images/leftcontent-top-bg.png") top left no-repeat;
	padding: 23px 30px 0 30px;
}
#leftcontent-btm-bg { background: url("../images/leftcontent-btm-bg.png") bottom center no-repeat;}
#left-content h3, #signup-leftcontent h3{
 	margin: 0 auto;
	padding: 0 0 0 0;
	font: normal 23pt/26pt Arial, Helvetica, sans-serif;
	color: #8dc63f;
}
 #tips-leftcontent h3 {
 	margin: 0 auto;
	padding: 0 0 0 0;
	font: normal 18pt/19pt Arial, Helvetica, sans-serif;
	color: #8dc63f;
}
#signup-home-left-topbg h3 {
 	margin: 0 auto;
	padding: 0 0 0 0;
	font: normal 19pt/21pt Arial, Helvetica, sans-serif;
	color: #8dc63f;
}
#left-content h4, #signup-leftcontent h4, #tips-leftcontent h4 {
 	margin: 0 auto;
	padding: 0 0 7px 0;
	font: normal 14pt/16pt Arial, Helvetica, sans-serif;
	color: #8dc63f;
}
#left-content ol, #left-content ul, #signup-leftcontent ol, #signup-leftcontent ul {
	margin: 0 auto;
	padding: 2px 0 0 0;
}
#left-content ol li, #left-content ul li, #signup-leftcontent ol li, #signup-leftcontent ul li {
	margin: 0 0 0 27px;
	padding: 7px 0 9px 35px;
	list-style-type: none;
	background: url("../images/leftcontent-bullet.gif") 6px 7px no-repeat;
}
#left-content ol li, #signup-leftcontent ol li { background: none; list-style-type: inherit; margin: 0 0 0 30px; padding: 5px 0 4px 2px; font-size: 18px; /* color: #424242; */}

.right-content, .signup-rightcontent, .homeinfo-rightcontent {
 	margin: 12px 38px 10px 0;
	padding: 0 0 0 0;
	float: right;
	width: 305px;
	background: url("../images/rightcontent-bg.png") top left repeat-y;
}
.margin-top {
	margin: 40px 38px 10px 0
}
.rightcontent-top-bg { background: url("../images/rightcontent-top-bg.png") top center no-repeat; padding: 20px 0 4px 0; text-align: center;}
.rightcontent-btm-bg { background: url("../images/rightcontent-btm-bg.png") bottom center no-repeat;}
.right-content h3 {
 	margin: 0 auto;
	padding: 0 0 0 0;
	color: #4e656b;
	font-size: 20px;
}
.rightcontent-top-bg img.margin-top { margin: 10px 0 0 0;}
.rightcontent-top-bg input { margin: 10px 0 0 0;}

#signup-leftcontent {
	background: url("../images/signup-leftcontent-bg.png") top left repeat-y;
	width: 460px;
}
#signup-left-topbg {
	background: url("../images/signup-left-topbg.png") top left no-repeat;
	padding: 23px 30px 0 30px;
}
#signup-left-btmbg { background: url("../images/signup-left-btmbg.png") bottom left no-repeat;}
.signup-right-topbg { background: url("../images/signup-right-topbg.png") top left no-repeat; padding: 12px 0 0 20px;}
.signup-right-btmbg { background: url("../images/signup-right-btmbg.png") bottom left no-repeat; height: 9px;}
.signup-rightcontent h3 {
	margin: 0 auto;
	padding: 0 0 0 0;
	font-size: 20px;
}

/* Property of the Styles for the forms Starts from here */
.not-verde {
	padding-top: 55px;
	color: #FB632C;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
.not-verde a { color: #FB632C;}

#tips-leftcontent { background: url("../images/tips-leftcontent-bg.gif") top left repeat-y; width: 366px;}
#tips-left-topbg {
	background: url("../images/tips-leftcontent-top.jpg") top left no-repeat;
	padding: 23px 0 35px 16px;
}
#tips-leftcontent h3 { text-align: center; padding: 34px 0 34px 0;}
#tips-left-btmbg { background: url("../images/tips-leftcontent-btm.gif") bottom left no-repeat;}

#tips-rightcontent {
	margin: 30px 15px 20px 0;
	padding: 0 0 0 15px;
	float: right;
	width: 548px;
	
	border-left: 2px solid orange;
}
#tips-rightcontent-no {
	margin: 30px 15px 10px 0;
	padding: 0 0 0 15px;
	float: right;
	width: 548px;
}

#tips-rightcontent-no-ov {
	margin: 30px 15px 10px 0;
	padding: 0 0 0 15px;
	float: right;
	width: 548px;
	font-family: verdana, arial, serif; 
	color: #4e656b; 
	font-size: 15px;
}

#tips-rightcontent p, #tips-rightcontent-no p, #tips-rightcontent-no th, #tips-rightcontent-no td { font-family: verdana, arial, serif; color: #4e656b; font-size: 13px;}
#tips-rightcontent ul
{
	font-size:13px;
  list-style: circle inside none;
  padding-left: 10px;
}

 #tips-rightcontent ol
 {	
 	font-size:13px;
  list-style: decimal inside none;
  padding-left: 10px;
 }
#tips-rightcontent li 
{
  line-height:140%;
  padding:5px 10px;
  }
#content-scroller {
	margin: 0 10px 0 0;
	padding: 0 0 0 0;
	overflow: auto;
	/*max-height: 280px; */
}

.scroller-rows { width: 538px; font-family: verdana, arial, serif; margin: 0 0 12px 0; border-top: solid 2px orange; padding: 0 0 7px 0;}

.scroller-left { float: left; width: 429px; padding: 0 0 0 0;}
.tips-right-pic { margin: 0 12px 12px 0;}
.scroller-rows p.more { text-align: right;padding:0 !important;}
.scroller-rows p.more a { color: #8dc63f; text-decoration: none;}
.scroller-rows p.more a:hover { color: #8dc63f; text-decoration: underline;}

.scroller-right { float: right; width: 89px; border: solid 1px #f48e16; padding: 0 0 0 0; text-align: center; color: #474747;margin: 8px 0 0;}
.orange-bg { background-color: #f48e16; color: #FFFFFF; text-align: center; padding: 8px 1px 8px 1px;}
#signup-home-left-bg { background: url("../images/signup-home-left-bg.png") top left repeat-y; width: 362px;}
#signup-home-left-topbg {
	background: url("../images/signup-home-lefttop.png") top left no-repeat;
	/* padding: 23px 0 30px 16px; */
	padding: 23px 30px 0 30px;
}
/*#signup-home-left-topbg h3 { text-align: left; padding: 0 0 0 0; line-height: 30px; font-size: 17pt;}*/
#signup-home-left-btm { background: url("../images/signup-home-left-btm.png") bottom left no-repeat; height: 5px;}

#signup-home-right {
	margin: 30px 30px 10px 0;
	padding: 0 0 0 0;
	float: right;
	width: 548px;
	background: url("../images/signup-home-right-bg.png") top left repeat-y;
}
#signup-homeright-top { background: url("../images/signup-homeright-top.png") top left no-repeat; padding: 12px 20px 0 20px;}
#signup-homeright-top p { font-family: verdana, arial, serif; color: #4e656b; font-size: 13px;}
#signup-homeright-top div.fieldbox label { width: 295px; padding: 0 0 0 0;}
#signup-homeright-top div.fieldbox input.radio, .signup-rightcontent div.fieldbox input.checkbox { width: 24px; float: left; margin: 6px 2px 0 0; background-color: transparent; border: none;}
#signup-homeright-top div.fieldbox span { margin: 0 auto; padding: 7px 12px 0 0; float: left; vertical-align: middle;}
#signup-homeright-top div.fieldbox input, #signup-homeright-top div.fieldbox select {
	width: 190px;
	margin: 6px 0 0 0;
	border: solid 1px #c7dbdb;
	height: 23px;
	background-color: #f7f7f7;
}
#signup-homeright-top div.fieldbox textarea { width: 140px; height: 30px;}
#signup-homeright-top div.fieldbox span.red-text { margin: 0 auto; padding: 0 0 0 0; width: 200px;}
#signup-homeright-btm { background: url("../images/signup-homeright-btm.png") bottom left no-repeat; height: 8px;}

#full-width-content div.full-width-form {
 	margin: 0 auto;
	padding: 0 0 0 160px;
	clear: both;
	height: auto;
	line-height: 1.2l;
}

#full-width-content div.full-width-form label {
	width: 480px;
	float: left;
	margin: 0 auto;
	padding: 0 0 0 0;
	display: compact;
	color: #ff6a10;
	font-size: 20px;
}

#full-width-content div.full-width-form input.submit-btn {
	margin: 6px 0 0 10px;
	padding: 0 0 0 0;
	width: 119px;
	height: 41px;
	border: 0;
}

/* Right Content */
.signup-rightcontent {
	background: url("../images/signup-rightcontent-bg.png") top left repeat-y;
	width: 418px;
	margin: 0 40px 10px 0;
}

.signup-rightcontent div.fieldbox, #signup-homeright-top div.fieldbox {
	clear: both;
	margin-bottom: 6px;
	height: auto;
	padding-bottom: 0px;
	line-height: 1.2l;
}

.signup-margintop {
	margin: 40px 40px 18px 0;
}

.signup-rightcontent div.fieldbox label, #signup-homeright-top div.fieldbox label {
	width: 120px;
	text-align: left;
	float: left;
	padding: 2px 0px 6px 0;
	display: compact;
	margin: 12px 10px 0 0;
}

.signup-rightcontent div.fieldbox input, .signup-rightcontent div.fieldbox textarea {
    
	width: 240px;
	margin: 10px 0 0 0;
	/* - To change the style for the form validation border look in js/form-validation.js */
	border: solid 1px #c7dbdb;
}

.signup-rightcontent div.fieldbox {
    
	clear: both;
	margin-bottom: 6px;
	height: auto;
	padding-bottom: 0px;
	line-height: 1.2l;
}

.signup-rightcontent div.fieldbox input { height: 27px; }

.signup-rightcontent div.fieldbox input.submit-btn, #signup-homeright-top div.fieldbox input.submit-btn {
	margin: 6px 0 0 0;
	padding: 0 0 0 0;
	width: 119px;
	height: 41px;
	border: 0;
}

.signup-rightcontent div.fieldbox label {
	width: 120px;
	text-align: left;
	float: left;
	padding: 2px 0px 6px 0;
	display: compact;
	margin: 12px 10px 0 0;
}

.signup-rightcontent div.fieldbox select
{
	width: 45px;
	margin: 0;
	border: solid 1px #c7dbdb;
	padding: 5px 0 0 0;
	height: 29px;
}

.signup-rightcontent div.fieldbox input.submit-btn {
	margin: 6px 0 0 0;
	padding: 0 0 0 0;
	width: 119px;
	height: 41px;
	border: 0;
}

.signup-rightcontent div.remember-me-box input
{
	height:17px;
	width:20px;
	margin: 10px 0 0 130px;
}

.signup-rightcontent div.remember-me-box label, .signup-rightcontent div.email-optout-box label, #signup-home-right div.email-optout-box label
{
	float:none;
	font-size: .9em;
	display:inline;
}

.signup-rightcontent div.email-optout-box input, #signup-home-right div.email-optout-box input
{
	height:17px;
	width:20px;
	margin: 10px 0 0 0px;
}

.red-text {
	margin: 0 auto;
	padding: 10px 0 0 0;
	color: #f90000;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
}

.signup-forgot-password
{
    text-align :center;
    padding: 10px 0 20px 0px;
}

.signup-forgot-password a
{
	color: #8DC63F;
}

#ESS-brand
{
	padding:15px 0 0 25px;
}
.tagline 
{
	font-size: .8em;
}

#signup-leftcontent p { background: none;  margin: 0 0 0 0px; padding: 12px 0 4px 2px; font-size: 16px; color: #424242; line-height:normal;}

.homeinfo-rightcontent { background: url("../images/signup-rightcontent-bg.png") top left repeat-y; width: 418px; margin: 12px 30px 10px 0;}

.homeinfo-rightcontent h3 {
	margin: 0 auto;
	padding: 0 0 0 0;
	font-size: 20px;
}

.homeinfo-rightcontent div.fieldbox {
	clear: both;
	margin-bottom: 6px;
	height: auto;
	padding-bottom: 0px;
	line-height: 1.2l;
}

.homeinfo-rightcontent div.fieldbox label {
	width: 170px;
	text-align: left;
	float: left;
	padding: 2px 0px 6px 0;
	display: compact;
	margin: 12px 10px 0 0;
}

.homeinfo-rightcontent div.fieldbox input, .homeinfo-rightcontent div.fieldbox textarea {
	width: 240px;
	margin: 10px 0 0 0;
	border: solid 1px #c7dbdb;
}

.homeinfo-rightcontent div.fieldbox select
{
	width: 200px;
	margin: 20px 0;
	border: solid 1px #c7dbdb;
	padding: 5px 0 0 0;
	height: 29px;
}

.homeinfo-rightcontent div.fieldbox input { height: 27px;}

.homeinfo-rightcontent div.fieldbox input.submit-btn {
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
	width: 119px;
	height: 41px;
	border: 0;
}

.shadow_box
{
  box-shadow: 3px 3px 5px #AAA;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-moz-border-radius: 7px;
	background-color: #FFFFFF;
	width:100%;
  padding: 15px;
}

.utility_tile
{
  float: left;
  text-align: center;
  width: 204px;
  margin:0 10px 20px 10px;
  padding:10px;
}

.right_rail_box
{
	width:225px;
}

.right_rail_box h5
{
	color: #FF6A10;
  font-weight: bold;
  text-align:center;
}

.right_rail_box select {
    background: url("../images/textbox_gradient.gif") repeat-x scroll center top transparent;
    border: 1px solid #C7DBDB;
    height: 23px;
    margin-bottom: 7px;
    margin-top: 5px;
}

.center_3col_box
{
	width:450px;
}

.right-margin
{
	margin-right: 20px;
}

.left-margin
{
	margin-left:20px;
}

.top-margin
{
	margin-top:20px;
}

.bottom-margin
{
	margin-bottom:20px;
}


.right-padding
{
	padding-right: 30px;
}

.left-padding
{
	padding-left:20px;
}

.top-padding
{
	padding-top:20px;
}

.bottom-padding
{
	padding-bottom:20px;
}

.threecol-left
{
	float:left;
	width:200px;
}

.threecol-center
{
	float:left;
	width:433px;
}

.threecol-right
{
	float:left;
	width:210px;
}

.twocol_leftrail-left
{
}

.twocol_leftrail-right
{
}

.twocol_rightrail-left
{
	float:left;
	width:683px;
}

.twocol_rightrail-right
{
	float:left;
	width:210px;
}

.twocol_norail
{
	float:left;
	width:450px;
}

#join_over_box
{
	text-align:center;
}
#join_over_box a
{
	margin: 10px auto 0 auto;
}
#left_nav li
{
	padding: 3px 0 3px 10px;
}
.shadow_box a
{
	text-decoration: none;
}
.shadow_box a:hover
{
	text-decoration: underline;
}
.shadow_box h4 a:hover
{
	text-decoration:none;
}

#state_jump
{
	margin-bottom:0px;
}
#state_list_tiles
{
	margin:0 -10px;
	overflow:hidden;
	width:733px;
}
#state_bullets, #registration_bullets
{
	color:#8BC43F;
	font-size: 11pt;
  font-weight: bold;
  line-height: 130%;
  text-align: left;
}

#state_bullets ul
{
	padding-left:15px;
}
#state_bullets li
{
	margin:10px 0;
	list-style-type:disc;
}
 #registration_bullets
 {
 	line-height:150%;
 }
#ticker
{
	position: relative;
}

.bullet_items ul li
{
	padding: 0 0 6px 10px;
	background: url("../images/box_bg_li.gif") no-repeat scroll left 9px transparent;
}

#newsletter h5 {
    color: #FF6A10;
    font-weight: bold;
}
.register h3
{
	padding:2px 0 10px 0;
	text-align: center;
}

#prospectiv
{
}

#prospectiv #wrapper, #prospective .row, #prospectiv #wrapper #masterhead
{
	width:832px;
}

#prospectiv .register label
{
	margin-left:0;
	width:250px;
	font-size: 11pt;
}
#prospectiv .register input.textbox
{
	height:15px;
	width:200px;
}

#prospectiv .register .clearfix
{
	margin-bottom:3px;
}

#prospectiv .register
{
	width:557px;
}

#prospectiv #testimonials_box a	{display:none;}

#prospectiv .radio label
{
	width:100px;
	margin-top:-3px;
}
#prospectiv .radio input
{
	margin-top:7px;
}
#prospectiv #BSubmit
{
	margin:3px 40px 0 0;
}
#prospectiv #LAgree
{
	width:240px !important;
}
#prospectiv .agree_checkbox input
{
	margin-top:5px;
	margin-left:15px;
}
