/* Lightbox Styles */
#lightbox { float:left; position:absolute; left:-99999px; top:-99999px; z-index:102; }
#lb-br { margin:0 0 0 8px; padding:0 0 8px 0; float:left; display:inline; background:url(../images/lightbox/shadow_bottom_right.png) no-repeat right bottom; position:relative; }
#lb-tr { margin:0 0 0 0; padding:0 0 0 0; float:left; display:inline; background:url(../images/lightbox/shadow_top_right.png) no-repeat right top; position:relative; }
#lb-tl { margin:0 8px 0 -8px; padding:8px 0 0 8px; float:left; display:inline; background:url(../images/lightbox/shadow_top_left.png) no-repeat left top; position:relative; }
#lb-top { margin:-8px 0 0 0; padding:8px 0 0 0; float:left; display:inline; background:url(../images/lightbox/shadow_top.png) repeat-x left top; position:relative; }
#lb-base { margin:0 0 -8px 0; padding:0 0 8px 0; float:left; display:inline; background:url(../images/lightbox/shadow_bottom.png) repeat-x left bottom; position:relative; }
#lb-right { margin:0 -8px 0 0; padding:0 8px 0 0; float:left; display:inline; background:url(../images/lightbox/shadow_right.png) repeat-y right top; position:relative; }
#lb-left { margin:0 0 0 -8px; padding:0 0 0 8px; float:left; display:inline; background:url(../images/lightbox/shadow_left.png) repeat-y left top; position:relative; }
#lightbox-content, #lightbox-content-inner { float:left; overflow:hidden; }
#lightbox-tmp { width:940px; float:left; position:absolute; left:-999999px; top:-999999px; visibility:hidden; z-index:0; }
.lightbox-close { width:18px; height:18px; position:absolute; right:7px; top:7px; background:url(../images/forms/btn_close_on.gif) no-repeat left top; cursor:pointer; }
.lightbox-close:hover, .lightbox-close-over { background:url(../images/forms/btn_close_over.gif) no-repeat left top; }
#lightbox-overlay { width:100%; height:0; position:absolute; z-index:101; left:0; top:0; background-color: #1b3f11; opacity: 0.85; line-height:0; font-size:0px; overflow:hidden; }
#lightbox .close { text-align: right; clear: both; height: 9px; margin: 0 0 10px 0; }



/* Generic Styles on all Forms */
#lb-body { width:100%; float:left; }
#lb-header { width:100%; height:auto !important; height:63px; min-height:63px; float:left; background:url(../images/forms/top_bg.gif) repeat-x left top; }
#lb-header .title { width:553px; height:auto !important; height:25px; min-height:25px; margin:18px 0 0 30px; float:left; display:inline; font-size:180%; font-weight:100; color:#003366; position:relative; line-height:25px; }
#lb-header .title span.space { margin:0 5px; }
#lb-header .title span.pink { color:#EE0090; }
#lb-header .steps { float:right; display:inline; }
#lb-header .two-steps { margin:14px 135px 0 0; }
#lb-header .three-steps { margin:14px 35px 0 0; }
#lb-header .steps ul { margin:0; padding:0; float:left; }
#lb-header .steps li { width:100px; height:auto !important; height:50px; min-height:50px; padding:0; float:left; display:inline; line-height:26px; color:#999999; text-align:center; font-size:120%; }
#lb-header .steps li.active { background:url(../images/forms/step_pointer.gif) no-repeat center bottom; color:#003366; }
#lb-header .steps li a { line-height:26px; color:#003366; font-weight:normal; border-bottom:1px dotted #003366; }

#lb-torso { width:100%; float:left; position:relative; }
#lb-torso form { margin:0; position:relative; }
#lb-torso .title { height:auto !important; height:25px; min-height:25px; margin:23px 60px 5px 30px; font-size:180%; font-weight:100; color:#003366; position:relative; line-height:25px; }
#lb-torso .title strong { line-height:25px; }
#lb-torso .help-icon { visibility:hidden; }
#lb-torso .title-help-icon { width:12px; height:12px; background:url(../images/forms/help_question_mark_white_bg.gif) no-repeat left top; line-height:0; font-size:0px; position:absolute; right:28px; top:29px; visibility:hidden; }
#lb-torso .pink { color:#EE0090; }
#lb-torso .styled-radio { width:24px; height:21px; background:url(../images/forms/radio_bullet_off.gif) no-repeat left top; }
#lb-torso .styled-radio-active { background:url(../images/forms/radio_bullet_on.gif) no-repeat left top; }

#lb-footer { width:100%; height:auto !important; height:95px; min-height:95px; float:left; background:url(../images/forms/footer_bg.gif) repeat-x left top #EFEFEF; }
#lb-footer ul { width:100%; margin:18px 0 0 30px; padding:0 0 20px 0; float:left; }
#lb-footer li { width:100%; margin:0; padding:0 0 10px 0; float:left; }



/* Login Home Page */
#login-choices { margin:0 60px; }
#login-choices table { margin:30px 0 10px 0; }
#login-choices td { padding:0 0 30px 0; }
#login-choices td.right { text-align:right; }
#login-choices td.spacer { height:0; border-top:1px solid #D7D7D7; }
#login-choices a { width:370px; height:68px; display:block; border:none; }
#login-choices a.home-gas { background:url(../images/forms/btn_login_home_gas_on.gif) no-repeat left top; }
#login-choices a.home-gas:hover, #login-choices a.home-gas:focus, #login-choices a.home-gas:active { background:url(../images/forms/btn_login_home_gas_over.gif) no-repeat left top; }
#login-choices a.home-electricity { background:url(../images/forms/btn_login_home_electricity_on.gif) no-repeat left top; }
#login-choices a.home-electricity:hover, #login-choices a.home-electricity:focus, #login-choices a.home-electricity:active { background:url(../images/forms/btn_login_home_electricity_over.gif) no-repeat left top; }
#login-choices a.business-gas { background:url(../images/forms/btn_login_bus_gas_on.gif) no-repeat left top; }
#login-choices a.business-gas:hover, #login-choices a.business-gas:focus, #login-choices a.business-gas:active { background:url(../images/forms/btn_login_bus_gas_over.gif) no-repeat left top; }
#login-choices a.business-electricity { background:url(../images/forms/btn_login_bus_electricity_on.gif) no-repeat left top; }
#login-choices a.business-electricity:hover, #login-choices a.business-electricity:focus, #login-choices a.business-electricity:active { background:url(../images/forms/btn_login_bus_electricity_over.gif) no-repeat left top; }


/* Login Forms */
#login-form {  }
#login-form table { }
#login-form th { padding:0 0 15px 0; vertical-align:middle; font-weight:normal; text-align:left; }
#login-form td { padding:0 0 6px 0; position:relative; }
#login-form td.left { padding-top:3px; }
#lb-torso a.cancel { width:110px; height:28px; display:block; background:url(../images/forms/btn_cancel.gif) no-repeat left top; position:absolute; left:30px; bottom:0px; border:none; }
* + html #lb-torso a.cancel { left:-313px; }
#lb-torso a.cancel:hover, #lb-torso a.cancel:focus, #lb-torso a.cancel:active { background:url(../images/forms/btn_cancel_on.gif) no-repeat left top; }

#forgot-table td { padding:0 0 6px 0; }
#forgot-table td.left { padding-top:3px; }



/*#tabs-wrapper {background-color:#E1F4CF; position:relative; height:auto !important; height:325px; min-height:325px; width:325px; margin-bottom:10px; padding: 10px; font-size: 65%; float:left; }*/
#tabs-wrapper { width:325px; height:auto !important; height:325px; min-height:325px; float:left; position:relative; font-size:85%; }
#tabs-wrapper label { font-size:80%; }
.feature { height:auto !important; height:250px; min-height:250px; /*position:absolute;*/ width:325px; color: #616765; float:left; }
.feature img { border:none; }
.feature h5 { font-size: 110%; margin: 0 0 0 12px; }
.feature p { margin: 0 0 0 12px; }
#tabs-wrapper table { width: 300px; }
#tabs-wrapper td.left { width: 115px; }
#tabs { margin-left:0;margin-bottom:0;}
#tabs li {background-color:transparent;display:inline;float:none;list-style:none; text-transform: uppercase; }
#tabs li a {background-color:#336b08; color:#80ab64; display:inline; height:auto;padding:5px 20px;text-decoration:none;width:auto;}
#tabs li a.active { background-color:#E1F4CF;color:#daa229; }


#tabs { margin-left:0;margin-bottom:0;}
#tabs li {background-color:transparent;display:inline;float:none;list-style:none; text-transform: uppercase; }
#tabs li a {background-color:#336b08; color:#80ab64; display:inline; height:auto;padding:5px 20px;text-decoration:none;width:auto;}
#tabs li a.active { background-color:#E1F4CF;color:#daa229; }

#divider-wrapper { width: 300px; background: #d9eac8; margin: 20px 0 20px 11px; padding: 2px 1px 2px 1px; }
#divider-wrapper #divider { border-top: 1px solid #b7f12b; border-bottom: 1px solid #5eb317; }


label { font-weight: bold;}

.validation-failed {
  border: 1px solid #f00;
}
.validation-passed {
  
}
.validation-advice {
  margin: 2px; 
  padding: 2px; 
  padding-top:0;
  margin-top:0;
  color:#f00; 
  font-size:75%;
}
.warning {
	border: 1px solid #c66;
}
.warning-advice {
	margin: 2px;
	padding: 2px;
	color:#fff;
	background-color:#bbb;
}

.ajax-error { padding: 0 0 0 12px; color: #f00; font-weight: bold; }
.ajax-message { padding: 0 0 0 12px; color: #2e6503; font-weight: bold; }

.reg-conf input { margin-left:12px; }
#msg-div p { margin-left:0; font-size:80%; }
#msg-div h5 { margin-left:0; }
