.your-read{position:relative;z-index:1;}



.hide-meter-mask{display:inline;margin:22px 0 0 -6px;position:absolute;background:#d4d4d4;opacity:0.9;filter:alpha(opacity=90);width:200px;height:48px;}



 #steps-smart {width:100%;height:40px;background:transparent url("/images/projectone/bg_steps3a.png") no-repeat left top;} 

 #steps-smart ul {float:left;width:770px;}



 #steps-smart li {display:block;float:left;color:#666;font-size:1.250em;font-weight:bold;font-family:'Trebuchet MS',Tahoma,arial,verdana;}



 #steps-smart li span {display:block;width:219px;padding:10px;height:20px;background:transparent url("/images/projectone/bg_steps3.png") no-repeat center top; border-left:1px solid #fff;border-right:1px solid #dcdcdc;}



 #steps-smart li.first span {background-position:left top; border-left-width:0;}



 #steps-smart li .selected {color:#f8f8f8;background-position:center bottom; border-color:#bbb;}



 #steps-smart li.first .selected {background-position:left bottom;} #steps-smart li.last span {background-position:right top; border-right-width:0;} 



#steps-smart li.last .selected {background-position:right bottom;} #steps-smart .steps3 li span {width:297px;}



#primary-elements .acc-content .acc-container-smart .clear-smart{width: 243px; padding-top:10px;}



#primary-elements .acc-content .acc-container-smart{padding: 15px 10px 0 15px; background: transparent url(/images/newcontent/home_page_comp.gif) no-repeat scroll 0pt 0pt; height: 135px; width: 245px; position: relative; margin-left: 0px;}



#steps-smartonly {width:100%;height:40px;background:transparent url("/images/projectone/bg_one_step.png") no-repeat left top;}



 #steps-smartonly ul {float:left;width:323px;height:40px;}



 #steps-smartonly li span {overflow:hidden;display:block;width:auto;padding:10px;height:20px;background:transparent url("/images/projectone/bg_one_step.png") no-repeat left top;color:#666;font-size:1.250em;font-weight:bold;font-family:'Trebuchet MS',Tahoma,arial,verdana;}





 #steps-smartonly li span.selected {width:323px;color:#f8f8f8;background-position:left bottom; border:0px;}

#tableSelectAccount .tdcustnumber-smart {width:151px;}



#tableSelectAccount .tdfueltype-smart {width:95px;}



#tableSelectAccount .tdselectaccount2-smart {width:180px;}



.smartMeter-buttondiv .right a  {border: 0;float: right;}





#primary-content p.smartAcquisition-error  {position: relative; top: 10px;}



#primary-content div.smart-error-server-alert  {background-image: url("/images/error-alert.gif");background-position: 10px 50%;background-repeat: no-repeat; border: 2px solid #F79434;color: #F79631;margin-bottom: 10px;padding: 5px 10px 0px 72px;}



#primary-content div.smart-error-server-alert p {color: #F79434 !important}



#error-server-alert-id-0001. smartAcquisition-error  {position: relative; top: 30px;}



.smart_compare_div {color: #003399 !important; font-family: verdana; font-size: 12px; position: relative; top: -5px; width: 195px;}





.Smart_infodiv-alert{background-image:url(/images/smart/info-whiteBG.gif);background-position:0px 11px;background-repeat:no-repeat;color:#666666;line-height:2.4em;padding:15px 10px 10px 42px;/*width:369px!IMPORTANT;*/ font-size: 12px; font-weight: bold;}



#primary-content .Smart_reading_confirm {background: url("/images/projectone/bg_reading_confirm2.gif") no-repeat scroll right top  transparent;float: left;padding: 1px 0; }



#primary-content .Smart_reading_confirm li.first {background: url("/images/projectone/bg_reading_confirm2.gif") no-repeat scroll left top  transparent;border-left-width: 0;height: 15px;padding-top: 6px; margin-top: -1px;}



#primary-content .Smart_reading_confirm li { border-left: 1px solid #FFFFFF;float: left;font-weight: bold;height: 13px;line-height: 13px;margin: 0;padding: 5px;text-align: center; width: 15px;}



#primary-content #accNumDisp {font-weight: bold;}



/* Consumption hub styles */



#primary-content .smart-accountDetail h2{color: #666666; font-size: 1.1em;}



#primary-content .smart-accountDetail{width: 728px; height:85px; margin-top: 5px;}



#primary-content .smart-accountType{width: 383px; float: left; margin-top: 10px;}



#primary-content .smart-accountNumber{width: 345px; height: 70px; float: right; margin-top: 10px;  background: url("/images/smart/userDetail-separator.gif") 



no-repeat left top;}



#primary-content .smart-accountNumber h2 {padding-left: 10px;}



#primary-content .customer-billAddress { list-style-type: none; padding-left: 10px;}



#primary-content .customer-billAddress li { float: left;}



#primary-content .customer-accountNumber{width: 262px; height: 25px; background-color: Transparent; background: url("/images/smart/smartConsumption-selectBox.gif") no-repeat 0 0;}





#primary-content .btn-Go-accountNumber{padding-left: 5px;}



#primary-content .smart-consumptionPromo {width: 720px; height: 289px; font-size: 0.9em;}



#primary-content .smart-video {width: 355px; height: 289px; float: left; background-image: url("/images/smart/smartConsumption-section-bg.gif");}



#primary-content .smart-videoContent {padding: 24px 45px 0px 32px;}



#primary-content .smart-videoContent h2{color: #666666; font-size: 1.1em;}



#primary-content .smart-promo {width: 355px; height: 289px; float: right; background-image: url("/images/smart/smartConsumption-section-bg.gif");}



#primary-content .smart-promoContent {padding: 24px 45px 0px 32px;}



#primary-content .smart-promoContent h2{color: #666666; font-size: 1.1em;}



/* Consumption hub styles */



#primary-content .read-historydiv {display:block;}



#primary-content .read-history a { outline:none; cursor:pointer;}





/* Meter read table style*/



#primary-content .meterRead-history { border:1px solid #dadada; border-collapse:collapse; border-color:#dadada;  margin-top: 15px; margin-left: 1px;}



#primary-content .meterRead-history tr.tab_hd{ height:58px;}



#primary-content .meterRead-history th { font-family: verdana; font-size: 12px; font-weight: bold; height: 58px; border:1px solid #dadada; padding-left: 13px; text-align: left; border-collapse:collapse; border-color:#dadada; background-color: #FAFAFA;}



#primary-content .meterRead-history td { font-family: arial; font-size: 12px; padding-left: 13px; text-align: left; border:1px solid #dadada; border-collapse:collapse; border-color:#dadada; *border-bottom:none; }



#primary-content .meterRead-history tr {height: 37px; background-color:#fff; border:1px solid #dadada; border-collapse:collapse; border-color:#dadada;}



#primary-content .meterRead-history tr.odd {background-color: #F0F0F0; border:1px solid #dadada; border-collapse:collapse; border-color:#dadada;}



#primary-content .meterRead_history_div {width:720px; float:left; background: url("/images/smart/cosumption-divider.gif") no-repeat left top; margin-top: 10px;}



#primary-content .meterRead_history_hd_sec {width:720px; display:inline-block; padding-top:15px;}



#primary-content .history_hd {float:left;}



#primary-content .history_pagination{float:right;}



#primary-content .history_pagination ul {padding:0px; margin:0px;}





/*Pagination style*/







#primary-content ul.pageNav li{ display:block; float: left; padding:0px 4px; font-family: arial; border-right:1px solid #000; }



#primary-content ul.pageNav li:last-child {border:none;}



#primary-content ul.pageNav li a{ color: #023399; text-decoration:underline; }



#primary-content li.currentPage { font-weight:normal; }



#primary-content ul.pageNav li.currentPage a { color: #bbb; text-decoration:underline; }



#primary-content .customer-fuelType { list-style-type: none; margin-top: 15px;}



#primary-content .customer-fuelType li { float: left;}



#primary-content .fuelLabel { margin-top: 5px; padding-right: 10px;}



#primary-content .fuel-Type { background-color: Transparent; height: 25px; width: 102px;}



#primary-content .rounded3 {-moz-border-radius: 3px 3px 3px 3px;}





/*promobox- section*/



#primary-content .promo_boxes {display:inline-block; width:727px; margin-top:25px;}



#primary-content .promo_box_L {float:left; width:236px; background-image:url(/images/smart/smart-promo-BG.gif); background-repeat:no-repeat; height:288px; padding:0px;}



#primary-content .promo_box_M {float:left; width:236px; background-image:url(/images/smart/smart-promo-BG.gif); background-repeat:no-repeat; height:288px; padding:0px; margin-left:10px;}



#primary-content .promo_box_R {float:right; width:236px; background-image:url(/images/smart/smart-promo-BG.gif); background-repeat:no-repeat; height:288px; padding:0px;}



#primary-content .promo_hd {width:205px;padding: 25px 0 0 25px;}



#primary-content .promo_hd span {/*font-family:TheMix HP7BLd;*/ font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; color:#666;}



#primary-content .promo_video {height: 131px; margin: 5px auto; padding-left: 10px;width: 150px;}



#primary-content .predictIcon{ padding-top:15px;}



#primary-content .esaIcon{ padding-top:0px;}



#primary-content .smartAppIcon{ padding-top:10px;}



#primary-content .promo_txt {font-family:Arial, Helvetica, sans-serif; padding:5px 0px 5px 25px; font-size:12px; font-weight:normal; color:#666; clear:both; width: 200px;}



#primary-content .promo_txt p {font-family:Arial, Helvetica, sans-serif; padding:0px; font-size:12px; font-weight:normal; color:#666; margin:0px;}



#primary-content .promo_txt img {float:left; margin-right:25px;}



#primary-content .promo_link {margin: 15px 0px 0px 25px;}



#primary-content .promo_link ul { padding:0px; margin:0px;}



#primary-content .promo_link ul li {display:block; list-style:none; background-image:url(/images/smart/bullet.png); background-repeat:no-repeat; background-position: left 3px; margin:5px 0px; padding-left:10px;}



#primary-content .promo_link ul li a{color:#027aca !important; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12px;}



#primary-content .promo_link_bottom {margin: 32px 0px 0px 25px;}



#primary-content .promo_link_bottom ul { padding:0px; margin:0px;}



#primary-content .promo_link_bottom ul li {display:block; list-style:none; background-image:url(/images/smart/bullet.png); background-repeat:no-repeat; background-position: left 3px; margin:5px 0px; padding-left:10px;}



#primary-content .promo_link_bottom ul li a{color:#027aca !important; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12px;}



#primary-content #popup_video {display:none;}



#primary-content .float_right {float:right;}



#primary-content .clr {clear:both;}



#primary-content .nodata-txt { position: relative;}



#primary-wrapper .errormain div.smart-png {



    background: url("/images/error_alert_new.gif") no-repeat scroll left center transparent;



    color: #AA0000;



    height: 40px;



    padding-left: 60px;



}





/* Energy Saving Advice */





#primary-content a {



	outline:none;



}



#primary-content ul {



	list-style-type:none;



	padding:0;



	margin:0;



}



#primary-content ul li {



	list-style-type:none;



	padding:0;



	margin:0;



}



#primary-content .energySavingadvice {



	width: 720px;/*height: 745px;*/



}



#primary-content .esaHeader {



	width: 712px;



	height: 68px;



	background:url(/images/smart/container-header.gif) no-repeat top left;



}



#primary-content .esaContent {



	width: 708px;



	border-left: 2px solid #E5E5E5;



	border-right: 2px solid #E5E5E5;



}



#primary-content .esaBottom {



	width: 712px;



	height: 52px;



	background:url(/images/smart/container-bottom.gif) no-repeat bottom left;



}



#primary-content .esaCarouselbox {



	padding: 5px 16px 8px 16px;



}



#primary-content .esaFamilies {



	width: 674px;



	height: 323px;



	background-color: #F7F7F7;



}



/* imageslider with thumbnails style starts */



#primary-content   img {



	border:0px;



}



#primary-content #imgslider {



	width:674px;



	height:323px;



}



#primary-content #imgslider .main-img {



	width:674px;



	height:227px;



	position:relative;



}



#primary-content .main-img .st-cnt {



	background:url(/images/smart/familyBox-bg.gif) no-repeat 0 0;



    padding:10px;



	position:absolute;



	right:10px;



	top:10px;



	width:231px;



	height:191px;



}



#primary-content .st-cnt p {



	font-family:Verdana, Geneva, sans-serif;



	font-size:12px;



	color:#000;



	padding:0px 10px 0px 10px;



}



#primary-content span.hd {



	color:#008900;



	font-family:verdana;



	font-size:1.13em;



	font-weight:bold;



}







#primary-content h1.hd {



	color:#008900;



	font-family:verdana;



	font-size:1.13em;



	font-weight:bold;



	padding:0px 10px 0px 10px;



}



#primary-content .main-img ul {



	display:block;



	margin:0px;



	padding:0px;



	width:674px;



	height:227px;



	overflow:hidden;



}



#primary-content .main-img li {



	display:block;



	width:674px;



	height:227px;



	list-style:none;



}



#primary-content #imgslider .thumbnail-nav {



	width:674px;



	height:95px;



	overflow:hidden;



	display:inline-block;



}



#primary-content .thumbnail-nav .icon-lft, .thumbnail-nav .icon-rgt {



	display:block;



	height:95px;



	width:26px;



	float:left;



}



#primary-content #imgslider #thumbnail-navContainer {



	width:622px;



	height:95px;



	position:relative;



	overflow:hidden;



	display:block;



	float:left;



}



#primary-content #thumbnail-navContainer ul {



	display:block;



	padding:0px;



	margin:0px;



	height:95px;



	position:absolute;



	left:0px;



}



#primary-content #thumbnail-navContainer ul li {



	width:137px;



	margin:12px 9px;



	height:71px;



	list-style:none;



	float:left;



	position:relative;



	cursor: pointer;



}



#thumbnail-navContainer ul li span {



	display:none;



       background-image:none;



	font-family:Verdana, Geneva, sans-serif;



	color: #008900;



	font-weight: bold;



	position:absolute;



	top:-2px;



	left:0px;



	width:126px;



	height:81px;



	background-color:#F6F6F6;



	font-size:0.9em;



	padding:5px;



	opacity:0.6;



	filter:alpha(opacity=60);



}



/* imageslider with thumbnails style ends*/







  /**/











#primary-content .imgslider-nrm {



	width:312px;



	height:187px;



	border:1px solid #8ec100;



}



#primary-content .imgslider-nrm .m-img {



	width:312px;



	height:145px;



	position:relative;



}



#primary-content .m-img ul {



	display:block;



	margin:0px;



	width:312px;



	height:145px;



	overflow:hidden;



	padding:0px;



	background-color:#000;



}



#primary-content .m-img ul li {



	width:312px;



	height:145px;



	display:none;



	padding:0px;



	margin:0px;



	position:relative;



	background-color:#000;



}



#primary-content .m-img ul li:first-child {



	display:block;



}



#primary-content .m-img ul li span {



	display:inline-block;



	width:292px;



	height:20px;



	overflow:hidden;



	background:#225906;



	opacity:0.8;



	filter:alpha(opacity=80);



	position:absolute;



	z-index:200;



	bottom:0px;



	left:-4px;



	padding:5px 10px;



	line-height:18px;



}



#primary-content .m-img ul li span span {



	display:block;



	float:left;



	font-family:Verdana, Geneva, sans-serif;



	font-size:0.89em;



	color:#fff;



	font-weight:bold;



	opacity:1;



	filter:alpha(opacity=100);



	width:257px;



}



#primary-content .m-img ul li span a {



	display:block;



	float:right;



	margin:3px 5px;



	opacity:1;



	filter:alpha(opacity=100);



}



#primary-content .imgslider-nrm-nav {



	width:312px;



	height:42px;



	display:inline-block;



}



#primary-content .imgslider-nrm-nav a {



	display:block;



	width:26px;



	height:42px;



	float:left;



}



.imgslider-nrm-nav a.small-next {



	width:24px;



	margin-left:2px;



}



#primary-content .imgslider-nrm-nav .nrm-nav-ul {



	display:inline-block;



	width:258px;



	height:42px;



	overflow:hidden;



	float:left;



}



#primary-content .nrm-nav-ul ul {



	display:block;



	padding:0px;



	margin:0px;



	height:42px;



	padding-left:5px;



}



#primary-content .nrm-nav-ul ul li {



	display:block;



	cursor: pointer;



	padding:8px 1px 5px 1px;



	margin:0px;



	float:left;



	height:30px;



}



/**/



  /*new classes & edit padding */







#primary-content   .cnt-hd {



	margin-bottom:6px;



}



#primary-content .esaVideotips {



	width: 708px;



	height: 290px;



	background:url(/images/smart/bg-esa.png) no-repeat;



	border-left:2px solid #E5E5E5;



	border-right:2px solid #E5E5E5;



	padding: 12px 0px 5px 0;



}



#primary-content .left-slider {



	border-right:1px solid #C4CCCC;



	float:left;



	padding:2px 10px 0 28px;



	width:315px;



}



#primary-content #energy-link {



	width:107px;



	float:left;



	margin-top:8px;



}



#energy-link ul li {



	font-family:Verdana, Geneva, sans-serif;



	font-size:8pt;



	list-style-image:url("/images/smart/ceveron.gif");



	list-style-position:outside;



	margin:5px 0 0 8px;



}



#primary-content #energy-link ul li a {



	color:#003399;



	text-decoration:none;



}



#primary-content #video-link {



	width:206px;



	float:left;



	margin-top:11px;



}


#primary-content #video-link ul li {



	font-family:Verdana, Geneva, sans-serif;



	font-size:9pt;



	list-style-image:url("/images/smart/arrow.png");



	list-style-position:inside;



	padding:12px 0 14px 13px;



	background:url(/images/smart/youtube-link.png) no-repeat 0 0;



}



#primary-content #video-link ul li a {



	color:#003399;



	text-decoration:none;



}



#primary-content #video-link ul li a:hover {



	color:#000;



	text-decoration:none;



}



#primary-content .right-slider {



	float:left;



	margin:0 12px 0 16px;



	width:320px;



}



#primary-content .tips-header {



	color:#0b333c;



	font-weight:bold;



	font-family:Verdana, Geneva, sans-serif;



	font-size:12px;



}







#primary-content .tips-container {



	display:none;



	margin-top:5px;



	height:176px;



       



	}







#primary-content .lastTip {



	display:none;



	margin-top:5px;



	height:176px;



	overflow-y: scroll;



	}







#primary-content .lastTip span{



    font-family:Verdana, Geneva, sans-serif;



	font-size:10px;



	font-weight:normal;



	width:200px;



	padding-top: 15px;



	float: left;



}







#primary-content .tips-container p {



	font-family:Verdana, Geneva, sans-serif;



	font-size:12px;



	font-weight:normal;



	float:left;



	width:200px;



	margin:3px 0 0 0;



}



#primary-content .tips-container .tips-img-holder {



	float:left;



	margin-left:12px;



}



#primary-content .prev-next-section {



	margin-top:5px;



}



#primary-content .prev-next-section .prev-tips {



	background:url(/images/smart/tip-left.png) no-repeat 0 0;



	padding:7px 14px 0 20px;



	height:29px;



	float:left;



}



#primary-content .prev-next-section .tips-bg {



	background:url(/images/smart/tip-middle.png) no-repeat 0 0;



	width:100px;



	height:36px;



	float:left;



}



#primary-content .prev-next-section .next-tips {



	background:url(/images/smart/tip-right.png) no-repeat 0 0;



	padding:7px 33px 0 30px;



	height:29px;



	float:left;



}



#primary-content .prev-next-section ul li a {



	color:#003399;



	text-decoration:none;



	font-family:Verdana, Geneva, sans-serif;



	font-weight:bold;



	font-size:11px;



}



#primary-content .prev-next-section ul li a.prev {



	background:url(/images/smart/ceveron-opp.gif) no-repeat 0 3px;



	padding-left:10px;



}



#primary-content .prev-next-section #tips-section li a.inactive {



	color:#aab3b3 !important;



}



#primary-content .prev-next-section ul li a.next {



	background:url(/images/smart/arrow.png) no-repeat right 3px;



	padding-right:10px;



}





/* Energy Saving Advice */



/* Defect fix*/



#primary-content .rightnav_height { margin-bottom: 100px; padding-bottom: 100px;}

#primary-content .smart_readingTxt {font-size: 12px;}

#primary-content .smart_readingLink {font-size: 11px;}



/* Defect fix*/