body {
	margin: 0;
	padding: 20px 0;
	background: #ffffff/*#e0e0e0*/ url('images/bg_body.png') left top repeat;
	font-family: 'trebuchet ms', verdana, arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
}

#wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 985px;
	border: 1px solid #000;
	background: #fff;
}

#wrapper_inner {
	margin: 0;
	padding: 0;
}



/* New style */
h1 {color:#660101; padding:5px 0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:normal; line-height: 26px;}
h1.box { width: 500px; text-align:center;}
#residential_get2 {list-style-type:none;background: url(images/bg_r_direct_get2.gif) no-repeat top left; width:277px; height:177px; padding:70px 10px 0 10px;margin:0; text-align:left}
#residential_get {list-style-type:none;background: url(images/bg_r_direct_get.gif) no-repeat top left; width:257px; height:174px; padding:70px 10px 0 10px;margin:0; text-align:left}
#residential_get li {padding: 5px 0 0 10px; color:#FFF; font-weight:bold; font-size:13px; background:url(images/bg_r_direct_get_arrow.gif) left top no-repeat}
#residential_privacy {background: url(images/bg_r_privacy.gif) no-repeat top left; width:190px; height:260px; padding:80px 0 0 10px; margin:0; line-height:14px}
.green_c {color:#6ea221}
.resi_input_direct {width:70px; margin-left:15px; margin-top:110px; float:left}
.click {font-size:10px}
.click:hover { color:#333333; text-decoration:underline}
#commercial_get {list-style-type:none;background: url(images/bg_c_direct_get.gif) no-repeat top left; width:257px; height:174px; padding:70px 10px 0 10px;margin:0; text-align:left}

/* new style end */


h2 {
    font: 'trebuchet ms', sans-serif;
    font-size: 12px;
    color: #fc9017;
}

h3 {
    font-size: 16px;
    color: #333333;
}

h4 {
	font-size: 22px;
	line-height: 30px;
	color: #888;
	font-weight: normal;
}

h5 {
    position: relative;
    font-size: 14px;
    font-weight: normal;
}

#menu-meta {
	display: none;
}

#menu-nav {
	position: absolute;
	top: 0;
	left: 150px;
	margin: 0;
	padding: 0;
	width: 575px;
	height: 115px;
	background: transparent url('images/bg_menu.jpg') left top no-repeat;
}
/*	All this stuff commented out because we aren't using subnavs now. Keep in case we need them later.
	padding: 57px 0 9px 134px;
	z-index: 2;
	width: 315px;
	height: 23px;
	list-style-type: none;
}

#menu-nav li {
	float: left;
	display: block !important;
	display: inline-block;
	margin: 0 1px;
	padding: 0;
	height: 23px;
	background: transparent url('images/bg_menu-nav_left.png') left top no-repeat;
}

#menu-nav li span {
	display: block !important;
	display: inline-block;
	margin: 0;
	padding: 0;
	height: 23px;
	background: transparent url('images/bg_menu-nav_right.png') right top no-repeat;
}

#menu-nav li a:link, #menu-nav li a:visited {
	display: block !important;
	display: inline-block;
	margin: 0 10px;
	padding: 4px 0;
	font-size: 12px;
	line-height: 18px;
	height: 15px;
	color: #696969;
	background: transparent url('images/bg_menu-nav.png') left top repeat-x;
	text-decoration: none;
}
#menu-nav li a:hover, #menu-nav li a:active {
	text-decoration: underline;
}

#menu-nav li.active {
	background: transparent url('images/bg_menu-nav_left_active.png') left top no-repeat;
}

#menu-nav li.active span {
	background: transparent url('images/bg_menu-nav_right_active.png') right top no-repeat;
}

#menu-nav li.active a:link, #menu-nav li.active a:visited {
	color: #fff;
	background: transparent url('images/bg_menu-nav_active.png') left top repeat-x;
}
*/

#sidebar {
	display: none;
}


#headx {width:985px; height:100px; background: url(../images/bg_header_small.jpg) top right no-repeat;}

#content {
	position: relative;
	padding: 40px 25px 50px 25px;
	margin: 0;
	width: 935px;
	overflow: auto;
	background: url(../images/bg_r_content.gif) repeat-x top left;
}
#content_c {
	position: relative;
	padding: 10px 25px 50px 25px;
	margin: 0;
	width: 935px;
	overflow: auto;
	background: url(images/bg_c_content.gif) repeat-x top left;
}

#content_table {
	position: relative;
	padding: 25px 25px 50px 25px;
	margin: 0;
	width: 935px;
	overflow: auto;
}

#content_pdf {
	position: relative;
	padding: 25px 25px 50px 25px;
	margin: 0;
	width: 935px;
	overflow: hidden;
}

#content1 {
	position: relative;
	padding: 25px 25px 60px 300px;
	margin: 0;
	width: 400px;
	overflow: auto;
	background: #fff url('images/bg_content.jpg') left 150px no-repeat;
}
#content_recent_bill {
	position: relative;
	padding: 25px 25px 10px 25px;
	margin: 0;
	width: 935px;
	overflow: auto;
}

a:hover, a:active {
	text-decoration: none;
	color: #0080da;
}



/* -------------------------[ FORECAST SMILEYS - css code ]-----------------------------------------------------------*/
	#learnmore {width: 360px; text-align:justify;}
	.t {background: url(images/dot.gif) 0 0 repeat-x; width: 230px;}
	.b {background: url(images/dot.gif) 0 100% repeat-x}
	.l {background: url(images/dot.gif) 0 0 repeat-y}
	.r {background: url(images/dot.gif) 100% 0 repeat-y}
	.bl {background: url(images/bl.gif) 0 100% no-repeat}
	.br {background: url(images/br.gif) 100% 100% no-repeat}
	.tl {background: url(images/tl.gif) 0 0 no-repeat}
	.tr {background: url(images/tr.gif) 100% 0 no-repeat; padding:10px}

	.t2 {background: url(images/dot.gif) 0 0 repeat-x; width: 260px;}
	.b2 {background: url(images/dot.gif) 0 100% repeat-x}
	.l2 {background: url(images/dot.gif) 0 0 repeat-y}
	.r2 {background: url(images/dot.gif) 100% 0 repeat-y}
	.bl2 {background: url(images/bl.gif) 0 100% no-repeat}
	.br2 {background: url(images/br.gif) 100% 100% no-repeat}
	.tl2 {background: url(images/tl.gif) 0 0 no-repeat}
	.tr2 {background: url(images/tr.gif) 100% 0 no-repeat; padding:10px}
	
	#learnmore2 {width: 420px; text-align:justify;}
	.t3 {background: url(images/dot.gif) 0 0 repeat-x; width: 320px;}
	.b3 {background: url(images/dot.gif) 0 100% repeat-x}
	.l3 {background: url(images/dot.gif) 0 0 repeat-y}
	.r3 {background: url(images/dot.gif) 100% 0 repeat-y}
	.bl3 {background: url(images/bl.gif) 0 100% no-repeat}
	.br3 {background: url(images/br.gif) 100% 100% no-repeat}
	.tl3 {background: url(images/tl.gif) 0 0 no-repeat}
	.tr3{background: url(images/tr.gif) 100% 0 no-repeat; padding:10px}


	table.table_forecast td {
		margin: 0;
		padding: 2px 4px; 
		color: #808080;
	}
	table.table_forecast .message {
		font-size: 12px;
	}
	table.table_forecast .buynow {
		font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 12px;
		color: #99cc00;
	}
	table.table_forecast .buynow_blue {
		font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 12px;
		color: #333399;
	}

	table.table_forecast .buynow_orange {
		font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 12px;
		color: #ff9900;
	}
	table.table_forecast .buynow_red {
		font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 12px;
		color: #ff0000;
	}


	table.table_forecast a:link, table.table_forecast a:active, table.table_forecast a:visited {
		color: #333399;
		text-decoration: none;
		font-size: 11px;
		font-weight: bold;
	}
	
	table.table_forecast a:hover {
		text-decoration: underline;
	}
	table.table_forecast .table_forecast_title_center {
		font-weight:bold;
		font-size: 16px;

	}

	table.table_forecast .table_forecast_title {
		font-size: 16px;
		font-weight: bold;
	}

	table.table_forecast span {
		margin: 0;
		padding: 0;
		color: #ff9900;
	}
	table.table_forecast strong {
		margin: 0;
		padding: 0;
		color: #000066;
		font-weight: bold;
	}


	table.table_forecast .recommend {
		font-size: 13px;
		font-weight:bold;
	}
/* ----------------------------------[END FORECAST SMILEYS - css code]----------------------------------------- */


.box-forecast {
	position: absolute;
	margin: 0;
	padding: 0;
	background: #fff;
	z-index:1;
}
.box-forecast2 {
	position: absolute;
	top: 119px;
	margin: 0;
	padding: 0;
	background: #fff;
	z-index:1;
}
/* forecast box*/
#forecastbox {
	float:left;
	width:497px;
	padding: 4px;
	line-height: 10px;
}

#forecastbox_left {
	position:relative;
	float:left;
	width:230px;
	padding: 0px 3px;
	margin: 0;
}

#forecastbox_right {
	position:relative;
	float:left;
	width:140px;
	padding:0 0 0 5px;
	margin: 0;
}
.forecast_title {
	font-weight:bold;
	color: #111581;
	margin: 0px;
	text-align:center;
	letter-spacing:0px;
}

/* prepaid page */
.prepaid_left {
	width:400px;
	float:left;
}
.prepaid_right {
	width:250px;
	float:left;
}

/* added by serban */
fieldset {
	padding: 0;
	border: 0;
	overflow: auto;
}

fieldset#commercial {
	margin: 15px 0;
	padding: 0;
	border: 0;
    width: 350px;
	overflow: auto;
}

.smallform3 {
    width: 175px;
    float: left;
}
.smallform4 {
    width: 300px;
    float: left;
}
.smallform6 {
	overflow:hidden;
    width: 250px;
    float: left;
}
#smallform {
    width: 200px;
    float: left;
}
#smallform2 {
    width: 500px;
    float: left;
}
#smallform5 {
    width: auto;
    float: left;
	padding-left:30px;
}
#coloana {
    width: 300px;
}

.cirro_label 
{
	width: 125px;
	display:block;
	float:left;
}
.cirro_label2
{
	width: 220px;
	display:block;
}
.dataset, .dataset2, .checkset {
    padding: 3px 0;
}

.dataset label, .dataset2 label {
    display: block;
    font-size: 12px;
	color: #5d5d5d;
}

.dataset td label, .dataset2 td label {
	display: inline;
}

.dataset input {
	font-size: 12px;
	margin-right: 3px;
    width: 100px;
}

.dataset td input {
	width: auto;
}

.dataset input#TextBoxUserName, .dataset input#TextBoxPassword {
	width: 200px;
}

.dataset input#input-radio {
	font-size: 12px;
	margin-right: 3px;
    width: 30px;
}

#input-mi {
    width: 22px;
}

.dataset2 {
}

.dataset2 input {
	font-size: 12px;
	margin-right: 3px;
    width: 180px;
}

.dataset2 td input {
	width: auto;
}

#input-state {
    width: 20px;
}

#input-ez {
    width: 300px;
}

#label-kw-r, #label-kwh-r, #input-kw-r, #input-kwh-r {
    display: none;
}

.table-offer-residential {
	margin: 15px 0;
	padding: 0;
	border: 0;
	width: 100%;
}

.table-offer-residential td {
	padding: 3px 5px;
	empty-cells: show;
}

.table-offer-residential thead td {
	background-color: #0e4c92;
	color: #fff;
	font-weight: bold;
	font-size: 10px;
}

.table-offer-residential tbody td {
	border-bottom: 1px solid #0e4c92;
}

#input-offer-rez {
    width: 80px;
    font-size: 12px;
    border: 0;
    background: #dcdcdc;
}

.table-offer-commercial {
    display: none;
}

.checkset {
	clear: both;
	margin: 0;
	padding: 0;
}

.checkset label {
	margin: 0;
    color: #5d5d5d;
}

#input-aut {
    width: 300px;
}

select {
   /* background: #dcdcdc; */
    font-size: 12px;
}
#note {
    text-align: justify;
    color: #666;
    text-indent: 20px;
}

a img {
    border: 0;
}

a:active#thankyou, a:link#thankyou {
    color: orange;
    font-size: 22px;
    font-weight: bold;

}

a:visited#thankyou {
    color: orange;
    font-size: 22px;
    font-weight: bold;
}

#gray {
    color: #5d5d5d;
}

#thankyou {
    clear: left;
}

#input-kw {
    width: 50px;
}

#label-prov {
    width: 300px;
}

#btn {
    clear: left;
}
#btn_recent_bill {
    clear: left;
	padding-left:30px;
}

#label-home-or {
    width: 120px;
}

#label-stepthree {
    width: 300px;
    float: left;
}

#need_asist {
	position: absolute;
	right:150px;
	top:140px;
	width:180px;
	background:#CCCCCC;
	border:solid 1px #666666;
	padding:5px;
}
#need_asist_recentbillc {
	position: absolute;
	right:70px;
	top:240px;
	width:180px;
	background:#CCCCCC;
	border:solid 1px #666666;
	padding:5px;
}
#need_assist_custom {
	position: absolute;
	right:90px;
	top:300px;
	width:180px;
	background:#CCCCCC;
	border:solid 1px #666666;
	padding:5px;
}
#progress_bar {
    position: absolute;
    width: 100px;
    margin: 0 auto;
    right: 10px;
}
#progress_bar2 {
    position: absolute;
    width: 100px;
    margin: 0 auto;
    right: 30px;
}

#progress_bar p {
    padding: 0;
    margin: 0 auto;
    text-align: center;
    font-size: 10px;
    color: gray;
}
#progress_bar2 p {
    padding: 0;
    margin: 0 auto;
    text-align: center;
    font-size: 10px;
    color: gray;
}
.AxpDataGrid {
	margin: 25px 0 25px 10px;
}
/* Grid Column headers (containing column names) */
TH.AXDBTableTH
{
	border-right: #808080 1px solid;
	border-top: #ffffff 1px solid;
	font: 8pt Arial;
	border-left: #ffffff 1px solid;
	color: #000000;
	border-bottom: #808080 1px solid;
	background-color: powderblue;
}
.AXDBTable {
	margin: 0;
	padding: 0;
	border:solid 2px #f3a23a;
	clear: both;
}


.AXDBTable th {
	background-color: #dfeef8;
	color: #666;
	padding: 3px 5px;
	font-weight: bold;
	font-size: 11px;
	line-height: 14px;
	text-align: center;
	white-space: nowrap;
	font-family: 'lucida grande', 'trebuchet ms', verdana, sans-serif;
}

.AXDBTable td {
	font-size: 11px;
	line-height: 14px;
	padding: 3px 5px;
	empty-cells: show;
	text-align: center;
	font-family: 'lucida grande', 'trebuchet ms', verdana, sans-serif;
	background-color: #f0f0f0;
	border-bottom: solid 1px #f3a23a;
}
.AXDBTableTR {
/*	background:url(images/datagrid_th_bg.gif) repeat-x;
	border-top: #f8cb32 3px solid;
	border-left: #f8cb32 3px solid;
	border: #000 solid 3px;*/
}
.AXDBTableTH {	background:url(images/datagrid_th_bg.gif) repeat-x;}
.AXDBTableTH a.AXDBTableTH {background:none}
.AXDBTableTH:hover {color:#FFFFFF}

.AXDBTableTRodd td {
	background-color: #daebfa;
}

.AXDBTableTReven td {
	background-color: #fafafa;
}

.AXDBHighlightRow td {
	background-color: #ffd
}

/*comm datagrid*/
.AXDBTableCOMM {
	margin: 0;
	padding: 0;
	border:solid 2px #7ca633;
	clear: both;
}

.AXDBTableCOMM th {
	background-color: #dfeef8;
	color: #666;
	padding: 3px 5px;
	font-weight: bold;
	font-size: 11px;
	line-height: 14px;
	text-align: center;
	white-space: nowrap;
	font-family: 'lucida grande', 'trebuchet ms', verdana, sans-serif;
}

.AXDBTableCOMM td {
	font-size: 11px;
	line-height: 14px;
	padding: 3px 5px;
	empty-cells: show;
	text-align: center;
	font-family: 'lucida grande', 'trebuchet ms', verdana, sans-serif;
	background-color: #f0f0f0;
	border-bottom: solid 1px #7ca633;
}
.AXDBTableTR {
/*	background:url(images/datagrid_th_bg.gif) repeat-x;
	border-top: #f8cb32 3px solid;
	border-left: #f8cb32 3px solid;
	border: #000 solid 3px;*/
}
.AXDBTableTHCOMM {background:url(images/datagrid_th_bg_c.gif) repeat-x;}
.AXDBTableTHCOMM a.AXDBTableTHCOMM {background:none}

.AXDBTableTRoddCOMM td {
	background-color: #daebfa;
}

.AXDBTableTRevenCOMM td {
	background-color: #fafafa;
}

.AXDBHighlightRowCOMM td {
	background-color: #ffd
}


.datagrid_blue {color:#003366; font-weight:bold; font-size:14px}

.spotlight:link {color:003366;text-decoration:underline}
.spotlight:hover {color: #000000;}

.spotlight:link span, .spotlight:visited span {color:003366;text-decoration:underline}
.spotlight:hover span, .spotlight:active span {color: #000000;}

dl {
	margin: 15px 0;
}

dt {
	font-weight: bold;
}

.choose img, .provider img {
	display: block;
	margin: 0 auto;
	padding: 0;
	border: 0;
}

img {
	border: 0;
}

.savings-highest {
	font-size: 18px;
}

.savings-high {
	font-size: 14px;
}

.savings-positive {
	color: green;
}

.savings-negative {
	color: red;
}

a.terms:link, a.terms:visited {
	background: transparent url('../../images/icons/terms.gif') left center no-repeat;
	padding: 2px 0 2px 18px;
}

.text-note {
	font-size: 11px;
	line-height: 13px;
	color: #999;
	font-style: italic;
}

#legend-offers {
	margin: 15px 0;
	padding: 0;
	list-style-type: none;
	overflow: auto;
}

#legend-offers li {
	float: left;
	margin: 0 5px 5px 0;
	padding: 3px 3px 3px 25px;
	font-size: 11px;
	white-space: nowrap;
}
#legend-offers li.active {
	background-color: #bdf2ab;
}

#clean {
	background: transparent url('../../images/icons/clean.gif') 3px center no-repeat;
}
#pricefix {
	background: transparent url('../../images/icons/pricefix.gif') 3px center no-repeat;
}
#moneyback {
	background: transparent url('../../images/icons/moneyback.gif') 3px center no-repeat;
}
#lowrate {
	background: transparent url('../../images/icons/lowrate.gif') 3px center no-repeat;
}
#power {
	background: transparent url('../../images/icons/power.gif') 3px center no-repeat;
}
#prepaid {
	background: transparent url('../../images/icons/prepaid.gif') 3px center no-repeat;
}
#cards {
	background: transparent url('../../images/icons/cards.gif') 3px center no-repeat;
}
#market {
	background: transparent url('../../images/icons/market.gif') 3px center no-repeat;
}
#hvac {
	background: transparent url('../../images/icons/hvac.gif') 3px center no-repeat;
}
#chart {
	background: transparent url('../../images/icons/chart.gif') 3px center no-repeat;
}
#airlinemiles (
	background: transparent url('../../images/icons/airlinemiles.gif') 3px center no-repeat;
}
#seasonal {
	background: transparent url('../../images/icons/seasonal.gif') 3px center no-repeat;
}
#free {
	background: transparent url('../../images/icons/free.gif') 3px center no-repeat;
}
#nolongterm {
	background: transparent url('../../images/icons/nolongterm.gif') 3px center no-repeat;
}

.clear {
	clear: both;
}

td img, td img:hover {
	cursor: hand;
}

.offer-details {
	position: absolute;
	z-index: 5;
	background-color: #ffd;
	padding: 10px;
	font-size: 11px;
	line-height: 14px;
	overflow: auto;
}

.offer-details img.float {
	display: block;
	float: right;
	margin: 0 0 5px 5px;
}

.offer-details p {
	margin: 5px 0;
	padding: 0;
}

.strong {

	font-weight: bold;
}

a:link .gray, a:visited .gray {
	text-decoration: none;
	color: #666;
}

a.info
{
position:relative; /*this is the key*/
z-index:24;
background-color:#ccc;
color:#000;
text-decoration:none
}


a.info:hover
{
z-index:25;
background-color:#ff0
}


a.info span
{
display: none
}


a.info:hover span
{
/*the span will display just on :hover state*/
display:block;
position:absolute;
top:2em; left:2em; width:15em;
border:1px solid #0cf;
background-color:#cff;
color:#000;
text-align: center
}