/* BASE CSS */
.meterContent .navStepsLink li:first-child p { margin-top: 0; }
.pnmrWrapper img { width: auto\9; width: 100%; }
.pnmAcNoPara a.helpmethis{display:inline-block;}
/* END BASE CSS */
.bodyContainer.login { padding: 0 0 0 2%;}
/*SUCCESS-MSG*/
.successImage {padding-right: 6px; width:19%; }
/*END SUCCESS-MSG*/

/* MY ACCOUNT PROFILE : MY MAILING PREFERENCES TAB*/
.errorBox{ width:80%;}
/* MY ACCOUNT PROFILE : MY MAILING PREFERENCES TAB*/

/* HEADER LOGO SECTION */
.logo { margin-left: 1.5%; width: 19.245%; }
.topNav { margin-bottom: 5px; width: 100%; height:54px; }
.termsLink { float: right; padding: 15px 0 0 0; }
.termsLink li:last-child { padding: 0 6px 0 4px; }
.termsLink li { padding: 0 6px 0 4px; }
.postForm { display: none; }
.findIcon { display: block; }
/* END HEADER LOGO SECTION */

/*SPANISH HOME PAGE*/
.spanishBlankMenu{display:none;}
/* END SPANISH HOME PAGE*/


/*PAYMENT HISTORY PAGE*/
.payHistory .energyUsage p, .payHistory .payImage { padding-left: 0; }
.payHistory .gnfGoPaperless { margin: -6% 0 6% 0; }
.payHistory .energyUsage p { margin: 5% 0; }
.usage-history .usageContent .tabHolder ul li { width: 148.5px;}
.usage-history .usageContent .tabHolder ul li button.buttonGreyCommon {width: 148px; }
.account-summary .details p.subHeading, .account-summary .details p.content { font-size: 0.975em;}
.accLeft .outageFooter a { margin: 0 8% 0 1%; font-size: 0.95em;}
/* END PAYMENT HISTORY PAGE*/

/*MULTIPLE CUSTOMER PAGE*/
.multipleCustomer, .accLandingAccordion .content table { border-width: 1px 0; }
.multipleCustomer ul.searchAccount li p { font-size: 0.875em; }
.multipleCustomer ul.searchAccount li a { font-size: 0.75em; float: left; width: 95%; }
ul.addAcountRow { overflow: hidden; margin-bottom: 10px; }
.multipleCustomer ul.buttonBox { width: 47%; }
.multipleAccTable .accLandingAccordion .content tr.customerGroup td { border-top: none; }
ul.addAcountRow li:first-child { width: 92%; margin-left: 2%; }
.displayBody ul.addAcountRow select { width: 99%; left: 0px; margin: -2px 0 0; }
ul.addAcountRow li:last-child { margin-left: 2%; width: 45%; }
ul.addAcountRow li label { font-size: 0.875em; }
.automatic-payment .automaticPay .buttonBox li:last-child { margin-left: 0;}
.automatic-payment .buttonBox li { padding-right:0;}
.automatic-payment #autoPaymentAlreadySignUpForm ul.buttonBox li { margin-left: 0;}
.automatic-payment .automaticPay .buttonBox li:first-child, .automatic-payment .automaticPay .buttonBox li:last-child { padding-bottom:8px;}
/*END MULTIPLE CUSTOMER PAGE*/

/* SEARCH MENU */
.searchBox { position: absolute; right: 50px; top: 59px;}
.searchBox .postForm { display: none; margin-top: 4px; position: absolute; z-index: 999; right: 0; width: 222px; }
.searchBox .postForm .searchInput { width: 200px; height: 24px;}
.topNavContainer { position: absolute; top: 59px; right: 0; padding-top: 0; }
.headerBreadcrum { margin-top: 8px; }
.brdCrmb { font-size: 0.75em !important; font-weight: normal; }
.logDeatialsHldr { width: 100%; line-height: 25px; font-size: 0.75em; }
/* END SEARCH MENU */

/* REGISTRATION STEPS */
.navSteps { margin-bottom: 0; }
.submit-meter-read-inner .meterContent .navSteps { margin-bottom:0; }
.regButton { padding: 6px 0 !important; /*20px 0 22px !important; */ width: auto; }
.faqBgNone {/*background: none !important; */ }
.regRightBorder { border-left: none; }
a.helpfindPnmAc { margin-left: 0;}
.regForm2 .displayBody select { left:0; top:0; margin:0;}
.regForm2 select { width: 85% !important;}
.regForm2 .displayBody span.customStyleSelectBox {margin: 0 0 10px 0; }
/* END REGISTRATION STEPS */

/* TOP SOCIAL LINKS */
.talkLink { margin-left: -23.245%; margin-top: 6px; width: 68.32258064516129%; }
.talkLink li a { background: url(../images-spanish/icons_m.png) no-repeat scroll 0 -19px transparent; width: 25px; height: 24px; margin-right: 4px; }
.talkLink li a.talkToUs { height: 22px; width: 74px; margin-top: 2px; }
.talkLink li a.pnmCom { background-position: 0 -41px; }
.talkLink li a.twitter { background-position: -25px -41px; }
.talkLink li a.facebook { background-position: -50px -41px; }
.copyRightTalk .termsLink { margin: 0 10px 0 0; }
/* END TOP SOCIAL LINKS */

/* HEADER MENU */
.mainNavigation { position: absolute; top: 59px; right: 0; padding: 0; margin-top: -1px; }
.mainNavigation .mMenuLink { display: block; }
.mainNavigation div.serviceLabel { display: none; position: absolute; right: 0; margin: 0; padding: 12px 23px; border: #FFFFFF 1px solid; border-bottom: #eeebe3 1px solid; width: 114px; z-index: 9999; background: #E3DDD0 none; }
.mainNavigation div.serviceLabel small { display: none; }
.mainNavigation ul { display: none; position: absolute; right: 0; top: 80px; border: 1px solid #FFFFFF; border-top: #eeebe3 1px solid; width: 160px; -moz-box-shadow: 0 1px 2px #bebbb4; -webkit-box-shadow: 0 1px 2px #bebbb4; box-shadow: 0 1px 2px #bebbb4; z-index: 9999; }
.mainNavigation ul li { float: none; }
.mainNavigation ul li a:link, .mainNavigation ul li a:visited, .mainNavigation ul li a.selected:link, .mainNavigation ul li a.selected:visited { padding: 0; margin: 0; background: #E3DDD0 none; }
.mainNavigation ul li a:link span, .mainNavigation ul li a:visited span, .mainNavigation ul li.white a:link span, .mainNavigation ul li.white a:visited span, .mainNavigation ul li.loggedin a:link span, .mainNavigation ul li.loggedin a:visited span, .mainNavigation ul li a.selected:link span, .mainNavigation ul li a.selected:visited span { padding: 12px 23px; margin: 0; font-size: 0.750em; border-bottom: 1px solid #eeebe3; background: #E3DDD0 none; }
.mainNavigation ul li a span.hasSub { background: transparent url('../images-spanish/arrow-down_Mmenu.png') 90% center no-repeat !important; }
.mainNavigation ul li div { position: relative; display: none; }
.mainNavigation ul li div ul { background: #fff; position: relative; top: auto; border: none; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: 0px 0px 0px #9B9D9E; -moz-box-shadow: 0px 0px 0px #9B9D9E; box-shadow: 0px 0px 0px #9B9D9E; }
.mainNavigation ul li ul li a { background: #fff none !important; }
.headerMenu { padding-bottom: 8px; position: relative; width: 78.755%; }
.mdpMenuIcon { display: block; }
.headerMenuTab { background: url(../images-spanish/menucnr_m.jpg) 0 0 no-repeat #E3DDD0; height: auto; position: absolute; right: 0; margin-top: -1px; border-right: 1px solid #FFFFFF; width: 146px; -moz-box-shadow: 0 1px 2px #bebbb4; -webkit-box-shadow: 0 1px 2px #bebbb4; box-shadow: 0 1px 2px #bebbb4; z-index: 999; display: none; }
.headerMenuTab li { float: none; font-size: 0.875em; border-top: 1px solid #eeebe3; line-height: 40px; height: auto; }
.headerMenuTab li a { display: block; font-size: 0.875em; padding: 0 23px; }
.headerMenuTab li.serviceFor { background: #d1cbbb; margin-left: 1px; line-height: 38px; padding-left: 23px; }
.headerMenuLoginTab { background: #E3DDD0 !important; }
.headerMenuLoginTab li.serviceFor a { background: none !important; border: none !important; padding: 0; margin: 0; }
.headerMenuLoginTab li.serviceFor1Bg { background: none !important; border: none !important; padding: 0; margin: 0; }
.headerMenuLoginTab li.serviceFor1Bg a { background: none !important; border: none !important; }
.headerMenuLoginTab li.curveR { background: none !important; }
.headerMenuLoginTab li.curveL { background: none !important; }
.headerMenuLoginTab li.curveLBig { background: none !important; }
.headerMenuLoginTab li.myAcc { background: none !important; }
.headerMenuLoginTab li.active.home { margin: 0; padding: 0; }
.headerMenuLoginTab li.myAccount a { padding: 20px 8px 17px; }
.headerMenuLoginTab .whitebg.curve { background-color: #FFFFFF; background-image: none; }
.headerMenuLoginTab { background: url(../images-spanish/menucnr_m.jpg) 0 0 no-repeat #E3DDD0; height: auto; position: absolute; right: 0; margin-top: -1px; border: 1px solid #FFFFFF; width: 160px; -moz-box-shadow: 0 1px 2px #bebbb4; -webkit-box-shadow: 0 1px 2px #bebbb4; box-shadow: 0 1px 2px #bebbb4; z-index: 9999; display: none; }
.headerMenuLoginTab li { float: none; font-size: 0.75em; border-top: 1px solid #eeebe3; line-height: 40px; height: auto; padding: 0; margin: 0; }
.headerMenuLoginTab li a { display: block; font-size: 1em; padding: 0 23px; }
.headerMenuLoginTab li.serviceFor { background: #d1cbbb; line-height: 38px; border-top: 0 none; padding: 0 0 0 14%; }
.headerMenuLoginTab li.myAccount { margin: 0; padding: 0; }
.headerMenuLoginTab li.myAccount a { padding: 0 23px; border-radius: 0; }
.headerMenuLoginTab li.rightCurve { display: none; }
.headerMenuLoginTab li.active.looking { margin: 0; padding: 0; }
.headerMenuLoginTab li.active.community { margin: 0; padding: 0; }
.headerMenuLoginTab li.active.business { margin: 0; padding: 0; }
.headerMenuLoginTab .hoverBox { position: relative; }
.headerMenuLoginTab li:hover ul.hoverBox, .headerMenuLoginTab li a:hover ul.hoverBox { display: none; }
.headerMenuLoginTab .hoverBox { box-shadow: none; background: #fff; border-radius: 0; }
.headerMenuLoginTab .hoverBox li { font-size: 1em; }
.headerMenuLoginTab .hoverBox li a { padding: 4% 13%; line-height: 20px; }
.headerMenuLoginTab .hoverBox:before, .headerMenuLoginTab li span.upArrow, li span.upArrow { background: url(../images-spanish/up_arrowM.png) no-repeat scroll 0 0 transparent; content: ""; display: block; height: 12px; margin: -12px 0 0 14%; width: 23px; }
.headerMenuLoginTab li span.upArrow, .headerMenuLoginTab li span.upArrow { display: none; margin: -12px 0 0 20%; }
.whitebg { background: none; }
.headerMenuLoginTab li.last .hoverBox:before { margin: -12px 0 0 14%; }
.headerMenuLoginTab li.active { margin: 0; padding: 0; }
/* END HEADER MENU */

/* FOOTER ICON SECTION */
.copyRightTalk { margin-left: 1%; width: 77.674%; /*width: 78.674%; */ }
.copyRightLogo { line-height: 70px; width: 21.327%; }
.footerLinkBox { margin-left: 1.5%; margin-right: 1.5%; }
.footerCopyrightBox { padding: 10px 1.5%; }
.flogo { margin-right: 6px; margin-top: 4px; }
/* END FOOTER ICON SECTION */

/* FOOTER SOCIAL LINKS */
.copyRightTalk .talkLink { margin-left: 2px; margin-top: 8px; width: 100%; }
.copyRightTalk .talkLink li a { background: url(../images-spanish/icons_m.png) no-repeat scroll 0 0 transparent; width: 23px; height: 23px; }
.copyRightTalk .talkLink li a.talkToUs { height: 19px; margin-top: 0; width: 65px; }
.copyRightTalk .talkLink li a.pnmCom { background-position: 0 -65px; }
.copyRightTalk .talkLink li a.twitter { background-position: -24px -65px; }
.copyRightTalk .talkLink li a.facebook { background-position: -50px -65px; }
.copyRightTalk .talkLink li a.youtube { background-position: -75px -65px; }
/* END FOOTER SOCIAL LINKS */

/* FOOTER SITE MAP LINKS */
.copyRightTalk .termsLink, .copyrightText { padding: 4px 0 0 2px; }
.footerLinkMenu > li { width: 46%; min-height: 150px; }
.footerLinkMenu > li:nth-child(2) { border-right: 0 none; }
.footerLinkMenu > li:nth-child(4) { border-right: 0 none; }
.footerLinkMenu > li h3 { margin-bottom: 20px; margin-top: 20px; }
/* END FOOTER SITE MAP LINKS */


/* BODY LEFT / RIGHT SECTION */
.regLeftBox { border-right: 0 none; margin-right: 0; padding-right: 0; width: 100%; }
/*.benefitsHelpBox {background-color: #E3DFD6; padding: 16px 8px; width: auto/ * 100%* /; }*/

.benefitsHelpBox { background-color: #E3DFD6; clear: both; float: none; padding: 16px 8px; width: auto; margin: 0; border-left: none;}
.registration .benefitsHelpBox { border: none; float: none; padding: 16px 8px; width: auto; }
.benefitsHelpBox .faq_Box{margin-left:0;}
.viewCurrentBill .benefitsHelpBox { float: none; padding-right: 0; }
.viewCurrentBill .powerOutage { margin: 20px 0 0; padding-left: 4%; padding-top: 10px; }
.viewCurrentBill .gnfGoPaperless { margin: 30px 0 0; padding-left: 4% !important; padding-top: 14px; }
.viewCurrentBill .currBill, .viewCurrentBill .contactCust { margin: 20px 0 0; padding-left: 4% !important; padding-top: 14px; }
.viewCurrentBill .buttonBox { width: 160px; }
/*.viewCurrentBill .gnfNewDonationAmtStep2 .gnfButtonGreen {margin: 4% 0 0; padding: 0 3%; float:left;}
.viewCurrentBill p.viewCurrBill {width:40%;}*/
.viewCurrentBill .modifyGnfButtons p.viewCurrBill { margin: 3%; }
.viewCurrentBill .gnfNewDonationAmtStep2 .gnfButtonGreen { margin: 3%; }
.viewCurrentBill .modifyGnfButtons p.vcb1 { width: 38% !important; }
/*.buttonGreen { padding: 0 19.167%; }*/
.buttonBox li { padding-right: 4%; margin: 0; }
.buttonBox .secureLink { font-size: 0.75em; }
/* END BODY LEFT / RIGHT SECTION */

/* MODAL BOX */
.popupContainer {/*min-height:100px; max-height:190px;*/ height:100px; overflow-y: scroll; }
.popupBox { width: 84%; left: 8%; /*height:38%;*/}
.popupHeader { padding: 14px 10px 5px; height: 34px; }
.automaticModal .popupHeader h4 { font-size: 0.7em; width: 85%; float: left; padding-right:2%; }
.buttonClose, .automatic-payment-inner .automaticModal .buttonClose, .automaticModal .buttonClose{ background: url(../images-spanish/cross.png) no-repeat scroll 100% 0 transparent; color: #008097; float: right;
text-indent:-999999px; padding-right: 10px; width: 16px; height: 22px;}
/* END MODAL BOX */

/* HOME PAGE */
.carouselWrapper { margin-bottom: 0; margin-top: 5px; background: none; }
.quickNav { position: relative; top: 0; left: 0; width: 100%; margin: 0 auto; }
.quickLogin { padding: 5% 0 0; }
a.quickLoginBtn { padding: 2.45% 12.5%; font-size: 0.9em; }
.quickLogin p { font-size: 0.75em; padding: 5px 0 0 0; }
.quickLinksTitle { width: 30%; padding: 2% 0 2% 12%; }
.quickLinks ul li { line-height: 1.5em; }
.quickLinks ul li a { font-size: 0.75em; }
#slides div h2 { margin-top: 3%; margin-left: 10%; width: 74%; font-size: 1em; line-height: 1.1em; }
#slides a.carouselButton { font-size: 0.7em; width: 15%; line-height: 1.5em; }
.slidesjs-pagination { top: 82%; }
.middleBanner1, .middleBanner2, .middleBanner3 { width: 95%; margin: 10px auto 0 auto; float: none; }
/* END HOME PAGE */

/* SUBMIT METER READ STEPS SECTION START*/
.stepsSubmitMR ul li:first-child { width: 33%; margin-left: -15%; }
.stepsSubmitMR ul li:first-child img, .stepsSubmitMR ul li img { width: 35%; }
.stepsSubmitMR ul li:first-child p { margin-top: 0; margin-right: -16% }
.stepsSubmitMR ul li p { margin-right: -16%; margin-top: 0; }
.stepsSubmitMR ul li span { margin: -12% 0 0 4%; }
/* END SUBMIT METER READ STEPS SECTION */

/* SUBMIT METER READ CONTENT SECTION START*/
.modalContent { font-size: 0.895em; line-height: 1.75em; padding: 2% 0; }
.subitMeterForm .gnfNewDonationTxt, .subitMeterForm .gnfNewDonation { width: 100%; margin: 0; }
.subitMeterForm .gnfButtonBox { width: 100%; }
.submitMeterDetails li { width: 90%; padding: 2% 3%; }
.submitMeterDetails li.subTitle { width: 90%; padding-bottom: 0; }
/* END SUBMIT METER READ CONTENT SECTION */

/*** BODY SECTION */
.myAccntLeftbox { border-right: 0 none; margin: 0; padding: 4% 0 0; width: 99%; }
.tabContHolder { padding: 2% 2% 10% 2%; }
.myAccntLeftbox .tabs li { font-weight: normal; padding: 0; font-size: 0.625em; }
.myAccntLeftbox .tabs li a { padding: 5px 0; }
.myAccntLeftbox .tabs li.active a { padding: 5px 0; }
.myAccntLeftbox .tabs li:after { content: ""; }
.myAccntLeftbox .tabs li.active:before { content: ""; }
.mesgBox { font-size: 0.750em; }
.mesgBox p{text-align: left; word-wrap: break-word;}
.accProfileHld .successMsgHldr { font-size: 0.750em; }
.accProfileHld .errorMsgHldr { font-size: 0.750em; }
.faqBox { width: 95%; padding-left: 8px; padding-top: 10px; }
/** ACCOUNT PROFILE TABLE START */
.accProfileHld table, thead, tbody, th, td, tr { display: block; 	/* Force table to not be like tables anymore */ }
.accProfileHld thead tr { position: absolute; top: -9999px; left: -9999px; 		/* Hide table headers (but not display: none;, for accessibility) */ }
.accProfileHld td { border: none;		/* Behave  like a "row" */ border-bottom: none; position: relative; }
.accProfileHld td:before { position: absolute;	/* Now like a table header */ top: 6px;			/* Top/left values mimic padding */ left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; }
.accProfileHld td table tr td, th { border-bottom: none; padding: 2% 2%; text-align: left; }
.accProfileHld td table tr { border-bottom: 1px solid #484848; padding: 5% 0; text-align: left; }
/* TABLE FORM PROPERTY */
.accProfileHld .accProfDetailsSec { width: 96%; font-size: 0.85em; }
.accProfileHld .accProfDetailsSec span { font-size: 0.85em; }
.accProfileHld .accProfDetailsData { width: 96%; font-size: 0.85em; }
.accProfileHld .accProfDetailsEdit { width: 96%; font-size: 0.85em; }
.accProfEditSec { padding: 0.500em; width: 94%; }
.accProfEditSec fieldset label { font-size: 0.85em; font-weight: bold; margin: 0; width: 100%; }
.accProfEditSec fieldset .input { width: 80%; }
.accProfEditSec fieldset span.textClass { padding: 16% 0 6%; width: 100%; }
.accProfEditSec .profileBtn { margin: 0; padding: 0 3%; float: left; }
.accProfEditSec .cancel { padding: 2% 0 0 5%; float: left; }
.pwdRulesMsg { font-size: 0.750em; margin: 0 0 12px 0%; }
.accProfEditSec { position: relative; }
.accProfEditSec select { height: 30px !important; left: 8px; margin: 0; top: 55px; width: 77%; }
.accProfEditSec .customStyleSelectBoxInner { width: 200px !important; }
.accProfEditSec fieldset div.radioHldr { width: 48%; }
.accProfEditSec fieldset .radioHldr .radioTxt { color: #484848; font-style: italic; margin: 0; font-size: 0.85em; }
.accProfEditSec fieldset .radioHldr .deleteTxt a { font-size: 0.85em; }
.accProfEditSec fieldset label.phoneSection { width: 100%; margin: 2% 4% 0 0; color: #424242; font-weight: bold; float: left; }
.accProfEditSec fieldset .inputSmaller { margin: 0 2% 3% 0; padding: 1%; width: 9%; font-family: Arial, Helvetica, sans-serif; height: 17px; }
.accProfEditSec fieldset .inputSmall { width: 0.750em; height: 17px; width: 12%; margin: 0 6px 0 0; font-family: Arial, Helvetica, sans-serif; padding: 1%; }
.accProfEditSec fieldset label.noneTxt { color: #484848; font-size: 0.750em; width: 100%; font-weight: normal; }
.accProfEditSec .profileBtn.phoneBtn { font-size: 0.85em; float: left; padding: 0 3%; }
.accProfEditSec .closeBtn { width: 23%; font-size: 0.85em; }
/* END TABLE FORM PROPERTY */
/** END ACCOUNT PROFILE TABLE START */

/*START MY ALERTS & COMMUNICATION PREFERENCES TABLE */
.displayHeader { font-weight: bold; }
.emailDiv { width: 100%; padding: 0 0 7% 0; }
.phoneDiv { width: 100%; }
.displayBody { position: relative; }
.displayBody .selctAccLbl { display: block; font-size: 0.99em; margin: 0 0 2%; }
.displayBody .customStyleSelectBoxInner { width: 266px !important; }
.displayBody select { height: 57px /*!important*/; left: 8px; margin: 5px 0 0; top: 20px; width: 95%; }
.regForm3 .displayBody select { margin-top: 0; top: 0; left: 0; width: 94.5%; }
.subTblHldr { border-top: 1px solid #484848; border-right: 1px solid #484848; border-left: 1px solid #484848; border-bottom: none; }
.alrtCommPrefHld table, thead, tbody, th, td, tr { display: block; font-size: 0.99em;  	/* Force table to not be like tables anymore */ }
.alrtCommPrefHld thead tr { position: absolute; top: -9999px; left: -9999px; 		/* Hide table headers (but not display: none;, for accessibility) */ }
.alrtCommPrefHld td { border: none;		/* Behave  like a "row" */ border-bottom: none; position: relative; }
.alrtCommPrefHld td:before { position: absolute;	/* Now like a table header */ top: 6px;			/* Top/left values mimic padding */ left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; }
.alrtCommPrefHld td table tr td, th { border-bottom: none; padding: 2% 2%; text-align: left; }
.alrtCommPrefHld td table tr { border-bottom: 1px solid #484848; padding: 5% 0; text-align: left; }
/* TABLE FORM PROPERTY */
.alrtCommPrefHld td table tr td.mobileAlertIcon,.alrtCommPrefHld td table tr td.mailAlertIcon,.alrtCommPrefHld td table tr td.crossAlertIcon{margin-left:7px;}
.alrtCommPrefHld .alertDetailsSec { width: 96%; }
.alrtCommPrefHld .alertDetailsData { width: 96%; }
.alrtCommPrefHld .alertDetailsEdit { width: 96%; }
.alrtCommPrefEditSec { padding: 0.500em; width: 95%; }
.alrtCommPrefEditSec .outagesOccurDiv { width: 100%; }
.alrtCommPrefEditSec .exceedBudgetDiv { width: 100%; }
.alrtCommPrefEditSec .smallLabel { width: 96%; margin: 0 0 10px; }
.alrtCommPrefEditSec .bigLabel { width: 96%; margin: 0 0 10px; }
.subTblHldr .alrtCommPrefEditSec .midSelect { width: 110px; }
.alrtCommPrefEditSec .outagesOccurDiv .smallLeftDiv { width: 96%; }
.alrtCommPrefEditSec .dividerSpan { width: 96%; }
.alrtCommPrefEditSec .outagesOccurDiv .smallRightDiv { width: 96%; float: left; }
.alrtCommPrefEditSec .btnHldr { text-align: center; }
.alrtCommPrefEditSec .btnHldr .buttonGreen { padding: 0 6.167%; }
/* END MY ALERTS & COMMUNICATION PREFERENCES TABLE */

/*START MY MAILING PREFERENCES TABLE */
.primEmailDiv li { float: left; padding: 0; width: 100% }
.primEmailDiv li:first-child { font-weight: bold; padding: 0; width: 100%; }
.primEmailDiv li span { font-weight: normal; margin: 0; }
/*Generic Styling Table, for mobile 320 Start*/
.cngMailAdrsBody table tr td table { border: none; }
.cngMailAdrsBody table, thead, tbody, th, td, tr { display: block; }
.cngMailAdrsBody table tr td table { border: 1px solid #474747; border-bottom: none; }
/* Hide table headers (but not display: none;, for accessibility) */
.cngMailAdrsBody thead tr { position: absolute; top: -9999px; left: -9999px; }
.cngMailAdrsBody tr { background-color: #e3ddd0; }
.cngMailAdrsBody tr:nth-of-type(odd) { background: #f2eee5; }
.cngMailAdrsBody tr td table tr:nth-of-type(odd) { background: none; }
.cngMailAdrsBody td { /* Behave  like a "row" */ border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; }
.cngMailAdrsBody td:before { left: 6px; position: absolute; white-space: nowrap; }
/*Label the data*/
.cngMailAdrsBody table thead { display: none; }
.cngMailAdrsBody table tr td table thead { display: block; }
.cngMailAdrsBody td:before { content: attr(data-title); color: #474747; }
.cngMailAdrsBody .data-row td:nth-of-type(1):before { display: none; }
.cngMailAdrsBody #to_show7 td:nth-of-type(1):before { display: none; }
.cngMailAdrsBody .data-row td table tr td:nth-of-type(1):before { display: block; }
.cngMailAdrsBody .data-row td { padding-left: 0; }
.cngMailAdrsBody #to_show7 td { padding-left: 0; }
.cngMailAdrsBody .data-row td table tr td { padding-left: 50%; border-bottom: 1px solid #484848; text-align: left; font-size: 0.8em; }
.cngMailAdrsBody td table tr td, th { width: auto; }
/*Generic Styling Table, for mobile 320 End*/

.mailingPrefEditSec { background-color: #ede8de; width: 95%; border: 1px solid #484848; padding: 2%; margin: 2% 0 0; position: relative; }
.mailingPrefEditSec .leftDiv { float: left; padding: 0 0 6%; width: 100%; }
.mailingPrefEditSec .leftDiv div { display: block; float: left; width: 60%; }
.mailingPrefEditSec .leftDiv div span { font-size: 0.99em; font-weight: bold; }
.mailingPrefEditSec .leftDiv div.right { margin: 6% 0 0; width: 38%; }
.mailingPrefEditSec .rightDiv { text-align: left; width: 100%; }
.mailingPrefEditSec .rightDiv span.active { line-height: 3em; }
.mailingPrefEditSec fieldset { width: 100%; font-size: 0.85em; }
.mailingPrefEditSec fieldset label { width: 35%; margin: 2% 2% 0 0; }
.mailingPrefEditSec fieldset label.countryTxt { margin: 3% 2% 2% 0; }
.mailingPrefEditSec fieldset .opTxt { display: block; padding: 0 0 2% 38%; }
.mailingPrefEditSec fieldset .input { width: 56.8%; margin: 0 0 3%; }
.mailingPrefEditSec fieldset .inputMid { width: 56.8%; margin: 0 0 3%; }
.mailingPrefEditSec span.customStyleSelectBox { margin: 0 0 10px; }
.mailingPrefEditSec .customStyleSelectBoxInner { width: 130px !important; }
.mailingPrefEditSec select { height: 26px !important; width: 54.5%; }
.mailingPrefEditSec .profileBtn { margin-left: 37%; }
.mailingPrefEditSec .cancel { margin: 0 0 0 10px; }
/*END MY MAILING PREFERENCES TABLE */


/*START MANAGE MY ACCOUNTS*/

.mngMyAccntBody table, thead, tbody, th, td, tr { display: block; border-bottom: none; }
.mngMyAccntBody thead tr { position: absolute; top: -9999px; left: -9999px; }
.mngMyAccntBody tr { border: none; }
.mngMyAccntBody td { border: none; border-bottom: 1px solid #939d9a; position: relative; padding-left: 50%; }
data-title{font-weight:bold;}
.mngMyAccntBody td:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; content: attr(data-title); text-align: left; font-weight:bold; }
.mngMyAccntBody td:not([data-title]) {font-weight: normal;}
.mngMyAccntBody th:nth-of-type(3) { width: 15%; text-align: left; }
.mngMyAccntBody th:nth-of-type(4) { width: 15%; text-align: left; }
.mngMyAccntBody th:nth-of-type(5) { width: 10%; text-align: left; }
.mngMyAccntBody td:nth-of-type(1) { text-align: left !important; }
.mngMyAccntBody td:nth-of-type(3) { text-align: left; }
.mngMyAccntBody td:nth-of-type(4) { text-align: left; }
.mngMyAccntBody td:nth-of-type(5) { text-align: left; }
.tabContHolder .warning { font-size: 0.85em }
.selectHldr { display: block; padding: 2%; }
.selectHldr input[type="checkbox"] { margin: 0 3% 0 0; }
.mngMyAccntBody .buttonGreen { padding: 0 6.167%; }
.mngMyAccntBody .cancel { color: #008097; font-size: 1.1em; margin: 0 0 0 5%; cursor: pointer; }
.missingAccBody .selectAccnt { width: 100%; float: left; margin: 2% 0; }
.missingAccBody .addDetails { width: 100%; float: left; margin: 2% 0; }
.missingAccBody .addDetails input[type="text"] { float: left; height: 25px; margin: 3% 3% 0 0; width: 44%; }
.missingAccBody .addDetails label { float: left; height: 25px; margin: 3% 3% 0 0; width: 44%; text-align: left; }
.missingAccBody .saveCancelHldr { width: 100%; float: left; margin: 2% 0; }
.missingAccBody .securtyDiv { font-weight: bold; margin: 2% 0; }
.missingAccBody span.customStyleSelectBox { margin: 0; }
.missingAccBody select { height: 30px !important; width: 79%; }
.missingAccBody .saveCancelHldr .btnAdd { padding: 0 6%; }
.missingAccBody .saveCancelHldr .cancel { margin: 0 0 0 4%; }
/*END MANAGE MY ACCOUNTS*/


/*** END BODY SECTION */

/* SUBMIT METER READ */
.navStrip { display: block; height: 225px; }
.heading, .headingRightCol { font-size: 1.05em; }
.leftMenu { position: absolute; background: transparent; margin-top: 5px; left: -7px; width:220px; }
.leftNav { display: none; background: #f2eee5; }
.leftNav > ul { width: 100%; border-top: 1px solid #fff; -moz-box-shadow: 1px 2px 3px #B3AEA4; ; -webkit-box-shadow: 1px 2px 3px #B3AEA4; ; box-shadow: 1px 2px 3px #B3AEA4; }
/*.leftNav ul li:first-child { border-top: 0px; }*/
.leftNav > ul > li:first-child { border-top: 0px }
.leftNav ul li { width: 154px; border-top: 1px solid #d0cbbf; background: url(../images-spanish/left_menu_arrow_small.png) no-repeat 139px 13px; border-right: 1px solid #fff; padding: 8px 0px 8px 8px; }
.leftNav ul li.open { background: url(../images-spanish/left_menu_arrow_sel_small.png) no-repeat 139px 13px; }
.leftNav ul li a { color: #484747; font-size: 0.75em; width: 130px }
.leftNav ul li a.selected { background: none; color: #008097; }
.regLeftBox { border-right: 0px; padding-left: 0%; }
.submitMeter { width: 100%; margin-right: 0; padding-right: 0%; }
.meterContent { width: 100%; margin-left: 0; margin-right: 0; margin-top: 47px; }
p.return { margin-left: 0px; }
.rightCol { width: 100%; }
select { width: 290px; }
.leftMenuIcon { display: block; }
.gnfName, .gnfAccDetails { font-size: 0.688em; margin-top: 10px; }
.gnfAddress { margin-bottom: 5px; }
.gnfHeader { padding: 6px 0; margin-bottom: 5px; }
.submitBtn { padding: 0 4%; }
.programsContent { float: none; width: auto; margin-left: 2px; margin-top: 56px; }
/* END SUBMIT METER READ */

/* Login Section */
.loginSec { width: 100% !important; float: left; min-height: 350px;}
.loginContainer { width: 100% }
.captcha span { padding: 8px 0 0 5% }
.pnmrWrapper img.captchaURL{width: 150px;}
.faqs .faqCategory img {width: 120px;}
.faqs .faqCategory {width: 100%;}
.captchaDiv {width: 100%;}
.warning .message { padding: 18px 0px 18px 70px; }
.errorLogin .message { padding: 24px 0 24px 72px; }
.loginBtn { margin: 0px }
.login { padding: 0 51px }
.loginBtn ul.buttonBox li { padding-right: 16px }
.loginBtn ul.buttonBox li.secureLink { margin-left: 0% }
.loginRightCol { border-left: 0px; width: auto; border-top: 1px solid #484848; /*margin-top: 20px; float: left*/ }
.loginListDiv { padding-left: 0% }
.signUp { float: left; }
.signUpBtn { padding: 0 45px; float: left }
.signUpBtnSec { padding-left: 0%; float: left; width: 100%; padding-bottom: 10px }
.signUpBtnSec .benefitHelpTitle { padding: 10px 15px 0 0 }
/* Login Section end */

/* REGISTRATION STEP 5 */
/*.navStepsLink li p { margin-right: 6%; }*/
ul.navStepsLink { margin: 0 auto; }
.navStepsLink li:last-child p { margin-right: 6%; }
.submitMeter .navStepsLink li:last-child p { margin-right: -12%; }
.successMessage { padding-left: 21%; }
.successDiv { margin: 0 0 3% 0%; }
/*.benefitsHelpBox { padding-top: 7px; }*/
.benefitHelpTitle { padding: 0 0 19px 0; }
.bTextList { padding-top: 16px; /*list-style: disc inside none; */ padding-left: 6px; }
.navStepsLink li:first-child span { width: 2%; }
/* END REGISTRATION STEP 5 */	

/* REGISTRATION STEP 2 */
label h3 { font-size: 0.75em; margin-top: 2%; margin-bottom: 2%; }
.inputBox li input { width: 80px; }
.reviewDropdown li { display: inline-block; width: 80%; }
.reviewDropdown li select { width: 100%; }
.selectIdentityC, .selectIdentityR { line-height: 30px; }
.input { height: 25px; }
.inputBox li input { width: 80%; }
.inputBox li { display: inline-block; width: 30%; }
.dob li { display: inline-block; width: 40%; }
.dob li select { }
.group, .group2 { padding-top: 10px; }
/* END REGISTRATION STEP 2 */

/* REGISTRATION STEP 4 */
.secdropDown { min-width: 35%; }
/*.printerFriendly span img { width: 10%; }*/
.printerFriendly span { width: 40%; font-size: 0.9em; }
.user-migration #acceptTnC{float:left;}
.user-migration .termsCheck b{display:block; float:left; width:75%; padding-left: 5px;}

/* REGISTRATION STEP 4 */

/* View Current Bill css starts here */
.viewCurrentBill .modifyGnfButtons p.gnfNewDonationStep2, .viewCurrentBill .modifyGnfButtons p.gnfNewDonationAmtStep2 { width: 35%; display: inline-block; }
.billAmt p.gnfNewDonationStep2, .billAmt p.gnfNewDonationAmtStep2 { width: 40%; }
/*.viewCurrentBill .billAmt .modifyGnfButtons p.gnfNewDonationStep2, .viewCurrentBill .billAmt .modifyGnfButtons p.gnfNewDonationAmtStep2 { width: 45%; }
*//* View Current Bill css ends here */


/*GOOD NEIGHBOR FUND STEP1*/
.gnfFunds .buttonBox { width: 60%; }
.gnfTitle { font-size: 1.25em; }
.gnfFunds + .benefitsHelpBox { width: auto; padding-top: 20px; }
/*.gnfFunds { margin-bottom: 20px; }*/
.gnfFunds .gnfFundSteps .buttonBox { margin: 20px auto 20px; width: 208px; }
.gnfFunds .gnfFundSteps .buttonBox li { /*float: none;*/ padding: 0 6px 4px; text-align: center; float: left; }
.gnfFunds .gnfFundSteps .buttonBox li:first-child { margin-left: 25px; }
/*.gnfFunds .modifygnfFunds .buttonGreen{ padding: 0 5%; }*/
/*.gnfNavStepsLink li { background: url(../images-spanish/steps_line.png) 98% 22px no-repeat; width: 34.204082%; padding-right: 28.040816%; text-align:center;}
.gnfNavStepsLink { padding: 25px 20px 0;}*/
p.gnfNewDonation, p.gnfNewDonationTxt { padding: 2%; margin: 0%; /*font-size: 0.625em; */ display: inline-block; }
p.gnfNewDonation { width: 46%; font-size: 0.75em; }
p.gnfNewDonationTxt { width: 46%; font-size: 0.75em; }
p.gnfNewDonation #donated_ammount{width: 80px;}
.gnfinputField { margin-left: 2%; height: 22px; width: 70%; }
.gnfButtonBox { margin: 0px auto; padding: 1%; width: 63%; }
.gnfName { font-size: 0.75em; font-weight: bold; }
.gnfAddress { font-size: 0.75em; }
.gnfAccDetails { font-size: 0.688em; font-weight: bold; }
.gnfAccCur { font-size: 0.688em; }
p.gnfSignUpText { font-size: 0.75em; }
.gnfDonation { font-size: 1em/*0.875em*/; padding: 10px 2.1% 14px; }
.navStepsLink li span { margin: 0 0 0 8%/* 0 0 0 11%*/; }
.meterContent p.successMessage { font-size: 0.895em; font-weight: 500; }
.gnfSteps ul li:first-child { width: 33%; margin-left: 0; }
.gnfSteps ul li:first-child img, .gnfSteps ul li img { width: 35px; }
.gnfSteps ul li:first-child p { margin-top: 0; margin-right: -16% }
.gnfSteps ul li p { margin-right: -16%; margin-top: 0; }
.gnfSteps ul li span { margin: -12% 0 0 4%; }
.gnfFundSteps .navStepsLink li:last-child p { margin-right: -15%; }
.gnfFundSteps { margin-right: 0; }
/*GOOD NEIGHBOR FUND STEP1 ENDS*/

/*CSS FOR MODIFY GOOD NEIGHBOR FUND LANDING PAGE*/
.gnfFunds .buttonBox { margin: 4% 10%; width: 81%; }
.gnfFunds .buttonBox li { float: none; padding: 0 0 4px; text-align: center; }
.gnfFunds .buttonBox li:first-child { width: auto; }
.gnfFunds .modifygnfFunds p.gnfNewDonationTxt { width: 57%; }
.gnfFunds .modifygnfFunds p.gnfNewDonation { width: 20%; font-size: 0.813em; }
.gnfFunds .modifygnfFunds .buttonBox { width: 304px; margin: 20px auto 20px; }
/*.gnfFunds .modifygnfFunds .buttonBox li { margin: 0 0 0 14px; padding-right:5%;}*/
.gnfFunds .modifygnfFunds .buttonBox li { padding: 3px; text-align: center; float: left; }
.gnfFunds .modifygnfFunds .buttonGreen { font-size: 0.75em; padding: 0 5%; line-height:normal }
/*CSS FOR MODIFY GOOD NEIGHBOR FUND LANDING PAGE END*/

/*CSS FOR MODIFY GOOD NEIGHBOR FUND STEP1 & 2*/
.gnfFunds .modifyFundsStep .buttonBox { margin: 0 auto 20px; width: 235px; }
.gnfFunds .modifyFundsStep .buttonBox li { /*float: none;*/ padding: 0 5px 4px; text-align: center; float: left; }
.gnfFunds .modifyFundsStep .buttonBox li:first-child { margin-left: 25px; }
/*CSS FOR MODIFY GOOD NEIGHBOR FUND STEP1 & 2 END*/

/*CSS FOR GOOD NEIGHBOR FUND ACCOUNT-PROFILE DETAILS PAGE*/
.gnfDetails { border: none; background: #e3dfd6; margin-top: 5%; padding-left: 0%; }
.gnfMyProfileDetails ul li { margin: 4% 0 0 0%; }
.modifyGnfButtons .gnfButtonGreen { padding: 0 5%; }
.gnfGoPaperless ul li { margin: 3% 0; }
.gnfGoPaperless .gnfPaperlessButton { padding: 2% 12%; }
.gnfGoPaperless { margin: 5% 4%; }
.gnfQuickLinks ul li { margin: 0% 0 2% 0%; }
.gnfQuickLinks ul li:first-child { margin-bottom: 4%; }
.gnfQuickLinks .gnfUserName a { width: 29%; margin-left: 0; }
.gnfQuickLinks .gnfUserName span { width: 58%; margin-left: 0; }
.gnfQuickLinks li.gnfNameBreak { margin: 0; }
.gnfQuickLinks .gnfEnroll { padding-left: 18px; }
.gnfQuickLinks .gnfEnrollNot { margin-left: 7%; }
.gnfQuickLinks .gnfEnroll {background: url(../images-spanish/list-style-image.png) no-repeat 4px 4px;}
.gnfCurrentEnroll { background: url(../images-spanish/list-style-image-mob.png) no-repeat; /*padding-bottom:3%;*/ padding: 0 0 3% 7%; }
/*.gnfQuickLinks .gnfEnroll { background: url(../images-spanish/list-style-image-mob.png) no-repeat; }*/
.accLeft .accViewBill { font-size: 1em; }
/*CSS FOR GOOD NEIGHBOR FUND ACCOUNT-PROFILE DETAILS PAGE END*/

/*CSS FOR ACCOUNT DASHBOARD PAGE*/
.accLeft { width: 100%; font-size: 0.75em }
.accRight { width: 100%; }
.accNotice { border: 3px solid #e80000; padding: 2%; }
.accNotice span { font-size: 0.75em; width: 27%;/* margin-right: 2%;*/ }
.accNotice p { width: 69%; font-size: 0.75em; /*margin-left: 0;*/ }
.accLeft .gnfButtonBox { text-align: right; width: 0; }
.accRight .gnfButtonGreen { font-size: 0.938em; padding: 0 10%; }
.accRight .gnfButtonBox { text-align: left; width: 100%; }
.accImageDiv { margin-right: 3%; }
.theRotator { padding: 0 42px; margin-top: 7%; }
.accDashB .gnfMyProfileDetails, .accDashB .gnfGoPaperless { margin-left: 1%; padding-left: 0% !important; }
.accDashB .gnfQuickLinks { margin-left: 1%; padding-left: 0% !important; }
.gnfQuickLinks ul li:nth-child(even) { background: #f2eee5;overflow: hidden; padding: 4% 0;}
.gnfQuickLinks ul li:nth-child(odd) {  padding: 4% 0; }
.gnfQuickLinks ul li span.gnfEnrollNot { padding-left: 6%; }
.bodyContainer .accDashBLeftCol { width: 100%; }
.accDashBRightCol { padding-top: 7px; padding-left: 2%;}
.accDashB {padding-bottom: 0; width: auto; float: none; clear: both; padding: 16px 8px; margin: 0; }
.dashboardDetails li.dashTitle span { font-size: 1em; }
/*2nd outage alert*/
.accInnerRight { background: #e3ddd0; border: 2px solid #e80000; padding: 3% 5% 9%; margin: 3%; }
.accInnerRight .outageFooter { padding: 1% 0 1% 0; width: 100%; }
.accInnerRight .outageFooter a { font-size: 0.75em; margin: 0 2% 0 7%; }
/*2nd outage alert end*/
/*CSS FOR ACCOUNT DASHBOARD PAGE END*/


/*PAYMENT MORE WAYS PAGE*/
.paymentWays { margin-top: 47px; width: 100%; margin-left: 0; }
.paymentTable { margin: 1%; }
.paymentTable table, thead, tbody, th, td, tr { display: block; border-bottom: none; font-size: 0.99em; }
.paymentTable thead tr { position: absolute; top: -9999px; left: -9999px; }
.paymentTable .content tr { border: none; }
.paymentTable .content td { border: none; border-bottom: 1px solid #939d9a; position: relative; padding: 12% 0 10% 2%; text-align: left; }
.paymentTable .content td:before { position: absolute; top: 14px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; content: attr(data-title); text-align: left; }
.paymentTable .bTextList { padding-top: 10px; margin-left: -9px; }
.paymentTable .content td:nth-of-type(2) { font-size: 0.875em; text-align: left; }
.paymentTable .content td:nth-of-type(3) { font-size: 0.875em; text-align: left; }
/*PAYMENT MORE WAYS PAGE END*/

/*PAYMENT PAY BILL*/
.payBillContent { background: none; border: none; }
.payBill .percentElectricBlock, .payBill .blockSolarEnergy { border: 1px solid #4f4f4e; float: none; margin: 0 auto; background-color: #dad3c3; }
.payBill .pseBlock { /*margin-left: 10%;*/ width: 80%; }
.payBill .blockSolarEnergy { border-left: 1px solid #4F4F4E; margin-top: 16%; }
.or { bottom: -40px; right: 44%; top: auto; }
.accHeader .percentElectricBlock .gnfButtonBox, .accHeader .blockSolarEnergy .gnfButtonBox { margin: 4% 10% 0; width: auto; }
.accHeader .percentElectricBlock .gnfButtonBox li, .accHeader .blockSolarEnergy .gnfButtonBox li { float: none; padding: 0 0 4px; text-align: center; margin: 5% 0; }
.accHeader .percentElectricBlock .gnfButtonBox li:first-child, .accHeader .blockSolarEnergy .gnfButtonBox li:first-child { width: auto; }
.payBill .blockSolarEnergy h4 { padding: 0 0 0 3%; }
.payBill p.payBillTitle { margin: 2% 0 0 9%; font-size: 0.87em; }
.payBill p.payBillSub { margin: 2% 0 3% 9%; font-size: 0.813em; }
/*PAYMENT PAY BILL END*/   

/*PAYMENT EXTENSION STEPS PAGE*/
.payExtList { font-size: 0.75em; }
.payExtList li.payExtSubList { width: 50%; padding: 2% 0; }
.payExtList li { padding: 2% 13%; }
.accHeader .payExtStep .buttonBox { width: 228px; margin: 0 auto; text-align: center; }
.accHeader .payExtStep .buttonBox li { float: left; display: block; }
.accHeader .payExtStep .buttonBox li:first-child { margin-right: 3%; }
/* Defect Fix for ID:1114 */ 
.bill-summary .billSummary li.payExtSubList1 , .bill-summary .billSummary li.payExtSubList2{width:auto !important;}
.bill-summary .payExtList li.payExtSubList{width:38%;}
.bill-summary .payExtList li.printerFriendly{padding:3% 0 !important;}
/*PAYMENT EXTENSION STEPS PAGE END*/

/*OUTAGE LOGGED USER STEP1*/
.outageList { list-style: none; margin: 3% auto 3%; overflow: hidden; }
.outageList li { float: left; text-align: left; font-weight: bold; padding: 2% 5%; font-size: 0.875em; }
.outageList li.outageSubList { font-weight: normal; width: 42%; padding: 2% 3%; }
.accHeader .outageStep .buttonBox { width: 194px; margin: 0 auto; text-align: center; }
.accHeader .outageStep .buttonBox li { float: left; display: block; }
.accHeader .outageStep .buttonBox li:first-child { margin-right: 3%; }
.outageStep2 .ocs { min-height: 0; }
/*OUTAGE LOGGED USER STEP1 END*/

/*AUTOMATIC PAYMENT STEPS*/
.automaticPay .navSteps .navStepsLink li span { width: 33%; }
.automaticPay .payExtList li.payExtSubList { width: 40%; }
.automaticPay .payExtList li { padding: 2% 4%; }
.bankInfoList { font-size: 0.75em; }
.bankInfoList li.bankInfoSubList { width: 26%; }
.automaticPay .input { margin-bottom: 0; }
.bankInfoList li.helpMeTitle { text-align: right; width: auto; padding: 0 0 0 28%; clear: left; }
.automaticModal .popupHeader { padding: 10px 10px; }
.automaticModal .popupHeader h4 { font-size: 0.75em; width: 85%; float: left; }
.automaticModal .buttonClose {  padding-right: 10px; width: 16px; text-indent: -999999px;}
.automaticPay .popupBox { width: 80%; left: 8%; }
.automaticPay .buttonBox li:last-child { margin-left: 5%; }
.accHeader .automaticPay3 .buttonBox { width: 75%; }
.buttonLinkBox { margin: 20px auto 0 auto; width: 200px;}
.buttonLinkBox p { float: none !important; text-align: center; }
.buttonLinkBox .butRight { padding-bottom: 15px; overflow:hidden; }
.automaticPay3 .buttonLinkBox .butRight { width: 94%; }
.automatic-payment .meterContent { margin-top: 47px; }
/*END AUTOMATIC PAYMENT STEPS*/

/* GENERIC SEARCH */	
.searchResults { width: 94%; border-right: none; padding: 0 10px; }
.searchForm { width: 100%; display: inline-block; height: 30px; }
.resetSearch { background: url(../images-spanish/searchCross.png) no-repeat 0 0; width: 4%; background-repeat: no-repeat; border: none; cursor: pointer; }
/* END GENERIC SEARCH */
	
/*GENERIC FAQ PAYMENT START*/
.headTitle span { font-size: 0.6em; font-weight: normal; }
.faqpaymentTitle { font-size: 1.4em; font-weight: 400; padding-right: 3%; line-height: 20px; }
.faqpaymentContent { width: 95%; border-right: none; padding: 0 10px; }
.faqpaymentContent p { font-size: 0.75em; margin-top: 20px; padding-right: 3%; }
.question > h4 { cursor: pointer; }
.paymentfaqOpen { background: url(../images-spanish/faqaccordion_minus.png) no-repeat 0 29px!important; }
.question { background: url(../images-spanish/faqaccordion_plus.png) no-repeat 0 28px; }
/*GENERIC FAQ PAYMENT END*/

/*GENERIC FAQ PAGE START*/
.faqContent { width: 95%; padding: 10px; border: none; }
.faqContent p { margin-top: 20px; }
.pnmrWrapper .faqDivisionscontent img { width: 35%; float: left; }
.faqDescription { width: 60%; }
.faqDescription p { margin-top: 15px; }
.faqDivisionscontent { width: 100%; float: left; height: 134px; margin-bottom: 30px; }
.faqpageTitle { font-size: 1.4em; font-weight: 400; padding-right: 3%; line-height: 20px; }
.viewFaq { margin-top: 10px; }
/*GENERIC FAQ PAGE END*/

/** Skyblue - compare */
.headTitle { font-size: 1em; padding-left: 0; display: none; }
.accHeader .navSteps { margin-bottom: 20px; }
.accHeader .meterContent { width: 98%; }
.accHeader .navStepsLink li, .meterContent .navStepsLink li { width: 32%; }
.accHeader .navStepsLink li:first-child, .meterContent .navStepsLink li:first-child { width: 24%; }
.accHeader .navStepsLink li:first-child span, .meterContent .navStepsLink li:first-child span { width: 36%; }
.accHeader .navStepsLink li:first-child p, .meterContent .navStepsLink li:first-child p { margin-right: -50%; width: 102px; }
/*.accHeader .navStepsLink li:first-child p { width: 102px; }*/
.pseBlock { margin-left: 10%; width: 80%; }
.blockSolarEnergy { border-left: 1px solid #4F4F4E; margin-top: 16%; }
.vs { bottom: -40px; right: 44%; top: auto; }
.accHeader .buttonBox { margin: 4% 10% 0; width: 81%; }
.accHeader .buttonBox li { float: none; padding: 0 0 4px; text-align: center; }
.accHeader .buttonBox li:first-child { width: auto; }
.skbreview .accHeader .buttonBox { width: 190px; margin: 4% auto; }
.skbreview .accHeader .buttonBox li { float: left; padding: 0 0 4px 10px; text-align: center; }
.skbreview .accHeader .buttonBox li:first-child { padding: 0 0 4px 0; }
.sky-blue-inner .skbcompare .buttonBox li:first-child,.sky-blue-inner .skbcompare .buttonBox li{float:none; clear:both; margin:0 auto;}
/*.accHeader .buttonpb { width: 100%/ *57% * /; }*/
.accHeader + .benefitsHelpBox { padding-top: 20px; }
.accHeader .leftMenu { left: -3px; }
.blockSolarEnergy h4 { padding: 0 0 0 3%; }
.sky-blue-inner .skbreview .buttonBox {width:73%;}
.sky-blue-inner .skbreview .buttonBox li{float:none; display:inline-block;}
/** End Skyblue - compare */

/** Skyblue - review */

/*.skbreview .buttonBox { margin: 0 0 2%; width: 98%; }*/

.skbreview .navStepsLink li p { margin-right: -25%; }
.sky-blue-inner .skbreview .navStepsLink li p { margin-right: -22%; }
/** End Skyblue - review */

/** Skyblue - landing */
.skblanding, .paperlessBill, .unEnrollLanding { margin: 16% 1% 0; width: 98%; }
.skbInfo thead { display: none; }
.skbInfo td { padding: 0; }
.skbInfo td td { padding: 2% 2% 4% 41%; border-bottom: #8C8A86 1px solid; position: relative;}
.skbInfo td td:before { content: attr(data-title); position: absolute; width: 38%; left: 2%; font-weight: bold;}
.skbInfo td td:last-child { border-bottom: none; }
.skbInfo td td:first-child { width: auto; }
.skbInfo td td:nth-child(2) { width: 58%; }
.skbInfo tr:nth-child(2) { background: #e3ddd0; }
/** End Skyblue - landing */

/** Go Paperless */
.paperless h3 { font-size: 1em; }
.paperless .buttonBox { margin: 20px auto 0; width: 38%; }
.paperless .rightFaq { width: auto; }
.paperless .rightFaq ul > li { margin-top: 15px; }
/** End Go Paperless */
	
/** Loggedin drop down menu */
.dpLoggedMenu { float: right; padding: 10px 0; width: auto; }
.dpLoggedMenuBox {/*left:-10px; */ right: 0; top: 20px; }
/** End Loggedin drop down menu */
/* FAQ SECTION */
.rightFaq { width: auto; }
.rightFaq ul > li { margin-top: 15px; }
/* END FAQ SECTION */



/* FORGOT EMAIL */
.forgotEmailInput { margin: 0 0 0 1% }
.forgotEmailTxt { margin: 20px 0/*12px 0 59px 1%*/; font-size: 0.75em }
.forgotEmailInput .label { width: 100% }
.logOutMsg{width:100%;}
.loginHelper { width: 100%; }
.loginHelper .blueLine { margin: 20px 0 0 0 }
.forgotEmailInput .label { margin: 0 4% 0 0 }
.btnSection .buttonGreen { padding: 0 24px }
/*.pnmAcNoPara { width: 100%; margin: 10px 0 0 0; padding-bottom: 0px }*/
.steps li img { width: 50px; margin: 0 0% 0 10%; }
.steps li.divider { width: 16%; margin-left: 0% }
.steps li { width: 66px; }
.steps li p { font-size: 0.6875em }
.steps li.last p { padding-left: 7px }
.steps li p { visibility: hidden }
.steps li.active p { visibility: visible }
.navStepsLink li.lastStep p { margin-right: 0%; width: 42px }
/*Step 2 */
.securityAns p input { width: 275px }
div.step3 label { width: 38% }
div.step3 p { padding-left: 40px; }
.femail_reverseButton ul.buttonBox, .fpass_reverseButton ul.buttonBox { width: 78.5%!important;}
.forgot-email-address .btnSection { margin:0;}
/* FORGOT EMAIL  END*/

/*Forgot password section css starts here */
.emailInputTxt p input { width: 275px }
/*Forgot password section css ends here */

/*CHANGE PASSWORD STARTS*/
.inputRow label { font-size: 0.75em; width: 24%; }
.inputRow p { padding-left: 20px }
.inputRow input { margin-left: 20px }
.newPwdSec p { padding: 0 0 0 20px }
/* CHANGE PASSWORDENDS*/

/* Search Customer section starts here */
.custSearch label { text-align: left; width: auto }
.searchCustomerInput { margin: 23px 0 0 1%; }
.searchCustomerInput .inputRow label { width: 30%; text-align: left; }
.searchCustomerInput .inputRow input { margin-left: 0; }
.searchCustomer .btnSection a { padding: 5px 0 0 25% }
.searchCustomer .message { padding: 24px 0px 24px 72px; }
/* Search Customer section ends here */

/* Search Customer section ends here */

/* Account Landing Page starts here*/
.accountSec { width: 100%; min-height: 0px }
.accLandingAccordion { width: 100% }
.accLandingAccordion table, thead, tbody, th, td, tr { display: block; border-bottom: none; }
.accLandingAccordion thead tr { position: absolute; top: -9999px; left: -9999px; }
.accLandingAccordion .content tr { border: none; }
.accLandingAccordion .content td { border: none; border-bottom: 1px solid #939d9a; position: relative; padding-left: 50%; overflow:hidden; padding-bottom:8%;}
.accLandingAccordion .content td:before { position: absolute; top: 14px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; content: attr(data-title); text-align: left; }
.accLandingAccordion .content td:nth-of-type(1) { text-align: left; }
.accLandingAccordion .content td:nth-of-type(2) { text-align: left; }
.accLandingAccordion .content td:nth-of-type(3) { text-align: left; }
.accLandingAccordion .content td:nth-of-type(4) { text-align: left; }
.accLandingAccordion .content td:nth-of-type(5) { text-align: left; }
.accLandingAccordion .content td:nth-of-type(6) { text-align: left; }
.accLandingRightCol { float: left; background: #E3DFD6; margin-top: 20px; width: 95.5% }
.payBillBtn { padding: 0 10px }
.paginationDiv { padding: 0px }
.paginationDiv ul { margin: 0px }
/*Account Landing Page ends here */

/*Programs & Offers page starts here */
.progDivcontent img { width: 35% }
/* Programs & Offers page ends here */

/* Current Bill page starts here */
.gnfNewDonationAmtStep2 .gnfButtonGreen { padding: 0 3%; margin: -5px 0 0 6%; font-size: 1.167em }
.modifyGnfButtons p.viewCurrBill { margin: 3% 0 3% 3%; }
.powerOutage { margin: 5% 4% 0 4% }
.contactCust { margin: 5% 4% 0 4% }
/* Current Bill page ends here */

/* Previous Bill page starts here */
.viewPrevBill { font-size: 0.75em }
.viewPrevBill a { display: inline-block; margin: 20px 0 0 10px }
/* Previous Bill page ends here */

/*CONTACT US PAGE START*/
.contact-us .contactUsdiv > div {padding-right: 0;}
.contact-us .contactUsdiv .contactUs .width118{width:108px; text-align:center;}
.contactUsdiv .contactUs .acDivBox{width:96px;}
.contactUsdiv .contactUs .acDivBox input { width: 72px; }
.contactUsdiv { width: 100%; border: none; float: left; font-size: 0.9em; }
.contactUsdiv .innerDiv { padding: 10px; }
.reportOutage { height: auto; overflow: hidden; }
.reportOutage h1 { line-height: 25px; margin: 0 3%; padding: 12px 0; border-bottom: solid 1px #000; font-size: 1.3em; }
.reportOutagelink a { color: #008097; font-size: 0.75em; }
.emailUs h1 { font-size: 1.4em; padding: 5px 0; }
.emailUs p { padding: 5px 0; }
.havaQuestion { font-size: 0.825em; }
.emailDropdown .displayBody { width: 250px; padding-left: 0px; float: left; }
.emailDropdown .displayBody fieldset .customStyleSelectBox { width: 70%; }
.emailDropdown .displayBody fieldset .customStyleSelectBox .customStyleSelectBoxInner { width: 100%!important; }
.emailDropdown .displayBody select.contactSelect { width: 82%; left: 0px; top: 28px; }
.contact-us .emailDropdown .displayBody select.contactSelect{width: 82%;left: 0px; top: 33px;}
.emailDropdown .displayBody select.topicSelect { width: 82%; left: 0px; top: 118px; }
.contact-us .emailDropdown .displayBody select.topicSelect { width: 82%; left: 0px; top: 118px; }
.emailDropdown .displayBody fieldset h4 { padding-bottom: 6px; }
.contactInput, .contactAddress { width: 60%; }
.questions { padding: 0; margin-bottom: 30px; width: 256px;/*243900*/}
.questions textarea { height: 108px; overflow-y: scroll; width: 85%; margin-top: 6px; }
.contactUs .acDivBox { width: 16%; }
.contactUsdiv .contactUs .buttonBox { width: auto; }
.bottomCol { margin-left: 1%; width: 99%; }
.bottomCol .headingRight { font-size: 1em; padding-top: 10px; padding-left: 10px; }
.moreFaqs .displayBody { width: 50%; padding-left: 0px; float: left; height: 40px; }
.moreFaqs .displayBody fieldset { float: left; width: 80%; }
.moreFaqs .displayBody fieldset .customStyleSelectBox { width: 80%; }
.moreFaqs .displayBody fieldset .customStyleSelectBox .customStyleSelectBoxInner { width: 100%!important; }
.moreFaqs .displayBody select.faqSelect { width: 70%; left: 0px; top: 5px; height: 20px; }
.moreFaqs .displayBody .go { width: 40px; float: right; margin-top: 5px; }
.moreFaqs .displayBody .buttonGreen { padding: 0 10px; }
.contactUsHelpBox { float: none; margin-left: 10px; padding-top: 10px; width: auto;/*  width: 100%; float: left; margin-left: 10px; */ }
.contactUsdiv .contactPhone input { padding: 0; }
/*CONTACT US PAGE END*/

/*USAGE HISTORY START*/
.electricService h3:first-child { float: left; padding-left: 10%; }
.usageContent { margin-top: 50px; margin-left: 5px; width: 97%; }
.electricService { font-size: 0.75em; }
.retSummary a { color: #008097; padding-top: 20px; font-size: 0.75em; }
.usageContent .tabHolder table, thead, tbody, th, td, tr { display: block; border-bottom: none; }
.usageContent .tabHolder thead tr { position: absolute; top: -9999px; left: -9999px; }
.usageContent .tabHolder .content tr { border: none; }
.usageContent .tabHolder .content td { border: none; border-bottom: 1px solid #939d9a; position: relative; padding-left: 50%; text-align: left; }
.usageContent .tabHolder .content td:before { position: absolute; top: 0; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; content: attr(data-title); text-align: left; }
.usageContent .tabHolder .content td:nth-of-type(1) { text-align: left; }
.usageContent .tabHolder .content td:nth-of-type(2) { text-align: left; }
.usageContent .tabHolder .content td:nth-of-type(3) { text-align: left; }
.usageContent .tabHolder .content td:nth-of-type(4) { text-align: left; }
.usageContent .tabHolder .content td:nth-of-type(5) { text-align: left; }
.usageContent .tabHolder .content td:nth-of-type(6) { text-align: left; }
.usageContent .tabHolder .forGraphLegend .curMonth { background: #c86f09; width: 15px; height: 15px; margin-right: 10px; display: inline-block; margin-left: 0; }
/*USAGE HISTORY END*/

/* PAY ONLINE PAGE */
.smallContainerLeft, .smallContainerRight { width: 99%; margin: 20px auto 0; padding-bottom: 10px; margin-bottom: 30px; }
.bottomInfo { padding: 15px 10px 0; line-height: 2em; }
.smallContainerLeft .buttonGreen, .smallContainerRight .buttonGreen { padding: 0 37px 3px; font-size: 1.2em; margin-top: 10px; }
.smallContainerLeft p { padding: 10px 10px; }
.smallContainerRight p { padding: 7px 10px; }
.smallContainerLeft ul, .smallContainerRight ul { padding: 5px 10px; }
.smallContainerLeft ul.paymentList li, .smallContainerRight ul.paymentList li { padding: 0 0 0 11px; }
.smallContainerLeft { float: none; }
.smallContainerRight { float: none; }
.smallContainerTitle { background-color: #A19F9B; border-bottom: 1px solid #484848; border-top: 1px solid #484848; color: #FFFFFF; font-size: 1.2em; margin: 0 auto 10px; padding: 5% 5%; }
.smallContImg { display: block; width: auto; margin: 0 10px 10px; }
/* END PAY ONLINE PAGE */
/** AP - BP2 */

/* Start Western Union Locations */
.westernUnionLocations .fboxContainer { float: none; width: auto; }
.fboxContainer .faqpageTitle { line-height: 30px; }
.lgdListContainer { float: none; overflow: hidden; width: auto; }
.westernUnionLocations .mapContainer { float: none; }
.mapInfoList { float: none; width: auto; }

/* End Western Union Locations */

/* Start Search An Outage */

/*MAP POP UP*/
.mapPopUp {width: 253px; left: 11%;}
.mapPopUpHeader .mapButtonClose { font-size: 0.75em;}
.mapPopUpHeader h4 { font-size: 0.75em; }
.mapPopUpFooter { padding:2% 4%; font-size:0.75em;}
.mapAlert li.mapDetails { width: 27%; }
.mapLocation { width:34px; height:24px;}
.popUpPointer{top:29px;}
.outagePoint { top: 72%;
left: 19%;}
/* END MAP POP UP*/



.searchAnOutage { padding-right: 0; }
/*.leftBoxContainer {border-right: 0 none; float: none; width: auto;}*/
.reportOutageOnlineBox { padding: 30px 2%; }
.searchAnOutage .zipFindBox .input { width: 69%; }
.mapContainer { margin-top: 30px; padding-right: 0; width: auto; }
.search-an-outage .searchAnOutage .fboxContainer .mapContainer { width:100% !important; }
.startOver { padding-right: 0; }
/*.rightBoxContainer {background-color: #E3DFD6; float: none; padding: 4% 0 0; width: auto;}
.rightBoxContainer .tabsHolder, .rightBoxContainer .reportOutageOnlineBox {margin: 0 2%;}
.rightBoxContainer .blackLine {margin-left: 0;}*/

/*.rightContainerBox {background-color: #E3DFD6; float: none; padding: 4% 0 0; width: auto;}*/
.rightContainerBox .tabsHolder, .rightBoxContainer .reportOutageOnlineBox { margin: 0 2%; }
.rightContainerBox .blackLine { margin-left: 0; }
.tabsHolder .tabs li:after { right: 47%; top: -5px; }
.tabsHolder .tabs li a { display: block; height: auto; padding: 10% 0; }
/* End Search An Outage */

/* Outage feedback Box */
.outageFeedback { margin: 0 1%; }
.outageFeedback .feedBackBox h2 { line-height: 28px; padding-bottom: 20px; }
.outageFeedback .regLeftBox { margin: 0 1%; padding-right: 0; width: 99%; }
.row .radioBox li { float: none; padding: 0 30px 15px 26px; }
.row .radioBox li:last-child { padding: 0 30px 0 26px; }
.row .textarea { width: 98.5%; }
.row .captcha { width: 99%; }
.tmargin { margin-top: 25px; }
/* End Outage feedback Box */

/* Outage Confirmation */
.leftContainerBox { border-right: 0 none; float: none; width: auto; }
.rightContainerBox { background-color: #E3DFD6; float: none; padding-bottom: 20px; padding-left: 0; padding-top: 20px; width: auto; }
.online-account-profile .rightContainerBox, .alerts-and-communication .rightContainerBox,
.mailing-preferences .rightContainerBox, .manage-accounts .rightContainerBox { background-color: #E3DFD6; float: none; padding-bottom: 20px; padding-left: 0; padding-top: 20px; width: auto; border-left:none; margin:0;}
.online-account-profile .leftContainerBox,.alerts-and-communication .leftContainerBox,
.mailing-preferences .leftContainerBox, .manage-accounts .leftContainerBox {
border-right: 0 none; float: none; width: auto; margin: 0; padding: 4% 0 0;
}
.outageConfirm { padding-bottom: 0; padding-right: 0; }
.iBoxLeft, .iBoxRight { float: none; width: auto; }
.outageConfirm .navStepsLink li:first-child { width: 24%; }
.outageConfirm .navStepsLink li span { width: 46%; }
.outageConfirm .navStepsLink li:first-child span { width: 2%; }
.outageConfirm .ocs { min-height: inherit; }
.outageRightBox { float: none; width: auto; padding-top: 0; }
.outageRightBox .blackLine { margin-left: 0; }
.outageRightBox .talkLink { margin-left: 0; }
.osLinks .talkLink li { line-height: 20px; }
.oSafty, .osLinks { margin: 0 1%; overflow: hidden; }
/* End Outage Confirmation */

/* Outage Review */
.outageReview { padding-bottom: 0; padding-right: 0; }
.outageReview .navStepsLink li span { width: 40%; }
.outageReview .navStepsLink li:first-child { width: 24%; }
.outageReview .navStepsLink li:first-child span { width: 2%; }
.previewBox p { float: none; width: auto; }
.previewBox p:first-child { padding-bottom: 10px; }
/* Outage Review */

/* Outage Information */
.outageInfo { padding-right: 0; }
.outageInfo .navStepsLink li span { width: 40%; }
.outageInfo .navStepsLink li:first-child { width: 24%; }
.outageInfo .navStepsLink li:first-child span { width: 24%; }
.outageInfo .navStepsLink li:first-child p { margin-right: -30%; margin-top: 5%; width: 74px; }
.outageInfo .previewBox .row .radioBox { width: 98%; }
.rowPhoneBox, .rowAccountBox { margin-left: 0; width: auto; }
.rowPhoneBox .ssnBox, .rowPhoneBox .fedTxBox { float: left; margin-top: 20px; width: 98%; }
.rowPhoneBox span.d7 { left: 88px; top: 80px; }
.outageInfo .rowSelectBox { width: 98%; }
/* End Outage Information */

/* Outage Landing */
.outageLanding { padding-bottom: 0; padding-right: 0; }
.outageLanding .iBoxELeft, .outageLanding .iBoxLeft, .outageLanding .iBoxRight { float: none; margin-left: 0; width: auto; }
.outageLanding .ocs { min-height: inherit; }
/*.outageLanding .oiSummary {margin-top: 3%;}
.outageLanding .iBoxELeft, .outageLanding .iBoxLeft, .outageLanding .iBoxRight {float: left; padding-bottom: 25px; width: 32%;}
.outageLanding .iBoxRight {float: right;}
.outageLanding .iBoxLeft {margin-left:2%;}
.iBoxELeft .buttonBox {width:170px;}
.outageLanding .ocs {min-height: 210px;}*/
/* End Outage Landing */

/** Unenroll Step2-1 / Step2-2 */
.unEnrollS2 .row { padding-bottom: 10px; }
.buttonLinkBox .butRight { padding-bottom: 15px; }
/** End Unenroll Step2-1 */

/** Unenroll landing */
.accHeader .unEnrollLanding .buttonBox { margin: 10px auto 20px; width: 230px; }
.accHeader .unEnrollLanding .buttonBox li { float: none !important; }
.accHeader .unEnrollLanding .buttonBox li:first-child { margin-bottom: 10px; }
/** Unenroll landing */

/** AP - BP2 END */

.view_stories_area .lft_col { float: none; padding-right: 0; width: auto; }
.view_stories_area .rt_col { float: none; padding-top: 0; width: auto; }
/* BUDGET BILL SECTION */
ul.budgetBillList li.payExtSubList { width: 60%; }
/* END BUDGET BILL SECTION */
/* AUTOMATIC PAYMENT */
.automaticPayment .smallContainerLeft ul, .automaticPayment .smallContainerRight ul { padding: 7px 10px; }
.automaticPayment .smallContainerRight p { padding: 10px 10px; }
.automaticPayment .smallContainerLeft p { padding: 5px 10px; }
/* END AUTOMATIC PAYMENT */

/*MULTIPLE CUSTOMER PAGE*/
.multipleCustomer ul.searchAccount li { float: left; font-size: 0.875em; color: #484747; font-weight: bold; width: 100%; }
/*END MULTIPLE CUSTOMER PAGE*/

/* MY ACCOUNT PROFILE : MY MAILING PREFERENCES TAB*/
.primEmailDiv ul.mailingAdresses li, .primEmailDiv ul.mailingAdresses li:first-child,
.primEmailDiv ul.mailingAdresses li:last-child { width: 98%; }
.primEmailDiv {padding: 0;margin: 0 0 5px;}
.accLandingAccordion .content .tableScrollBody td, .accLandingAccordion .content .tableScrollBody2 td{width:auto!important; text-align:left!important;}
.accLandingAccordion div.content {width: 100%;padding: 0;}
.accLandingAccordion .content table {border:none; }
.inputTip { padding-left: 0;}
.rtrnTxt a { font-size:0.75em;}
.changeMailAddress .meterContent .navStepsLink li:first-child {width: 35%;}
.changeMailAddress .meterContent .navStepsLink li {width: 50%;}
.changeMailAddress .buttonBox { width: 65%;}
.subTblHeader { font-size:0.875em;}
.mailingPrefEditSec .changeMailStep2 fieldset label.marginZero { padding-right:7%;}
.changeMailAddress .changeMailStep2 .buttonBox {
width: 100%;
}
.changeMailAddress .changeMailStep2 .buttonBox li {
padding-right: 3%;
}
.changeMailAddress .changeMailStep2 .buttonBox li:last-child {
padding-right: 0;
}
/* END MY ACCOUNT PROFILE : MY MAILING PREFERENCES TAB*/

@media (max-width: 599px) {
/* REGISTRATION STEP 5 */
.navStepsLink li span { width: 60%; margin-top: -10px; }
.navStepsLink li img { float: right; width: 35px; }
.navStepsLink li:first-child p { margin-right: -50%; }
/* END REGISTRATION STEP 5 */
}
@media (max-width: 580px) {
/* REGISTRATION STEP 5 */
.navStepsLink li span { width: 40%; margin-top: -10px; }
/* END REGISTRATION STEP 5 */
}
 @media (min-width: 568px) {
 .automatic-payment-inner .submitMeter .buttonBox{ width: 78%;}
 /*CSS FOR ACCOUNT DASHBOARD PAGE*/
.accDashB .gnfQuickLinks { margin: 3% 0 0 0;}
.accDashB .gnfQuickLinks ul li:first-child { padding: 5% 0 0;}
.gnfQuickLinks ul li span.gnfEnrollNot { padding-left: 4%;}
.gnfQuickLinks ul li, .gnfQuickLinks li.gnfNameBreak { margin: 0;} 
.payment-extension-inner .submitMeter .buttonBox { width: 77%;}
 /* END CSS FOR ACCOUNT DASHBOARD PAGE*/
 
.accLeft .outageFooter a {margin: 0 2% 0 8%;font-size: 1em;}
.accLeft .outageFooter {width: 70%;}

.popupBox { height:40%;overflow-y:auto;} 
.outagePoint {top: 43%;left: 15%;}
/*MULTIPLE CUSTOMER PAGE*/
.wraper .displayBody ul.addAcountRow select { width: 99%; }
/*END MULTIPLE CUSTOMER PAGE*/
/* BODY SECTION */
.myAccntLeftbox .tabs li { font-size: 0.75em; }
.myAccntLeftbox .tabs li a { padding: 5px 9%; }
.myAccntLeftbox .tabs li.active a { padding: 5px 9%; }
.myAccntLeftbox .tabs li:after { top: 8px; }
.myAccntLeftbox .tabs li.active:before { top: 8px; }
.accProfileHld td table tr { border-bottom: 1px solid #484848; padding: 2% 0; text-align: left; }
.accProfEditSec { position: relative; }
.accProfEditSec select { height: 30px !important; left: 8px; margin: 0; top: 54px; width: 64%; }
.accProfEditSec .customStyleSelectBoxInner { width: 300px !important; }
.displayBody { position: relative; }
.displayBody .customStyleSelectBoxInner { width: 350px !important; }
.displayBody select { height: 38px !important; left: 110px; margin: 5px 0 0; top: 8px; width: 70%; }
.alrtCommPrefHld td table tr { border-bottom: 1px solid #484848; padding: 2% 0; text-align: left; }
.alrtCommPrefEditSec { padding: 0.5em; width: 95%; }
.alrtCommPrefEditSec .btnHldr { float: right; width: 34%; }
.subTblHldr { border: 1px solid #484848; margin: 0 0 10px; width: 99%; }
/*START MY MAILING PREFERENCES TABLE */
.mailingPrefEditSec .customStyleSelectBoxInner { width: 200px !important; }
.changeMailAddress .meterContent .navStepsLink li { width: 36%;}
.changeMailAddress .meterContent .navStepsLink li span { width: 56%;}
.changeMailAddress .meterContent .navStepsLink {margin: 0 auto 0 -27%;}
.mailingPrefEditSec select { bottom: 145px; height: 36px !important; left: 191px; margin: 5px 0 0; width: 44.5%; }
/*END MY MAILING PREFERENCES TABLE */
	/*START MY ACCOUNTS SECTION */
.missingAccBody .addDetails input[type="text"] { width: 30%; }
.missingAccBody .addDetails label { width: 30%; text-align: left; }
/*END MY ACCOUNTS SECTION */
	/*MODIFY GOOD NEIGHBOR FUND */
.gnfFunds .modifygnfFunds p.gnfNewDonation { width: 35%; font-size: 0.813em; }
.gnfFunds .modifygnfFunds p.gnfNewDonationTxt { width: 36%; }
p.gnfNewDonationTxt { width: 39%; }
/* END MODIFY GOOD NEIGHBOR FUND */
	
	/* END BODY SECTION */
		
	/* REGISTRATION STEP 5 */
.successDiv { margin: 0 0 3% 0%; }
.regLeftBox { min-height: 0px; }
.regForm2 select {
width: 48% !important;
}
/* END REGISTRATION STEP 5 */
	
	/** Skyblue - landing */
.skblanding { margin: 10% 0 0; }
/** End Skyblue - landing */
	/* ACCOUNT DASHBOARD PAGE SECTION */
.accNotice span { font-size: 0.75em; width: 21%; }
/* END ACCOUNT DASHBOARD PAGE SECTION */
	/*USAGE HISTORY START*/

.usageContent { margin-top: 50px; margin-left: 5px; width: 97%; }
.usageContent .tabHolder { padding-left: 5px; font-size: 0.9em; }
/*USAGE HISTORY END*/
	
	/*CONTACT US START*/
.reportOutage h1 { line-height: 2em; }
/*CONTACT US END*/
	/*2nd outage alert*/
.accInnerRight .outageFooter a { font-size: 0.75em; margin: 0 14% 0 14% !important; }
.accInnerRight .outageFooter .footerLink { float: right; }
/*2nd outage alert*/
	
	/*AUTOMATIC PAYMENT STEPS*/
.bankInfoList li.helpMeTitle { width: 22%; padding: 3% 0 0; clear:right;}
/*END AUTOMATIC PAYMENT STEPS*/
}
@media (min-width: 540px) {
/* REGISTRATION STEP 5 */
.headTitle { font-size: 1.2em; }
.navStepsLink li p { margin-right: -38%; }
.navStepsLink li:first-child p { margin-right: -66%; }
/* END REGISTRATION STEP 5 */
	/*START MY ACCOUNTS SECTION */
.missingAccBody .addDetails input[type="text"] { width: 30%; }
.missingAccBody .addDetails label { width: 30%; text-align: left; }
/*END MY ACCOUNTS SECTION */
}
 @media (width: 533px) {
 .popupBox { height:40%;overflow-y:auto; background:none;} 

/** Tabs */
.tabsHolder .tabs li:after { right: 48.5%; }
.tabsHolder .tabs li a { padding: 6% 0; }
/** End Tabs */


/* REGISTRATION STEP 5*/
.successDiv { margin: 0 0 3% 0%; }
/* END REGISTRATION STEP 5 */
	/*TAB SECTION START*/
.myAccntLeftbox .tabs li a { padding: 5px 7%; }
.myAccntLeftbox .tabs li.active a { padding: 5px 7%; }
.myAccntLeftbox .tabs li:after { top: 8px; }
.myAccntLeftbox .tabs li.active:before { top: 8px; }
/*TAB SECTION END*/
	/*MY ALERT BUTTON SECTION START*/
.alrtCommPrefEditSec .btnHldr { float: right; width: 35%; }
/*MY ALERT BUTTON SECTION END*/
	/*START MY ACCOUNTS SECTION */
.missingAccBody .addDetails input[type="text"] { width: 30%; }
.missingAccBody .addDetails label { width: 30%; text-align: left; }
/*END MY ACCOUNTS SECTION */
	
		/** Skyblue - compare */
.accHeader .vs { bottom: -60px; right: 44%; top: auto; }
.accHeader .navStepsLink li:first-child p { margin-top: 8%; margin-right: -30%; }
.outageInfo .navStepsLink li:first-child p { margin-right: -40%; margin-top: 30%; }
/** End Skyblue - compare */
}
@media (min-width: 520px) {
/* REGISTRATION STEP 5 */
.navStepsLink li span { width: 50%; margin-top: -10px; }
.navStepsLink li:first-child { width: 15%; }
/*.navStepsLink li p { margin-right: -30%; }*/
	
	/* END REGISTRATION STEP 5 */
	
/*MULTIPLE CUSTOMER PAGE*/
.displayBody ul.addAcountRow select { margin: -1px 0 0; width: 82%; }
/* END MULTIPLE CUSTOMER PAGE*/
}
@media (max-width: 460px) {
/* REGISTRATION STEP 5 */
.navStepsLink li span { width: 37%; margin: -10px 0 1 5%; }
.navStepsLink li { width: 21%; }
.navStepsLink li:first-child { width: 14%; }
.navStepsLink li p { width: 64px; margin-right: -20%;}
.navStepsLink li:first-child p { margin-right: -24%; }
.registration .navStepsLink li:first-child p { margin-right: -40%; }
/** Steps - AP */
.navStepsLink li span { width: 26%; margin: -10px 0 1 5%; }
/** End Steps - AP */
	
	/* END REGISTRATION STEP 5 */
	
	
	/*USAGE HISTORY START*/
	
.usageContent .tabs li { width: 110px; }
.usageContent .tabHolder { font-size: 0.8em; }
.usageLinks { font-size: 0.85em; }
.electricService { height: 50px; line-height: 20px; }
.electricService h3 { width: 42%; }
.usage-history .electricService h3 {width: 42%; font-size: 1.196em; margin-top: 14px;}
.usage-history .electricService { line-height: 14px;}
.electricService span {/*color: #e80000;*/font-weight: normal;}
/*USAGE HISTORY END*/
}
@media (min-width: 480px) {

/*SUCCESS-MSG*/
.successImage {padding-right: 6px; width:12%; }
/*END SUCCESS-MSG*/

.accHeader .navStepsLink li:first-child p { margin-right: -38%; margin-top: 0; }
.vs { bottom: -52px; }
.benefitsHelpBox { margin-top: 20px;/* width: 96%; */ }
/*.regButton {padding: 20px 0 4px !important;}*/

/*MULTIPLE CUSTOMER PAGE*/
.multipleCustomer ul.searchAccount li a { float: none; }
ul.addAcountRow li:first-child { width: 67%; margin-left: 2%; }
.displayBody ul.addAcountRow select { margin: 10px 0 0; }
ul.addAcountRow li:last-child { margin-left: 0; width: 26%; margin-top: 18px; }
.multipleCustomer ul.searchAccount li input { width: 180px; }
/*END MULTIPLE CUSTOMER PAGE*/



	
.meterReadLanding .buttonBox { width: 44%; }
.meterContent .navStepsLink li span { width: 60%; }
/* REGISTRATION STEP */
.talkLink { margin-left: 4%; margin-top: 4px; }
.navStepsLink li:first-child p { margin-right: -60%; margin-top: 35%; }
/* END REGISTRATION STEP */
		
	/* REGISTRATION STEP 5*/
.successMessage { padding-left: 16%; }
.successDiv { margin: 0 0 3% 0%; }
/*.regLeftBox { min-height: 0; padding-bottom: 20px;}*/
	/* END REGISTRATION STEP 5 */	
	
	/* BODY SECTION */
.myAccntLeftbox .tabs li { font-size: 0.75em; }
/* END BODY SECTION */
	
	/* SUBMIT METER READ STEPS SECTION START*/
.stepsSubmitMR ul li span { margin: -3% 0 0 7%; }
/* END SUBMIT METER READ STEPS SECTION */
	/* GOOD NEIGHBOR FUND START*/
.gnfSteps ul li span { margin: -6% 0 0 7%; }
.gnfFunds .navStepsLink li span { width: 60%; }
.gnfFunds .navStepsLink li:first-child p { margin-top: 10%; }
.gnfFunds .modifygnfFunds p.gnfNewDonation { width: 25%; font-size: 0.813em; }
.gnfFunds .modifygnfFunds p.gnfNewDonationTxt { width: 38%; }
p.gnfNewDonationTxt { width: 46%; }
.accNotice span { width: 21%; }
/* END GOOD NEIGHBOR FUND */
	
	/*START MY ACCOUNTS SECTION */
.missingAccBody .addDetails input[type="text"] { width: 30%; }
.missingAccBody .addDetails label { width: 30%; text-align: left; }
/*END MY ACCOUNTS SECTION */
	
	/** Steps - AP */
.navStepsLink li p { margin-right: -20%; }
/** End Steps - AP */
		
.submitMeter .buttonBox, .meterReadLanding .buttonBox { width: 42%; }
.accRight .buttonBox { width: 48%; }
.meterContent .navStepsLink li:first-child p { margin-right: -28%; margin-top: 8%;}
.meterContent .gnfSteps .navStepsLink li:first-child p {margin-top: 2%;}
.regButton { width: 360px; }
.tabsHolder .tabs li:after { right: 48%; top: 0; }
.tabsHolder .tabs li a { padding: 8% 0; }
/*PAYMENT MORE WAYS PAGE*/
.paymentTable .content td { padding: 8% 0 4% 2%; }
/*PAYMENT MORE WAYS PAGE END*/
	/* PAY ONLINE PAGE */
	/*2nd outage alert*/
.accInnerRight .outageFooter a { font-size: 0.75em; margin: 0 12% 0 12%; }
/*2nd outage alert*/
.smallContainerLeft, .smallContainerRight { max-width: 254px; width: 48%; margin-top: 20px; border-bottom: 1px solid #484848; border-left: 1px solid #484848; border-right: 1px solid #484848; padding-bottom: 10px; }
.smallContainerLeft .buttonGreen, .smallContainerRight .buttonGreen { padding: 0 37px 3px; font-size: 1.2em; margin-top: 10px; }
.smallContainerLeft ul, .smallContainerRight ul { padding: 5px 10px; width: auto; }
.smallContainerTitle { background-color: #A19F9B; border-bottom: 1px solid #484848; border-top: 1px solid #484848; color: #FFFFFF; font-size: 1.2em; margin: 0 auto 10px; padding: 5% 5%; }
.smallContainerLeft { float: left; }
.smallContainerRight { float: right; }
/* PAY ONLINE PAGE */
	/*PAYMENT PAY BILL*/
.or { bottom: -52px; }
/*PAYMENT PAY BILL END*/
		/* AUTOMATIC PAYMENT */
.automaticPayment .smallContainerLeft ul, .automaticPayment .smallContainerRight ul { padding: 9px 10px; }
.automaticPayment .smallContainerRight p { padding: 5px 10px; }
.automaticPayment .smallContainerLeft p { padding: 8px 10px; }
/* END AUTOMATIC PAYMENT */
	/*AUTOMATIC PAYMENT STEPS*/
.automaticPay .navSteps .navStepsLink li span { width: 51%; }
/*END AUTOMATIC PAYMENT STEPS*/

/* TOP SOCIAL LINKS */
.copyRightTalk .termsLink li { padding: 0 8px; }
.termsLink li:last-child { padding: 0 0px 0 8px; }
/* END TOP SOCIAL LINKS */

/* Fix from Defect ID:777 */
.payment-extension-inner .submitMeter .buttonBox, .automatic-payment-inner .submitMeter .buttonBox, .submitMeter .buttonBox{width:77%;}
.sky-blue-inner .seSelectBox select { width:157px; }
}
@media (min-width: 349px) and (max-width: 479px) {
/* TOP SOCIAL LINKS */
.talkLink { margin-left: 1.5%; margin-top: 4px; width: 65%; }
/* END TOP SOCIAL LINKS */
	/* SUBMIT METER READ STEPS SECTION START*/
.stepsSubmitMR ul li span { margin: -6% 0 0 7%; }
/* END SUBMIT METER READ STEPS SECTION */
	/* GOOD NEIGHBOR FUND START*/
.gnfSteps ul li span { margin: -6% 0 0 7%; }
/* END GOOD NEIGHBOR FUND */
/*SKY BLUT COMPARE*/
.skbInfo td td { padding: 2% 2% 8% 41%; border-bottom: #8C8A86 1px solid; position: relative;}
/* END SKY BLUT COMPARE*/
}
@media (max-width: 368px) {
/* REGISTRATION STEP 2 */
.reviewDropdown li { display: inline-block; width: 100%; }
.inputBox li input { width: 75%; }
.inputBox li { display: inline-block; width: 30%; }
.dob li { display: inline-block; width: 30%; }
.secdropDown { min-width: 65%; }
/* END REGISTRATION STEP 2 */
	/*GENERIC FAQ PAGE START*/
	
.pnmrWrapper .faqDivisionscontent img { width: 50%; float: left; }
.faqDescription { float: right; width: 45%; }
/*GENERIC FAQ PAGE END*/
	
/*CONTACT US PAGE START*/
.moreFaqs .displayBody select.faqSelect { width: 74%; left: 0px; /*top: -16px;*/ height: 20px; }
.emailDropdown .displayBody select.contactSelect { width: 82%; left: 0px; top: 33px; }
.emailDropdown .displayBody select.topicSelect { width: 82%; left: 0px; top: 118px; }
.contactPhone input { width: 20.8%; }
.contactUs .acDivBox { width: 30%; }
.moreFaqs .displayBody { width: 70%; padding-left: 0px; float: left; height: 40px; }
/*CONTACT US PAGE END*/
	/*USAGE HISTORY PAGE*/
.electricService { width: 97.4%; }
.usageLinks { font-size: 0.9em; }
/*USAGE HISTORY PAGE END*/
	/*FAQ SECTION*/
	/*.accHeader { margin-bottom: 20px; }*/
	/*END FAQ SECTION*/
	/*GENERIC SEARCH PAGE START*/
.searchLinks { float: left; }
/*GENERIC SEARCH PAGE END*/
.sky-blue-inner .skbreview .navStepsLink li p{ margin-right:-17%; }
.sky-blue-inner .seSelectBox select { width:120px !important; }
}
@media (max-width: 450px) {
/*Programs & Offers page */
.progDivcontent img { width: 45% }
.offerDesc { width: 50% }
.bill-summary .popupBox .popupContainer { height:176px; } 
/*Programs & Offers page */
}
@media (min-width: 568px) {
/** Outage Tabs */
.tabsHolder .tabs li:after { right: 48.3%; top: -5px; }
.tabsHolder .tabs li a { padding: 6% 0; }
.tabsHolder .tabContHolder { padding: 4% 6%; }
/** End Outage Tabs */
.outageInfo .navStepsLink li:first-child span { width: 40%; }
/* AUTOMATIC PAYMENT */
.automaticPayment .smallContainerLeft ul, .automaticPayment .smallContainerRight ul { padding: 7px 10px; }
.automaticPayment .smallContainerRight p { padding: 10px 10px; }
.automaticPayment .smallContainerLeft p { padding: 5px 10px; }
/* END AUTOMATIC PAYMENT */

 /*SUCCESS-MSG*/
.successImage {padding-right: 6px; width:11%; }
/*END SUCCESS-MSG*/
}
/* user migration slide18 */
.migrationUserDataTableVerify .content td:before{word-spacing:normal;word-wrap:break-word;}
.migrationUserDataTableVerify .missingAccBody select{width:149px;}
.migrationUserDataTableVerify .missingAccBody .customStyleSelectBoxInner{width:125px !important;text-indent:-8px;}
.migrationUserDataTableVerify .missingAccBody .selectAccnt{padding:0;margin:-4px 0 0;}
.migrationUserDataTableVerify .missingAccBody .selectAccnt li.group{width:100%;padding:5% 2%;}
.migrationUserDataTableVerify .missingAccBody .selectAccnt li.bussinessPhoneControl{position: relative;width: 400px;margin-left: -156px;}
.migrationUserDataTableVerify .checkBox{padding:0;margin:4px 0px 0px 15px;}
.migrationUserDataTableVerify .content td:not([data-title]) {padding-left:10px;color:red;}
.migrationUserDataTableVerify .accLandingAccordion .content td:not([data-title]) {padding-left:55%;color:red;}
@media (max-width: 568px)and (orientation:landscape) {
   .migrationUserDataTableVerify .missingAccBody .selectAccnt li.bussinessPhoneControl{position: relative;width: 400px;margin-left: -192px;} 
   .gnfFundSteps .navStepsLink li:last-child p { margin-right: -21%; }
   .sky-blue-inner .skbreview .navStepsLink li p{ margin-right:-19%; }
   .sky-blue-inner .seSelectBox select { width:176px; }
}

/* Fix for Defect ID:98 - for good-neighbor-fund.html */
.good-neighbor-fund .outageLanding .ocs{min-height:0}
.good-neighbor-fund .benefitsHelpBox .smallParaDiv{margin-top:25px;margin-left:-1%}

/* Fix for Defect ID:707 */
.add-new-account .navStepsLink li{width:21%}
.add-new-account .navStepsLink li:last-child p{margin-right: -24%;}
/*Alert Message Start*/
.popup-alert-notice, .popup-alert-warning{width:85% !important; padding:0 5% 0 8% !important; }
/*Alert Message End*/
.mainNavigation>ul>li {position:relative;}
.mainNavigation>ul>li>span{position: absolute;width: 54px;height: 42px;right: 0px;top: 0px;z-index: 9999; cursor:pointer;}
.skbcompare .buttonpb .orBox{ font-weight: bold; display: block; }
.account-summary .accRight .buttonBox { width: auto; }
.sky-blue-inner .pbeBox .seSelectBox { width:33.2439% !important; }
.bill-summary .popupBox .popupHeader .faqpaymentTitle{ font-size: 1em !important; font-weight:bold !important; }
.online-account-profile-content .phone-number.other-phone-number{width: 100%; margin-left: 0 !important;}
.online-account-profile-content .phone-number.other-phone-number>a {padding: 5px 0 0 0;}
.newPnmLoginInfo div.content{border:none}
.newPnmLoginInfo .tableScrollBox1 {border: 1px solid #474747;}