body {
 background: #fff;
 text-align: center;
 }

#pagebody {
 background: #fff;
 text-align: center;
 }
 
#container {
 position: relative;
 margin: 0 auto; /* center */
 width: 922px;
 text-align: left;
}

/* global */

body img {
 border: 0;
 }

td, p, div {
 color: #999;
 font-size: 12px;
 font-family: arial, helvetica, sans;
 font-weight: normal;
 line-height: 16px;
 }
 
p {
 margin: 0 0 16px 0;
}

a:link, a:visited { 
 text-decoration: none; 
 color:#708BC0; 
 }
 
a:active, a:hover { 
 text-decoration: underline; 
 color:#708BC0; 
 }
 
.black { 
 color:#000; 
 }
 
.simple-grn { 
 color:#C1D82F; 
 }
 
.simple-grn-med { 
 color:#B5C800; 
 }
 
.simple-blue { 
 color:#708BC0; 
 }
 
.simple-gry { 
 color:#A6A6A6; 
 }
 
.disabled { 
 color:#ccc; 
 }
 
.extrasmall { 
 font-size:10px;
 }
 
.small { 
 font-size:11px;
 }
 
.larger { 
 font-size:14px;
 }
 
.evenlarger {
 font-size:16px;
 line-height:20px;
}

/* masthead styles */
 
#masthead {
 width: auto;
 padding: 0 0 5px 0;
}
 
#masthead-links {
 text-align: right;
 vertical-align: bottom;
}

#masthead-links ul {
 margin: 0;
 padding: 0;
 }

.masthead li {
 display: inline;
 list-style-type: none;
 margin: 0;
 padding: 0 10px 0 10px;
 }

.masthead li img {
 margin: 0 5px 0 0;
 }
 
#nav {
 width: auto;
 clear: both;
}
 
.subnav {
 width: auto;
 position: relative;
 z-index: 1;
 margin: 0;
 padding: 11px 25px 10px 25px;
 background-repeat: no-repeat;
}
 
.subnav-ph {
 width: auto;
 margin: 0;
 padding: 11px 25px 10px 25px;
}
 
.subnav a {
 padding: 0 30px 0 0;
}

.subnav a:link, .subnav a:visited { 
 text-decoration: none;
 color:#666; 
 }
 
.subnav a:active, .subnav a:hover { 
 text-decoration: none;
 color:#C1D82F;
 }

.subnav .selected:link, .subnav .selected:visited { 
 text-decoration: none; 
 color:#C1D82F;
 font-weight: bold;
 }
 
.subnav .selected:active, .subnav .selected:hover { 
 text-decoration: none;
 color:#C1D82F;
 font-weight: bold;
 }

/* home page */
 
#home-content {
 width: 680px;
 height: 370px;
}
 
#home-rightcolumn {
 right: 0;
 width: 237px;
 height: 575px;
 position: absolute;
 z-index: 0;
 background-image: url('/en/images/home/home_right_bg.jpg');
 background-repeat: no-repeat;
}
 
.home-rightcolumn-zip {
 text-align: center;
 font-size: 11px;
 padding: 100px 40px 40px 40px;
 /* 
 border: 1px solid #000;
  */
}
 
.home-rightcolumn-zip div {
 font-size: 11px;
}
 
.zipEntryBox {
 font-size: 11px !important;
 margin: 0 0 10px 0;
 }
 
.home-rightcolumn-signin {
 text-align: right;
 padding: 100px 20px 60px 40px;
}
 
.home-rightcolumn-tip {
 color: #fff;
 text-align: left;
 padding: 0px 20px 20px 90px;
}
 
#home-flash {
 padding: 0 0 0 0;
}
 
#home-intro {
 position: relative;
 /*float: left;
 width: 450px;*/
 padding: 0 10px 0px 0;
}
 
#home-link {
 float: right;
 position: relative;
 width: 215px;
 text-align: right;
 padding: 0 0 10px 0;
}
 
#home-promos {
 clear: both;
 width: 750px;
 position: relative;
 z-index: 1;
 padding: 0;
}
 
#home-promos img {
 margin: 20px 25px 0 0;
}

/* body content styles */

.steps {
 color: #708BC0;
 font-size: 12px;
 font-weight: normal;
 padding: 10px 5px 15px 5px;
}
 
.steps img {
 margin: 0 5px 0 5px;
 vertical-align: middle;
}
 
#header {
 padding: 0 0 5px 0;
}
 
.content-full {
 padding: 10px 0 15px 5px;
}
 
.content-main {
 width: 680px;
 padding: 10px 30px 15px 5px;
}
 
#content-secondary-top {
 padding: 0 0 5px 0;
}
 
#content-secondary {
 padding: 10px 0 15px 0;
}
 
.div-hr {
 border-bottom: 1px solid #DBDCCE;
 margin: 0 0 15px 0;
 padding: 0 0 3px 0;
 }
 
.grn-header {
 color: #C1D82F;
 font-size: 16px;
 line-height: 16px;
 font-family: arial, helvetica, sans;
 font-weight: normal;
 }

.grn-header-larger {
 color: #C1D82F;
 font-size: 24px;
 line-height: 24px;
 font-family: arial, helvetica, sans;
 font-weight: normal;
 }
 
.grn-header img {
 vertical-align: middle;
 margin: 0 0 0 5px;
 }

.grn-header a:link, .grn-header a:visited { 
 text-decoration: none; 
 color:#C1D82F; 
 }
 
.grn-header a:active, .grn-header a:hover { 
 text-decoration: underline; 
 color:#C1D82F; 
 }
 
.gry-header {
 color: #999;
 font-size: 14px;
 line-height: 14px;
 font-family: arial, helvetica, sans;
 font-weight: normal;
 }

.gry-header-larger {
 color: #999;
 font-size: 24px;
 line-height: 24px;
 font-family: arial, helvetica, sans;
 font-weight: normal;
 } 
.blue-header {
 color: #708BC0;
 font-family: arial, helvetica, sans;
 font-weight: bold;
 }
 
.blue-header img {
 vertical-align: middle;
 margin: 0 0 0 5px;
 }

.blue-header a:link, .blue-header a:visited { 
 text-decoration: none; 
 color:#708BC0; 
 }
 
.blue-header a:active, .blue-header a:hover { 
 text-decoration: underline; 
 color:#708BC0; 
 }
 
.white-header-big {
 color: #fff;
 font-size: 16px;
 font-family: arial, helvetica, sans;
 font-weight: normal;
 }
 
.white-header {
 color: #fff;
 font-family: arial, helvetica, sans;
 font-weight: normal;
 }
 
.white-header img {
 vertical-align: middle;
 margin: 0 0 0 5px;
 }

.white-header a:link, .white-header a:visited { 
 text-decoration: none; 
 color:#fff; 
 }
 
.white-header a:active, .white-header a:hover { 
 text-decoration: underline; 
 color:#fff; 
 }

.content-main ul {
 margin: 15px 15px 15px 15px;
 padding: 0;
 }

.content-main .blue-bullets li {
 color: #708BC0;
 }

.left {
 float: left;
 }

.right {
 float: right;
 }

.news-tbl td {
 padding: 0 15px 20px 0;
}

.urgent {
 color: #000;
 font-weight: bold;
 text-transform: uppercase;
 }
 
.bill-detail {
 width: 913;
 padding: 10px 0 15px 0;
 position: absolute;
 z-index: 1;
 visibility: hidden;
 background: #fff;
}

/* promo box styles */

.promobox {
 background: #B3D01C;
 background-image: url('/global/images/promobox/bg_gradient.jpg');
 background-repeat: repeat-x;
 margin: 0 0 15px 0;
}

#promobox-content {
 padding: 10px 5px 10px 5px;
}

.promobox-content, .promobox-content p, .promobox-content div, .promobox-content td {
 color: #fff;
 font-family: arial, helvetica, sans;
 font-weight: normal;
 text-align: left;
}

.promobox-content a:link, .promobox-content a:visited { 
 text-decoration: none; 
 color:#fff; 
 }
 
.promobox-content a:active, .promobox-content a:hover { 
 text-decoration: underline; 
 color:#fff;
 }

.promobox-content .td-lt {
 padding: 0 5px 10px 0;
}

.promobox-content .td-rt {
 font-size: 14px;
 padding: 0 0 10px 0;
}

/* ENERGY TIPS ARE IMAGES NOW IMAGES
.promobox-content .tip-num, .home-rightcolumn-tip .tip-num {
 color: #fff;
 font-size: 34px;
 line-height: 40px;
 font-family: arial, helvetica, sans;
 font-weight: normal;
}

.promobox-content .tip-text, .home-rightcolumn-tip .tip-text {
 color: #fff;
 font-family: arial, helvetica, sans;
 font-weight: normal;
} */

.promobox-content .rate-callout {
 color: #fff;
 font-family: arial, helvetica, sans;
 text-align: center;
 width:325px;
}

.promobox-content .rate-price {
 font-size: 28px;
 line-height: 30px;
}

.promobox-content .rate-price-strike {
 font-size: 28px;
 line-height: 30px;
 text-decoration: line-through;
}

.promobox-content .rate-txt {
 font-size: 18px;
 line-height: 30px;
}

.promobox-content .promo-rate-price {
 font-size: 28px;
 line-height: 30px;
 color: #000;
 font-weight: bold;
}

.promobox-content .promo-rate-txt {
 font-size: 18px;
 line-height: 30px;
 color: #000;
 font-weight: bold;
}

.promobox-content .promo-rate-copy {
 color: #000;
 font-size: 12px;
 font-weight: bold;
}

/* greybox styles */

.greybox {
 width: 914px;
}

.greybox .top {
 background: url('/global/images/greybox/grey_box_top.gif') no-repeat;
 height: 8px;
}

.greybox .mid {
 background: url('/global/images/greybox/grey_box_mid.gif') repeat-y;
 padding: 10px 20px;
}

.greybox .bot {
 background: url('/global/images/greybox/grey_box_bot.gif') no-repeat;
 height: 8px;
}

.greybox .logo-left {
 float: left;
 width: 386px;
 padding: 0 25px;
 border-right: solid 1px #CDCDCD;
}

.greybox .logo-left-power {
	 float: left;
	 width: 350px;
	 padding: 0 15px 0 15px;
	 border-right: solid 1px #CDCDCD;
}

.greybox .logo-right {
 float: left;
 padding: 0 0 0 25px;
 width: 412px;
}

.greybox .logo-right-power {
 float: left;
 padding: 0 15px;
 width: 460px;
}

.greybox .mid .logo-left img, .greybox .mid .logo-right img {
 float: left;
 margin-right: 15px;
}

.greybox .mid .logo-left-power img, .greybox .mid .logo-right-power img {
 float: left;
 margin-right: 20px;
}

.greybox .mid .logo-right-power img {
	margin-top:35px;
	margin-bottom:35px;
}

.greybox .mid .logo-left p, .greybox .mid .logo-right p {
 margin-top: 30px;
}

.greybox .mid .logo-left-power .power-header, .greybox .mid .logo-right-power .power-header 
{
	color:#C1D82F;
	font-size:18px;
	line-height:22px;
}

.greybox .mid .logo-right-power .power-subheader
{
	font-size:10px;
	line-height:12px;
}

.greybox .mid .logo-left-power .power-copy, .greybox .mid .logo-right-power .power-copy {
	font-size:11px;
	line-height:13px;
	margin-top: 3px;
}

/* planfinder styles */

.promobox-content .planfinder-hdr, .planfinder-hdr {
 color: #fff;
 font-size: 24px;
 font-family: arial, helvetica, sans;
 font-weight: normal;
 text-align: center;
 border-bottom: 1px solid #fff;
 padding: 5px 0 5px 0;
 margin: 0 0 10px 0;
}
 
.simple1-hdr {
 color: #C1D82F;
 font-size: 24px;
 font-family: arial, helvetica, sans;
 font-weight: normal;
 margin-top: 5px;
 }
 
.simple1-txt {
 font-size: 14px;
 }

.promobox-content .zipfinder {
 width: 650px;
 padding: 0 35px 35px 35px;
}

.promobox-content .zipsearch {
 width: 225px;
 padding: 0 25px 15px 25px;
 text-align: center;
}

.promobox-content .zipsearch td, .promobox-content .zipsearch .zipEntryBox {
 text-align: center;
}

.choice_promo, .c21_promo {
 margin: 15px 0 25px 0;
}

.choice_promo img, .choice_promo table.promobox,
.c21_promo img, .c21_promo table.promobox {
 float: left;
}

.choice_promo table.promobox {
 margin: 0 15px;
}

.c21_promo table.promobox {
 margin: 0 0 0 15px;
}

.ratefinder {
 width: 375px;
 padding: 0 25px 10px 25px;
}

.promo .ratefinder {
 width: auto;
 padding: 0 0px 10px 0px;
}

.promobox-content .whitetext {
 color: #fff;
 font-family: arial, helvetica, sans;
}

.content-full .planfinder-promo {
 width: 720px;
 text-align: left;
 padding: 10px 0 10px 0;
}

.promobox-content .center {
 text-align: center;
}

.promobox-content .compare_hdr {
 color: #fff;
 font-size: 24px;
 font-family: arial, helvetica, sans;
 font-weight: normal;
 line-height: 24px;
 text-align: center;
 padding: 0 10px 20px 10px;
 height: 44px;
}

.promobox-content .compare .td-lt {
 padding: 0 10px 10px 15px;
}

.promobox-content .compare .td-rt {
 font-size: 14px;
 padding: 0 15px 10px 10px;
}

.compare_vs {
 padding: 20px;
}

.referral {
 color:#C1D82F; 
 font-size: 16px;
 }

.referral_code {
 color: #000;
 font-size: 16px;
 font-family: arial, helvetica, sans;
 font-weight: bold;
 line-height: 16px;
 }

.special {
 color: #ff0000; 
 font-size: 16px;
 font-weight: bold;
 }

.underline {
 text-decoration: underline;
 }

.skills td {
 border: solid 1px #ccc;
 border-collapse: collapse;
 padding: 3px 5px;
 }

.content-main ul li ul {
 margin-top: 0;
 }

.half-left {
 float: left;
 width: 210px;
 margin: 0 0 15px 0;
 padding: 0 15px 0 0;
 border-right: solid 1px #ccc;
 }

.half-right {
 float: left;
 width: 210px;
 margin: 0 0 15px 0;
 padding: 0 0 0 15px;
 }

/* footer styles */

#footer {
 color: #999;
 font-size: 11px;
 font-family: arial, helvetica, sans;
 font-weight: normal;
 clear: both;
}

#footer ul {
 margin: 15px 0 15px 0;
 padding: 0;
 }

#footer-left {
 float: left;
 }

#footer-right {
 float: right;
 }

.footer li {
 display: inline;
 list-style-type: none;
 margin: 0;
 padding: 0 10px 0 10px;
 border-left: solid 1px #999;
 }
	
.footer .first {
 border-left: none;
 }
	
.footer .last {
 padding-right: 5px;
 }
 
 /* masthead/footer shared link treatments */

.masthead a:link, .masthead a:visited, .footer a:link, .footer a:visited { 
 text-decoration: none; 
 color:#999; 
 }
 
.masthead a:active, .masthead a:hover, .footer a:active, .footer a:hover { 
 text-decoration: underline; 
 color:#999; 
 }

/* forms */
 
.error {
 color: #ff0000;
 }
 
.error-row {
 background-color: #ffffcc;
 }
 
.form-label {
 color: #C1D82F;
 font-size: 11px;
 font-family: arial, helvetica, sans;
 font-weight: bold;
 text-transform: lowercase;
 }
 
.txtInput {
 width: 400px;
 border: solid 1px #999999;
 }
 
.txtInputEmail {
 width: 500px;
 border: solid 1px #999999;
 }
 
.txtInputZip {
 width: 130px;
 border: solid 1px #999999;
 }
 
.txtInputMulti {
 width: 900px;
 border: solid 1px #999999;
 }
 
/* popup styles */
 
#popup_container {
 position: relative;
 margin: 0 auto; /* center */
 text-align: left;
 padding: 20px;
}

#popup_hdr {
 margin: 0 0 20px 0;
}
 
#popup_hdr a {
 display: block;
 float: right;
 padding: 15px 0 0 0;
}
 
.underline {
 text-decoration: underline;
}

.compare_chart td {
 padding: 5px 10px 5px 10px;
 /*border-top: solid 1px #ccc;
 border-right: solid 1px #ccc;
 border-bottom: solid 1px #ccc;
 border-left: solid 1px #ccc;*/
}

.compare_chart_row {
 background: #fff;
}

.compare_chart_altrow {
 background: #eee;
}

.compare_chart .months {
 background: #fff;
 border-top: 0;
 border-right: 0;
 border-left: 0;
}
 
.compare_chart .simple {
 color: #C1D82F;
 font-weight: bold;
 }

.compare_chart .hidden {
 display: none;
}

/* admin */
 
#admin-masthead {
 text-align: right;
 padding: 0 0 3px 0;
}

#admin-nav {
 color: #fff;
 background-color: #C1D82F;
 font-size: 14px;
 font-family: arial, helvetica, sans;
 font-weight: normal;
 margin: 0 0 20px 0;
 padding: 7px 10px 7px 10px;
}

#admin-nav ul {
 margin: 0;
 padding: 2px;
 }

#admin-nav li {
 display: inline;
 list-style-type: none;
 margin: 0;
 padding: 0 10px 0 10px;
 border-left: solid 1px #fff;
 }
	
#admin-nav .first {
 border-left: none;
 }

#admin-nav a:link, #admin-nav a:visited { 
 text-decoration: none; 
 color:#fff; 
 }
 
#admin-nav a:active, #admin-nav a:hover { 
 text-decoration: underline; 
 color:#fff; 
 }
 
.txtInput-admin {
 border: solid 1px #999999;
 }

.ddl-admin {
 font-family: Arial;
 font-size: 11px;
 background-color: #fff;
}

.ddl-admin-selected {
 font-family: Arial;
 font-size: 11px;
 background-color: #ddd;
}

.admin-btn {
 font-family: Arial;
 font-size: 11px;
 border: solid 1px #4D6186;
 background: #CCCCCC;
 height: 22px;
}

.admin-tbl-hdr {
 color: #708BC0;
 font-weight: bold;
}

.admin-tbl-hdr td {
 color: #708BC0;
 font-weight: bold;
}

.admin-tbl-row {
 background: #F6F9E0;
}

.admin-tbl-coldiv {
 border-right: 2px solid #000;
}

.admin-tbl-edit input {
 width: 100px;
 border: solid 1px #999999;
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix {display: block;}
/* End hide from IE-mac */