/* BASE CSS */

html,
body {
    height: 100%;
}
.pnmrWrapper {
    color: #484747;
    font-family: arial, verdana, sans-serif;
    line-height: 18px;
    font-weight: normal;
    -webkit-text-size-adjust: none;
    text-align: left;
}
.pnmrWrapper table {
    border-collapse: collapse;
    border-spacing: 0;
}
.pnmrWrapper ol,
.pnmrWrapper ul {
    list-style: none;
}
.pnmrWrapper blockquote {
    quotes: none;
}
.pnmrWrapper blockquote:before,
.pnmrWrapper blockquote:after {
    content: '';
    content: none;
}
.pnmrWrapper a {
    color: #008097;
    text-decoration: none;
    outline: none;
}
.pnmrWrapper a:hover {
    text-decoration: underline;
}
.pnmrWrapper img {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}
.mapInnerContainer img {
    max-width: none !important;
}
.wordWrap {
    word-wrap: break-word;
}
.wordBreak {
    word-break: break-all;
}
.bg {
    background-color: #F00;
}
.bg1 {
    background-color: #063;
}
.bg2 {
    background-color: #09C;
}
.whitebg {
    background-color: #FFFFFF;
}
.none {
    display: none;
    visibility: hidden !important;
}
.fleft {
    float: left !important;
}
.fright {
    float: right !important;
}
.contact-us .contactUsdiv .contactUs .width118 {
    width: 118px;
}
.width80 {
    width: 80px;
}
.width30 {
    width: 30px;
}
.marleft,
.marleft15 {
    margin-left: 15px !important;
}
.marleft10 {
    margin-left: 10px !important;
}
.minh130 {
    min-height: 130px !important;
}
.margbot4 {
    margin-bottom: 4px !important;
}
.margbot12 {
    margin-bottom: 12px !important;
}
.margtop20 {
    margin-top: 20px !important;
}
.margbottom20 {
    margin-bottom: 20px !important;
}
.margtop25 {
    margin-top: 25px !important;
}
.margtop30 {
    margin-top: 30px !important;
}
.margBottom30 {
    margin-bottom: 30px !important;
}
.marginBottom12 {
    margin-bottom: 12px !important;
}
.margtop10 {
    margin-top: 10px !important;
}
.margtop12 {
    margin-top: 12px !important;
}
.width26 {
    width: 26% !important;
}
.margtop40 {
    margin-top: 40px !important;
}
.marginBottom40 {
    margin-bottom: 40px !important;
}
.paddingBottom10 {
    padding-bottom: 10% !important;
}
.paddingBottom5 {
    padding-bottom: 5% !important;
}
.paddingLeft10 {
    padding-left: 10px !important;
}
.lineHeight20 {
    line-height: 29px !important;
}
/*GLOBAL STYLE START*/

.floatLeft {
    float: left !important;
}
.floatRight {
    float: right !important;
}
.floatCenter {
    margin: 0 auto !important;
}
.floatNone {
    float: none !important;
}
.alignLeft {
    text-align: left !important;
}
.alignCenter {
    text-align: center !important;
}
.alignRight {
    text-align: right;
}
.clearFloat {
    clear: both;
    overflow: hidden;
}
.marginZero {
    margin: 0 !important;
}
.paddingZero {
    padding: 0 !important;
}
.marginPaddingZero {
    margin: 0;
    padding: 0;
}
.paddingTopZero {
    padding-top: 0 !important;
}
.paddingRightZero {
    padding-right: 0 !important;
    ;
}
.paddingBottomZero {
    padding-bottom: 0 !important;
}
.paddingLeftZero {
    padding-left: 0;
}
.marginTopZero {
    margin-top: 0 !important;
}
.marginRightZero {
    margin-right: 0 !important;
}
.marginBottomZero {
    margin-bottom: 0 !important;
}
.marginLeftZero {
    margin-left: 0 !important;
}
.fullContainer {
    width: 100%;
    margin: 0 auto;
}
.width100Pt {
    width: 100% !important;
}
.width50Pt {
    width: 50% !important;
}
.widthAuto {
    width: auto !important;
}
.autoWidthBt {
    width: auto !important;
    display: inline-block !important;
    float: none !important;
}
.noMinHeight {
    min-height: 0px;
    /* changes for dx7 */
    
    width: 68%;
    margin-right: 25px;
    /* changes for dx7 */
}
.positionRelative {
    position: relative;
}
.noTopBorder {
    border-top: none !important;
}
.noBorder {
    border: none !important;
}
.displayBlock {
    display: block !important;
}
.inlineBlock {
    display: inline-block !important;
}
.disableInput {
    border: none !important;
    background: none;
}
.redText {
    color: #e80000 !important;
}
.blueText {
    color: #008097 !important;
}
.greenText {
    color: #008000 !important;
}
.boldText {
    font-weight: bold !important;
}
.normalText {
    font-weight: normal !important;
}
.marginRight1 {
    margin-right: 1% !important;
}
.smallParagraph {
    padding: 7% 3%;
}
.inputTip {
    display: block;
    font-weight: normal;
    clear: both;
    padding-left: 12px;
}
.inputBox li input.placeHolderTxt {
    color: #a9a9a9 !important;
    font-size: 0.75em;
}
/*GLOBAL STYLE END*/
/* Clear float */

.clearfix,
.clear {
    clear: both;
}
.clearfix:after {
    content: '.';
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}
/* Clear float */

.wraper {
    margin: 0 auto;
    width: 980px;
}
/** Header Section */

.headerLogo {
    float: left;
    width: 100%;
}
.logo {
    float: left;
    margin-top: 20px;
    width: 12.24489795918367%;
}
.topNav {
    float: left;
    margin-left: 1.063829787234043%;
    width: 41%;
}
.headerMenu {
    float: right;
    width: 87.75510204081633%;
}
/* Main Navigation */

.mainNavigation {
    float: right;
    padding: 5px 5px 0 0;
    position: relative;
}
.mainNavigation div.serviceLabel {
    background: #e3ddd0 url(../images/menucnr.jpg) 0 0 no-repeat;
    float: left;
    font-size: 0.750em;
    padding: 14px 6px 15px 52px;
    margin-top: 4px;
}
.mainNavigation div.serviceLabel small {
    font-size: 1.6em;
    color: #f2eee5;
    display: inline-block;
    padding: 0 0 0 2px;
}
.mainNavigation ul {
    float: left;
}
.mainNavigation ul li {
    float: left;
}
/* normal state */

.mainNavigation ul li a:link,
.mainNavigation ul li a:visited {
    position: relative;
    display: block;
    padding: 4px 15px 0 16px;
    color: #484747;
    margin: 0 -20px 0 -18px;
}
.mainNavigation ul li a:link span,
.mainNavigation ul li a:visited span {
    display: block;
    background-color: #e3ddd0;
    font-size: 1.125em;
    color: #484747;
    padding: 16px 18px 16px 13px;
}
.mainNavigation ul li a:hover {
    color: #015772;
    text-decoration: none;
}
.mainNavigation ul li a:hover span {
    color: #015772;
}
/* different bg color for links */

.mainNavigation ul li.white a:link span,
.mainNavigation ul li.white a:visited span {
    background-color: #ffffff;
}
.mainNavigation ul li.loggedin a:link span,
.mainNavigation ul li.loggedin a:visited span {
    background-color: #f0b877;
}
/* selected state */

.mainNavigation ul li a.selected:link,
.mainNavigation ul li a.selected:visited,
.mainNavigation ul li a.selected:hover {
    padding: 0 0 0 27px;
    background: transparent url('../images/nav_selected_left_curve.png') 0 0 no-repeat;
    z-index: 99;
}
.mainNavigation ul li a.selected:link span,
.mainNavigation ul li a.selected:visited span,
.mainNavigation ul li a.selected:hover span {
    background: transparent url('../images/nav_selected_right_curve.png') 100% 0 no-repeat;
    padding: 20px 35px 16px 0;
}
/* sub navigation */

.mainNavigation ul li div {
    position: absolute;
    z-index: 1000;
    display: none;
    background: transparent url('../images/up_arrow.png') 20% 0 no-repeat;
    padding: 12px 0 0;
    margin: -12px 0 0;
}
.mainNavigation ul li.last div {
    background-position: 80% 0;
    right: 0;
}
.mainNavigation ul li ul {
    float: none;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 1px solid #FFFFFF;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 2px 3px 4px #9B9D9E;
    -moz-box-shadow: 2px 3px 4px #9B9D9E;
    box-shadow: 2px 3px 4px #9B9D9E;
    background: #f7f5f0;
    /* Old browsers */
    
    background: -moz-linear-gradient(top, #f7f5f0 0%, #e3ddd1 100%);
    /* FF3.6+ */
    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f5f0), color-stop(100%, #e3ddd1));
    /* Chrome,Safari4+ */
    
    background: -webkit-linear-gradient(top, #f7f5f0 0%, #e3ddd1 100%);
    /* Chrome10+,Safari5.1+ */
    
    background: -o-linear-gradient(top, #f7f5f0 0%, #e3ddd1 100%);
    /* Opera 11.10+ */
    
    background: -ms-linear-gradient(top, #f7f5f0 0%, #e3ddd1 100%);
    /* IE10+ */
    
    background: linear-gradient(to bottom, #f7f5f0 0%, #e3ddd1 100%);
    /* W3C */
    
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f7f5f0', endColorstr='#e3ddd1', GradientType=0);
    /* IE6-9 */
}
.mainNavigation ul li ul li {
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #D1CFCC;
    float: none;
    font-size: 0.875em;
    display: block;
    padding: 0;
}
.mainNavigation ul li ul li a:link,
.mainNavigation ul li ul li a:visited,
.mainNavigation ul li ul li a:hover {
    padding: 6px 12px;
    margin: 0 !important;
}
.mMenuLink {
    background: url(../images/dropmenu.png) 0 0 no-repeat;
    width: 42px;
    height: 35px;
    margin-top: 2px;
    display: none;
    cursor: pointer;
}
.topNavContainer {
    float: right;
    padding-top: 10px;
    position: relative;
}
.mdpMenuIcon {
    background: url(../images/dropmenu.png) 0 0 no-repeat;
    width: 42px;
    height: 35px;
    margin-top: 1px;
    display: none;
    cursor: pointer;
}
.headerMenuTab {
    background: url(../images/menucnr.jpg) no-repeat 0 0 #e3ddd0;
    height: 49px;
}
.headerMenuTab li {
    float: left;
    font-size: 1.125em;
    line-height: 49px;
}
.headerMenuTab li a {
    color: #484747;
    display: block;
    padding: 0 14px;
}
.headerMenuTab li a:hover {
    color: #015772;
    text-decoration: none;
}
.headerMenuTab li.serviceFor {
    font-size: 0.75em;
    background: url(../images/menucnr.jpg) no-repeat 0 0, url(../images/pipe.jpg) no-repeat 100% 50% #e3ddd0;
    padding-left: 48px;
    padding-right: 8px;
}
.searchBox {
    float: right;
}
.findIcon {
    background: url(../images/search_icon_m.png) 0 0 no-repeat;
    width: 42px;
    height: 35px;
    display: none;
    margin-top: 1px;
    cursor: pointer;
}
.crossIcon {
    /*background-position:-23px 0;*/
}
.termsLink {
    float: left;
    padding: 15px 0 0 28px;
}
.termsLink li {
    float: left;
    background: url(../images/pipe_black.jpg) no-repeat 100% 50%;
    padding: 0 8px;
    font-size: 0.75em;
    line-height: 20px;
}
.termsLink li:last-child {
    padding: 0 8px;
    background: 0 none;
}
/** .termsLink li:first-child + li + li + li {
       padding: 0 8px; 
       background: 0 none;
}
*/

.termsLink li a {
    color: #484747;
}
/** Social Links */

.talkLink {
    float: left;
    margin-top: 6px;
    margin-left: 0;
}
.talkLink li {
    float: left;
}
.talkLink li a {
    background: url(../images/icons.png) 0 -31px no-repeat;
    float: left;
    margin-right: 4px;
    height: 39px;
    width: 39px;
    font-size: 0;
    line-height: 0;
    text-indent: -999;
    display: block;
}
.talkLink li a.talkToUs {
    height: 33px;
    margin-top: 4px;
    width: 132px;
}
.talkLink li a.pnmCom {
    background-position: 0 -64px;
}
.talkLink li a.twitter {
    background-position: -39px -64px;
}
.talkLink li a.facebook {
    background-position: -78px -64px;
}
.copyRightTalk .talkLink li a {
    background: url(../images/icons.png) 0 0 no-repeat;
    float: left;
    margin-right: 4px;
    height: 39px;
    width: 39px;
    font-size: 0;
    line-height: 0;
    text-indent: -999;
    display: block;
}
.copyRightTalk .talkLink li a.talkToUs {
    height: 31px;
    width:
    /*132px*/
    
    130px;
}
.copyRightTalk .talkLink li a.pnmCom {
    background-position: 0 -103px;
}
.copyRightTalk .talkLink li a.twitter {
    background-position: -39px -103px;
}
.copyRightTalk .talkLink li a.facebook {
    background-position: -78px -103px;
}
.copyRightTalk .talkLink li a.youtube {
    background-position: -117px -103px;
}
.flogo {
    float: right;
    margin-right: 22px;
}
/** End Social Links */

.postForm {
    background-color: #FFFFFF;
    border-color: #A5A39D #A5A39D #CDCAC5;
    border-style: solid;
    border-width: 1px;
    float: right;
    margin-top: 13px;
    padding: 0 0 0 6px;
}
.searchInput {
    border: 0 none;
    color: #303030;
    float: left;
    height: 22px;
    width: 194px;
    /* DXP Changes */
    
    font: 13.3333px Arial !important;
    /* DXP Changes */
}
.searchButton {
    background: url(../images/search_icon.jpg) no-repeat scroll 50% 50% transparent;
    border: 0 none;
    cursor: pointer;
    cursor: hand;
    float: left;
    height: 20px;
    margin-top: 1px;
    width: 21px;
}
.headerBreadcrum {
    background-color: #DAD3C3;
    border-bottom: 1px solid #827F79;
    float: left;
    /*margin-bottom: 20px; */
    width: 100%;
    /* DXP Changes */
    min-height: 60.31px;
    /* DXP Changes */
}
.headTitle {
    float: left;
    font-size: 1.5em;
    font-weight: bold;
    /* line-height: 50px;*/
    
    padding: 1.7% 0;
}
.headTitle a {
    color: #484747;
    text-decoration: none;
}
.footerCntainer {
    background: url(../images/fbg.jpg) repeat-x bottom left #0792ab;
    float: left;
    min-height: 501px;
    width: 100%;
    margin-top: 20px;
}
.bodyContainer {
    float: left;
    min-height: 300px;
    width: 100%;
}
/** Footer Section */

.footerTitle {
    font-size: 1em;
    font-weight: bold;
    line-height: 51px;
    text-align: right;
    color: #FFFFFF;
    padding-right: 3.061224489795918%;
}
.footerLinkBox {
    border-top: 1px solid #49a7b6;
    border-bottom: 1px solid #49a7b6;
}
.footerLinkMenu {
    border-bottom: 1px solid #49a7b6;
    margin-bottom: 6px;
    overflow: hidden;
}
.footerLinkMenu>li {
    float: left;
    border-right: 1px solid #49a7b6;
    width: 14.28571428571429%;
    /* DXP changes  */
    
    margin-left: 2.1%;
    min-height: 250px;
    color: #FFFFFF;
    padding-right: 2px;
}
.footerLinkMenu>li:last-child {
    border-right: 0 none;
}
.fLinkAnchor li {
    padding-bottom: 10px;
    font-size: 0.75em;
}
.fLinkAnchor li a {
    color: #FFFFFF;
}
.footerLinkMenu>li h3 {
    margin-top: 25px;
    margin-bottom: 25px;
    padding-bottom: 0;
    font-weight: bold;
    font-size: 1em;
}
.footerCopyrightBox {
    padding-top: 35px;
    color: #FFFFFF;
    overflow: hidden;
}
.copyRightTalk {
    float: left;
    width:
    /*83.6734693877551%*/
    
    84.673469%;
}
.copyRightLogo {
    float: right;
    width: 13.326531%;
}
.copyrightText {
    float: left;
    font-size: 0.625em;
    padding: 42px 0 0 0;
}
.copyRightTalk .termsLink {
    float: left;
    padding: 41px 0 0;
    margin: 0 10px 0 12px;
}
.copyRightTalk .termsLink li {
    float: left;
    background: url(../images/pipe_blue.jpg) no-repeat 0 50%;
    padding: 0 8px;
    line-height: 20px;
}
.copyRightTalk .termsLink li.first {
    padding: 0 8px 0 0;
    background: 0 none;
}
.copyRightTalk .termsLink li a {
    color: #FFFFFF;
}
.copyRightTalk .talkLink {
    margin-top: 28px;
    width: 230px;
}
/*Modal popup CSS*/

.hider {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0.5;
    -ms-filter: alpha(opacity 50);
    filter: alpha(opacity 50);
    background-color: #000;
    clear: both;
    overflow: hidden;
    height: 100%;
    display: none;
    z-index: 1001;
}
.popupBox {
    position: fixed;
    display: none;
    width: 70%;
    /*height: 80%;*/
    
    top: 10%;
    left: 15%;
    background: #f2eee5;
    -webkit-box-shadow: 3px 15px 17px rgba(50, 50, 50, 0.7);
    -moz-box-shadow: 3px 15px 17px rgba(50, 50, 50, 0.7);
    box-shadow: 3px 15px 17px rgba(50, 50, 50, 0.7);
    z-index: 1002;
}
.buttonClose {
    background: url(../images/cross.png) no-repeat scroll 100% 0 transparent;
    color: #008097;
    float: right;
    font-size: 0.875em;
    padding-right: 24px;
    /* DXP Changes */
    
    width: 62px;
    /* DXP Changes */
    
    display: block;
    height: 26px;
}
.popupHeader {
    height: 46px;
    background: #e4ddd0;
    padding: 27px 20px 0;
}
.popupHeader h4 {
    font-size: 1.25em;
    display: inline;
}
.showpopup {
    cursor: pointer;
}
.popupContainer {
    margin: 10px auto;
    width: 94%;
}
.faqOverlayBox .popupContainer h1.faqpaymentTitle,
.faqOverlayBox .popupContainer .actions {
    display: none;
}
/*Modal popup CSS End*/
/** Hover Box / Menu */

.headerMenuTab li:hover ul {
    display: block;
}
.hoverBox {
    border: 1px solid #FFFFFF;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: none;
    position: absolute;
    -webkit-box-shadow: 2px 3px 4px #9B9D9E;
    -moz-box-shadow: 2px 3px 4px #9B9D9E;
    box-shadow: 2px 3px 4px #9B9D9E;
    background: #f7f5f0;
    /* Old browsers */
    
    background: -moz-linear-gradient(top, #f7f5f0 0%, #e3ddd1 100%);
    /* FF3.6+ */
    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f5f0), color-stop(100%, #e3ddd1));
    /* Chrome,Safari4+ */
    
    background: -webkit-linear-gradient(top, #f7f5f0 0%, #e3ddd1 100%);
    /* Chrome10+,Safari5.1+ */
    
    background: -o-linear-gradient(top, #f7f5f0 0%, #e3ddd1 100%);
    /* Opera 11.10+ */
    
    background: -ms-linear-gradient(top, #f7f5f0 0%, #e3ddd1 100%);
    /* IE10+ */
    
    background: linear-gradient(to bottom, #f7f5f0 0%, #e3ddd1 100%);
    /* W3C */
    
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr '#f7f5f0', endColorstr '#e3ddd1', GradientType 0);
    /* IE6-9 */
    
    z-index: 1000;
}
.headerMenuTab li:last-child .hoverBox {
    right: 0;
}
.hoverBox li {
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #D1CFCC;
    float: none;
    font-size: 0.875em;
}
.hoverBox li a {
    line-height: 30px;
    padding: 2% 6%;
}
.hoverBox:before,
.headerMenuTab li span.upArrow,
.talkLink li span.upArrow {
    background: url(../images/up_arrow.png) no-repeat;
    height: 12px;
    margin: -12px 0 0 14%;
    display: block;
    width: 23px;
    content: '';
}
.headerMenuTab li:last-child .hoverBox:before {
    margin: -12px 0 0 70%;
}
.talkLink li ul {
    width: 14%;
}
.talkLink li:hover ul {
    display: block;
}
.talkLink li span.upArrow,
.headerMenuTab li span.upArrow {
    display: none;
    margin: -12px 0 0 20%;
}
/*.talkLink li span.upArrow { display: none; margin: -12px 0 0 10%; }*/

.talkLink .hoverBox {
    margin: 3.5% 0 0;
}
.talkLink .hoverBox li {
    line-height: 30px;
    padding: 2% 6%;
}
/** End Hover Box / Menu */
/* END BASE CSS */
/* AP CSS */
/** Body content */
/** Nav steps */

.navSteps {
    float: left;
    margin: 23px 0 11px;
    width: 100%;
}
.navStepsLink {
    margin: 0 auto 0 -5%;
    padding: 10px 0 0;
    width: 96%;
}
.navStepsLink li {
    float: left;
    width: 20%;
}
.navStepsLink li:first-child {
    padding-left: 0;
    /*width: 12%;*/
}
.navStepsLink li img {
    float: right;
    max-width: 100%;
    width: 55px;
}
.navStepsLink li span {
    background: url(../images/step_line.png) repeat-x;
    display: block;
    float: left;
    font-size: 0;
    margin: 0 0 0 6%;
    height: 56px;
    width: 60%;
}
.navStepsLink li.active span {
    background: url(../images/step_line_act.png) repeat-x;
}
.navStepsLink li:first-child span,
.navStepsLink li.preActive:first-child span {
    background: none;
}
.navStepsLink li p {
    float: right;
    font-size: 0.75em;
    font-weight: bold;
    margin-right: -12%;
    text-align: center;
    width: 96px;
}
.meterContent .gnfSteps .navStepsLink li p {
    margin-top: 5%;
}
.navStepsLink li.preActive span {
    background: url(../images/step_line_act.png) repeat-x;
}
/** End Nav steps */

.regLeftBox {
    float: left;
    width: 70%;
    border-right: 1px solid #484848;
    min-height: 356px;
    padding-bottom: 26px;
    padding-top: 25px;
    padding-right: 4%;
}
.benefitsHelpBox {
    border-left: 1px solid #484848;
    float: left;
    margin-left: -1px;
    /* DXP Changes */
    
    padding-top: 28px;
    /* DXP Changes */
    
    width: 25.5%;
}
.registration .benefitsHelpBox {
    border: medium none;
    float: right;
    padding-top: 25px;
    margin: 0;
    width: 24%;
}
.bill-summary .benefitsHelpBox {
    padding-top: 0;
}
.benefitHelpTitle {
    color: #484747;
    font-size: 0.875em;
    padding: 0 0 25px 0;
}
.bText,
.font75 {
    font-size: 0.75em;
}
.bTextList {
    padding-top: 30px;
}
.bTextList li {
    background: url(../images/bullet_black.png) no-repeat 0 10px;
    padding: 0 0 6px 11px;
    font-size: 0.75em;
}
/* Impersonate User Search Header */

.impersonateHeader {
    font-size: 0.9em;
}
.impersonateHeader span {
    float: left;
    margin-top: 8px;
}
.impersonateHeader span.button {
    float: right;
    margin-top: 0;
}
.impersonateHeader .warning {
    background: url("../images/warning_bg.png") repeat scroll 0 0 transparent;
    box-shadow: 0 2px 5px #C1CD76 inset;
    min-height: 40px;
    padding: 6px 12px 0 20px;
}
/* End: Impersonate User Search Header */

.bTextList li a:hover {
    text-decoration: underline;
}
/** Message Box */

.mesgBox {
    border: 2px solid #FFFFFF;
    font-size: 0.825em;
    margin-bottom: 30px;
}
.mesgBox p {
    line-height: 20px;
    padding-bottom: 8px;
    text-align: left;
}
.mesgBox .info {
    background: url(../images/info_icon.png) no-repeat 12px 12px, url(../images/msg_bg.png) repeat;
    box-shadow: 0px 2px 5px #7dbcac inset;
    -moz-box-shadow: 0px 2px 5px #7dbcac inset;
    -webkit-box-shadow: 0px 2px 5px #7dbcac inset;
    padding: 16px 12px 14px 74px;
    min-height: 40px;
}
.mesgBox .warning {
    background: url(../images/icon_warning.png) no-repeat 12px 12px, url(../images/warning_bg.png) repeat;
    box-shadow: 0px 2px 5px #c1cd76 inset;
    -moz-box-shadow: 0px 2px 5px #c1cd76 inset;
    -webkit-box-shadow: 0px 2px 5px #c1cd76 inset;
    padding: 16px 12px 14px 74px;
    min-height: 40px;
}
.mesgBox .success {
    background: url(../images/successImg.png) no-repeat 12px 12px, url(../images/successBackgrnd.png) repeat;
    box-shadow: 0px 2px 5px #99c596 inset;
    -moz-box-shadow: 0px 2px 5px #99c596 inset;
    -webkit-box-shadow: 0px 2px 5px #99c596 inset;
    /* DXP Changes */
    
    padding: 16px 12px 30px 74px;
    /* DXP Changes */
    
    min-height: 40px;
}
.viewDetailsBox .mesgBox {
    font-size: 100%;
}
.viewDetailsBox .mesgBox .success {
    xpadding: 4.2em 8px 0;
}
.mesgBox .error {
    background: url(../images/icon_error.png) no-repeat 12px 12px, url(../images/error_bg.png) repeat;
    box-shadow: 0px 2px 5px #ceb5b1 inset;
    -moz-box-shadow: 0px 2px 5px #ceb5b1 inset;
    -webkit-box-shadow: 0px 2px 5px #ceb5b1 inset;
    /*QA Fix*/
    padding: 16px 12px 24px 74px;
    min-height: 40px;
}
.mesgBox.notFound {
    border: none;
}
.mesgBox .notFound {
    background: url(../images/error_logo.png) no-repeat 12px 12px;
    padding: 18px 12px 14px 26%;
    min-height: 217px;
    background-size: 20% auto;
}
.notFound h4 {
    font-size: 1.4em;
    margin-bottom: 10px;
}
.notFound p {
    font-size: 1em;
}
.success strong {
    display: block;
    padding-top: 1%;
}
/** End Message Box */

.blueLine {
    font-size: 1px;
    clear: both;
    border-top: 1px solid #008097;
    height: 1px;
    margin: 4px 0;
}
.buttonBox {
    margin: 26px auto 0;
    overflow: hidden;
    padding: 6px 0;
    width: auto;
    text-align: center;
}
.buttonBoxWidth {
    width: 400px;
}
.regButton {
    padding: 25px 0 4px !important;
    xwidth: 360px;
}
.buttonBox li {
    float: none;
    display: inline-block;
    font-size: 0.875em;
    line-height: 32px;
    margin: 0 0 0 25px;
}
.buttonBox li:first-child {
    margin: 0;
}
.buttonBox .secureLink {
    background: url(../images/lock_icon.png) no-repeat 0 35%;
    padding-right: 0;
    padding-left: 19px
}
.buttonBox .secureLink a {
    color: #484848;
}
.buttonBox a {
    color: #008097;
    font-size: 1em;
}
.cancel,
.reEstimate {
    color: #008097;
    font-size: 0.875em;
}
.label {
    font-size: 0.875em;
    color: #484747;
    font-weight: bold;
    display: block;
    padding-bottom: 9px;
}
.pnmAcInputBox {
    padding-bottom: 25px;
    overflow: hidden;
}
.pnmAcInputBox a,
.pnmAcInputBox p {
    font-size: 0.75em;
}
.input {
    border-top: 1px solid #b6b7b7;
    border-right: 0 none;
    border-bottom: 0 none;
    border-left: 1px solid #b6b7b7;
    color: #303030;
    margin-bottom: 6px;
    height: 30px;
}
.pnmAcNoPara {
    padding-bottom: 25px;
    font-size: 0.75em;
}
a.helpmethis {
    color: #008097;
}
.acDivBox {
    float: left;
    width: 102px;
}
.acDivBox p {
    font-size: 0.75em;
}
.acDivBox span {
    float: right;
    line-height: 23px;
    padding: 0 6px 0 0;
}
/** Button */

.buttonGreen,
.buttonGrey,
.buttonPurple {
    background: url(../images/button_green_bg.jpg) 0 0 repeat-x;
    -moz-box-shadow: 1px 2px 3px #B3AEA4;
    -webkit-box-shadow: 1px 2px 3px #B3AEA4;
    box-shadow: 1px 2px 3px #B3AEA4;
    color: #FFFFFF;
    font-family: Arial, verdana, sans-serif;
    font-size: 1em;
    padding: 0 24px 3px;
    height: 31px;
    border: 0 none;
    outline: none;
    cursor: pointer;
    text-shadow: 1px 1px #024D5B;
    -webkit-appearance: none;
}
.buttonGrey {
    background: url(../images/button_grey_bg.jpg) 0 0 repeat-x;
    color: #474747;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    text-shadow: none;
}
.buttonPurple {
    background: url(../images/button_purple_bg.jpg) 0 0 repeat-x;
}
.buttonDisable {
    background: url(../images/disablebtnbg.jpg) 0 0 repeat-x;
    color: #ffffff;
    font-size: 1em;
    padding: 0 24px 3px;
    height: 32px;
    cursor: pointer;
    text-shadow: 1px 1px #d1cfca;
    -webkit-appearance: none;
    outline: none;
    border: none;
}
/* Hover */

.gnfGoPaperless .gnfPaperlessButton:hover,
.buttonGrey:hover {
    background-image: none;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    background-color: #f2eee5;
}
.buttonPurple:hover {
    background-image: none;
    background-color: #ef8914;
}
.buttonGreen:hover {
    background-image: none;
    background-color: #0396b0;
}
.accProfEditSec .buttonGrey {
    margin-left: 42%;
}
/* End Hove */
/** End Button */

.account-summary .details p.subHeading {
    font-size: 0.975em;
}
.account-summary .details {
    border-bottom: none;
}
.accDashContent .accLeft .details a {
    font-size: 0.89em;
}
.accDashContent .accLeft .details {
    border-bottom: none;
}
.accLeft .accBlueLine {
    margin-top: 0;
}
p.zeroBalInfo {
    font-size: 0.8125em;
    text-align: center;
}
/** Skyblue - compare */

.smallParaDiv {
    width: 99%;
    border: 1px solid #4f4f4e;
    background-color: #dad3c3;
    float: left;
    font-size: 0.75em;
    position: relative;
    margin-left: 8%;
}
.smallParaDiv h4 {
    text-align: left;
    background: url(../images/bar_blue.png) repeat-x;
    padding-right: 4px;
    color: #FFFFFF;
    font-weight: normal;
    line-height: 37px;
    padding-left: 3%;
}
.skbcompare {
    xleft: 0;
}
.accHeader {
    padding-right: 0;
    width: 74%;
}
.accHeader .navSteps {
    margin: 1.875em 0;
}
.accHeader .navSteps .navStepsLink {
    padding: 0;
}
.accHeader .navStepsLink li:first-child {
    width: 26%;
}
.accHeader .navStepsLink li {
    width: 30%;
}
.accHeader .navStepsLink li span {
    width: 50%;
}
.pseBlock {
    position: relative;
}
.pseBlock {
    border: 1px solid #4f4f4e;
    background-color: #dad3c3;
    float: left;
    font-size: 0.75em;
    width: 49.6%;
}
.blockSolarEnergy {
    border-left: 0 none;
}
.blockSolarEnergy,
.percentElectricBlock {
	/* DXP Changes */
    min-height: 438px;
    /* DXP Changes */
}
.pseBlock ul {
    margin: 5%;
    min-height: 159px;
}
.pseBlock ul li {
    background: url(../images/bullet_black.png) no-repeat 0 7px;
    margin-bottom: 6%;
    padding: 0 0 0 8px;
}
.percentElectricBlock h4,
.blockSolarEnergy h4 {
    background: url(../images/bar_orange.png) repeat-x;
    color: #FFFFFF;
    font-weight: normal;
    line-height: 37px;
    padding-left: 3%;
}
.blockSolarEnergy h4 {
    background: url(../images/bar_blue.png) repeat-x;
    text-align: right;
    padding-right: 4px;
}
.vs {
    background: url(../images/vs.png) no-repeat;
    height: 30px;
    position: absolute;
    right: -15px;
    top: 1.2%;
    width: 31px;
    z-index: 9;
}
.pseBlock .pbeBox {
    background-color: #F2EEE5;
    border: 1px solid #484848;
    margin: 5% 4%;
    min-height: 192px;
    padding: 0 0 4% 0;
}
.pbeBox p {
    text-align: center;
    padding: 5% 0 0 0;
}
.pbeBox p.note {
    font-size: 0.875em;
}
.skbcompare .buttonBox {
    padding: 30px 0;
    width: 100%;
}
.skbcompare .buttonpb {
    width: 73%;
}
.skbcompare .buttonpb .orBox {
    font-weight: bold;
}
.buttonBox .startOver a {
    color: #008097;
}
.buttonBox .startOver a.disabledLink {
    color: #484848;
}
.buttonBox .startOver a.disabledLink:hover {
    cursor: default;
    text-decoration: none;
}
.accHeader .blueLine {
    clear: both;
}
.accHeader .buttonBox li:first-child {
    xwidth: 36%;
}
/*.accHeader .buttonpb { margin: 6% 0 6% 12%;/ *padding: 12px 12%; * /width: 76%; }*/

.buttonpb li {
    padding-right: 0;
}
/*.buttonpb li:nth-child(2) { font-size: 1em; font-weight: bold; padding: 0 6%; }*/

.accHeader .buttonpb li:first-child {
    width: auto;
}
.boxContainer {
    overflow: hidden;
}
.whiteBox,
.purpleBox,
.blueBox {
    border: 1px solid #565655;
    line-height: 35px;
    margin: 5% auto 0;
    text-align: center;
    width: 30.08130081300813%;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    color: #FFFFFF;
    font-weight: bold;
    display: block;
}
.whiteBox {
    float: left;
    margin-left: 34.14634146341463%;
    background-color: #FFFFFF;
    box-shadow: 0px 2px 5px #c6c6c6 inset;
    -moz-box-shadow: 0px 2px 5px #c6c6c6 inset;
    -webkit-box-shadow: 0px 2px 5px #c6c6c6 inset;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr '#F0F0F0', endColorstr '#FFFFFF', GradientType 0);
    color: #484848;
}
.purpleBox {
    background-color: #ef8914;
    box-shadow: 0px 2px 5px #ba6d15 inset;
    -moz-box-shadow: 0px 2px 5px #ba6d15 inset;
    -webkit-box-shadow: 0px 2px 5px #ba6d15 inset;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr '#ba6d15', endColorstr '#ef8914', GradientType 0);
}
.blueBox {
    background-color: #008097;
    box-shadow: 0px 2px 5px #066678 inset;
    -moz-box-shadow: 0px 2px 5px #066678 inset;
    -webkit-box-shadow: 0px 2px 5px #066678 inset;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr '#066678', endColorstr '#008097', GradientType 0);
}
.percent {
    display: inline-block;
    line-height: 35px;
    padding-left: 7px;
    margin: 5% 0 0;
    font-size: 1.125em;
}
.seSelectBox {
    margin: 5% auto 0;
    /* DXP Changes */
    width: 42.2439%;
    /* DXP Changes */
}
.singleCompare .seSelectBox {
    width: 20%;
}
.seSelectBox select {
    width: 90px;
}
.pbeBox span.customStyleSelectBox {
    border: 1px solid #565655;
    height: 33px;
    line-height: 33px;
    margin: 0;
    padding: 0 0 0 16px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    color: #FFFFFF;
    font-weight: bold;
    box-shadow: 0px 2px 5px #c6c6c6 inset;
    -moz-box-shadow: 0px 2px 5px #c6c6c6 inset;
    -webkit-box-shadow: 0px 2px 5px #c6c6c6 inset;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr '#F0F0F0', endColorstr '#FFFFFF', GradientType 0);
    background: #FFFFFF;
    width: 72px;
}
.pbeBox span.customStyleSelectBox .customStyleSelectBoxInner {
    background: url(../images/arrow-select.png) no-repeat right center;
    height: 33px;
    color: #484848;
    padding-right: 24px;
}
.sky-blue-inner .pbeBox span.customStyleSelectBox .customStyleSelectBoxInner,
.sky-blue-inner .pbeBox span.customStyleSelectBox {
    width: 100% !important;
    padding-right: 24px;
}
.pbeBox span.customStyleSelectBox.changed {
    background-color: #FFFFFF;
}
.skbPerElectInput {
    border: 0 none;
    height: 28px;
    text-align: center;
    width: 88%;
    box-shadow: 0px 2px 5px #F1F1F1 inset;
    -moz-box-shadow: 0px 2px 5px #F1F1F1 inset;
    -webkit-box-shadow: 0px 2px 5px #F1F1F1 inset;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr '#F1F1F1', endColorstr '#FFFFFF', GradientType 0);
}
/*SINGLE COMPARE BLOCK*/

.singleCompare {
    width: 100%;
    border-left: 1px solid #4f4f4e;
}
.singleCompare h4 {
    text-align: left;
}
/*END SINGLE COMPARE BLOCK*/
/** End Skyblue - compare */
/** Skyblue - review */

.accHeader .gnfDonationTitle {
    color: #FFFFFF;
    font-size: 1em;
    padding: 2%;
}
.skbreview .buttonBox {
    margin-bottom: 5.5%;
    width: 46%;
}
.reEstimate {
    font-size: 1em;
}
.rowBox {
    overflow: hidden;
    padding: 10px 0 10px 2%
    /* 10px 16px*/
    
    ;
}
.rowBox p {
    float: left;
    font-size: 0.875em;
    font-weight: bold;
    padding: 0 8% 0 0;
}
.rowBox p:first-child {
    text-align: right;
    width: 30%;
}
.rowBox p:last-child {
    font-weight: normal;
    padding: 0;
    width: 61%;
}
.skbreview .blueBox {
    margin: 0;
    font-weight: normal;
}
.skbreview span.note {
    float: left;
    font-size: 0.875em;
    padding-top: 6px;
}
/** End Skyblue - review */
/** Skyblue - landing */
/* Handling the same with meterContent class */

.skblanding,
.paperlessBill,
.unEnrollLanding {
    xfloat: right;
    xmargin-right: 1%;
    xwidth: 69%;
}
.skblanding h3 {
    font-size: 1.25em;
    margin-bottom: 3%;
}
.meterContent .skbsummary,
.skblanding .skbsummary {
    font-size: 0.75em;
    margin: 4% 0 0;
}
.skblanding .skbsummary p {
    padding: 0 0 2%;
}
.skbInfo {
    border-top: 1px solid #8C8A86;
    border-right: 1px solid #8C8A86;
    border-left: 1px solid #8C8A86;
    margin-top: 17px;
}
.skbInfo th {
    background-color: #CEDED9;
    font-weight: bold;
}
.skbInfo th:first-child {
    border-right: 1px solid #939d9a;
}
.skbInfo tr:nth-child(even) {
    background: #e3ddd0;
}
.skbInfo th,
.skbInfo td {
    padding: 2%;
    font-size: 0.725em;
    border-bottom: 1px solid #8C8A86;
}
.skbInfo td td {
    font-size: 1em;
    border-bottom: none;
    padding: 0;
}
.skbInfo td td:first-child {
    width: 31%;
}
.skbInfo td td:nth-child(2) {
    width: 69%;
}
/*.skblanding .skbInfo th:first-child {width:30%;}
.skblanding .skbInfo th:nth-child(2) {width:70%;}*/

.skblanding .buttonBox {
    margin-bottom: 6%;
    xwidth: 24%;
}
/** End Skyblue - landing */
/** Go Paperless */

.titleWbgb {
    background-color: #ECF0EA;
    border-bottom: 1px solid #8C8A86;
    border-top: 1px solid #8C8A86;
    padding: 2.5% 1%;
}
.titleWbgg {
    background-color: #E4DED1;
    border-bottom: 1px solid #8C8A86;
    border-top: 1px solid #8C8A86;
    margin-bottom: 2%;
    padding: 2% 1% !important;
}
.listItems {
    margin: 2% 0 4%;
}
.subtitle {
    font-size: 0.9375em;
    padding: 0 0 1%;
}
.listItems ul {
    padding-left: 1%
    /*3%*/
    
    ;
}
.listItems li {
    background: url(../images/bullet_black.png) no-repeat 0 8px;
    padding: 0 0 6px 11px;
    font-size: 0.75em;
}
.paperless .buttonBox {
    margin: 26px auto 0;
}
.imgTextContainer {
    background-color: #FBFBF7;
    border: 1px solid #CCCCCC;
    margin-bottom: 4%;
    overflow: hidden;
    padding: 2%;
}
.imgTextContainer .imgBox {
    background-color: #FFFEFC;
    border: 1px solid #CCCCCC;
    float: left;
    height: 6em;
    overflow: hidden;
    padding: 3px;
    width: 34%;
}
.imgTextContainer .textListBox {
    float: right;
    padding: 1% 0 0;
    width: 60%;
}
.imgTextContainer .imgBox img {
    margin: auto;
}
.imgTextContainer .textListBox li {
    font-size: 0.75em;
    padding: 0 0 2%;
}
/** End Go Paperless */
/** Loggedin drop down menu */

.dpLoggedMenu {
    float: right;
    font-size: 0.85em;
    padding: 2.1% 0;
}
.dpLoggedMenu>li {
    float: left;
    padding: 0 3px;
}
.dpLoggedMenu>li>span {
    float: left;
    /* DXP Changes */
    
    padding-left: 4px;
    /* DXP Changes */
}
.dpLoggedMenuBox {
    background-color: #FFFFFF;
    border: 1px solid #4bacc6;
    display: none;
    padding: 2px;
    position: absolute;
    right: 0;
    top: 20px;
    width: 160px;
    z-index: 999;
}
a.logout {
    color: #484747;
    float: right;
    font-weight: bold;
    margin: 1px 0 0 10px;
}
.dpLoggedMenuClk {
    background: url(../images/arrow-down.png) no-repeat 7px 4px;
    border-left: 1px solid #DAD3C3;
    border-right: 1px solid #DAD3C3;
    border-top: 1px solid #DAD3C3;
    float: left;
    font-size: 0;
    height: 8px;
    line-height: 0;
    margin: 8% 0 0;
    padding: 1px 0 9px 2px;
    position: relative;
    text-indent: -2000px;
    width: 24px;
    z-index: 999;
}
.dpLoggedMenuBox li {
    border-bottom: 1px solid #E4EBED;
}
.dpLoggedMenuBox li:last-child {
    border-bottom: 0 none;
}
.dpLoggedMenuBox li a {
    color: #3096A7;
    display: block;
    font-size: 0.9375em;
    padding: 6px 8px;
    text-decoration: none;
}
.dpLoggedMenuLi {
    position: relative;
    padding: 0 !important;
}
.dpLoggedMenuClkSelected {
    background-color: #FFFFFF;
    border-left: 1px solid #69ABDA;
    border-right: 1px solid #69ABDA;
    border-top: 1px solid #69ABDA;
}
.dpLoggedMenuBox li:hover a {
    background-color: #4bacc6;
    color: #FFFFFF;
}
/** End Loggedin drop down menu */
/* END AP CSS */
/* SM CSS */
/*HOME PAGE MIDDLE BANNER SECTION START*/

@font-face {
    font-family: 'KlavikaRegular Plain';
    src: url('../fonts/klavikaregularplain-webfont.eot');
    src: url('../fonts/klavikaregularplain-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/klavikaregularplain-webfont.woff') format('woff'), url('../fonts/klavikaregularplain-webfont.ttf') format('truetype'), url('../fonts/klavikaregularplain-webfont.svg#klavika_regularplain') format('svg');
    font-weight: normal;
    font-style: normal;
}
.middleBannerContainer {
    padding-bottom: 2.4%;
    border-bottom: 1px solid #8c8a86;
    margin: 0 auto;
    width: 99.9%;
}
.middleBanner1,
.middleBanner2,
.middleBanner3 {
    display: block;
    width: 32.7%;
}
.middleBanner1 {
    float: left;
}
.middleBanner2 {
    margin: 0 auto;
}
.middleBanner3 {
    float: right;
}
/*HOME PAGE MIDDLE BANNER SECTION END*/


/* Case-58583 - Dynamic Renewable Widget Creation for Desktop and Mobile sites- Ends*/

.homepage-widget {
  float: left;
  width: 25%;
  padding: 5px;
}

.renewable-percentage {
      position: absolute;
    left: 4%;
    top: 50%;
    font-family: Arial;
    /* font-size: 1.5vw; */
    font-size: 4vmax;
    font-weight: bold;
    color: rgb(229, 98, 13);
}

.childpage-renewable-percentage {
position: absolute;
    left: 60px;
    top: 180px;
    font-family: Arial;
    /* font-size: 1.5vw; */
    font-size: 100px;
    font-weight: bold;
    color: rgb(229, 98, 13);
}

/* Case-58583 - Dynamic Renewable Widget Creation for Desktop and Mobile sites- Ends*/



/*HOME PAGE SLIDER SECTION*/

.carouselWrapper {
    width: 100%;
    background: url(../images/carosel-bg.png) repeat;
    overflow: hidden;
    margin-bottom: 2%;
}
#carousel {
    max-width: 1180px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
#slides {
    overflow: hidden;
    position: relative;
    width: 100%;
}
#slides div img {
    position: relative;
    float: left;
}
#slides div h2 {
    position: absolute;
    margin-top: 5%;
    margin-left: 39%;
    font-family: KlavikaRegular Plain, Myriad Pro;
    font-size: 3.5em;
    line-height: 1em;
    font-weight: 100;
    width: 54%;
    color: #FFF;
    text-shadow: 00 0.05em 0.1em rgba(34, 33, 33, .5);
}
#slides a.carouselButton {
    background-color: #ded9cf;
    color: #666463;
    font-size: 0.3em;
    cursor: pointer;
    text-shadow: none;
    text-decoration: none;
    display: block;
    width: 20%;
    text-align: center;
    line-height: 2em;
    margin-top: 2%;
}
.slidesjs-previous,
.slidesjs-next {
    width: 5%;
    height: 23%;
    top: 40%;
    position: absolute;
    z-index: 10;
}
.slidesjs-previous {
    left: 0;
}
.slidesjs-next {
    right: 0;
}
.slidesjs-pagination {
    position: absolute;
    left: 17.2%;
    top: 92%;
    list-style: none;
    z-index: 10;
}
.slidesjs-pagination li {
    float: left;
    margin: 0 3px;
}
.slidesjs-pagination li a {
    text-indent: 20px;
    white-space: nowrap;
    outline: none;
    display: block;
    width: 10px;
    height: 10px;
    float: left;
    overflow: hidden;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QwY2NjNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjclIiBzdG9wLWNvbG9yPSIjZTdlM2RhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTMlIiBzdG9wLWNvbG9yPSIjZjJlZWU1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTMlIiBzdG9wLWNvbG9yPSIjZjJlZWU1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VjZThlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #d0ccc5 0%, #e7e3da 7%, #f2eee5 13%, #f2eee5 93%, #ece8e0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d0ccc5), color-stop(7%, #e7e3da), color-stop(13%, #f2eee5), color-stop(93%, #f2eee5), color-stop(100%, #ece8e0));
    background: -webkit-linear-gradient(top, #d0ccc5 0%, #e7e3da 7%, #f2eee5 13%, #f2eee5 93%, #ece8e0 100%);
    background: -o-linear-gradient(top, #d0ccc5 0%, #e7e3da 7%, #f2eee5 13%, #f2eee5 93%, #ece8e0 100%);
    background: -ms-linear-gradient(top, #d0ccc5 0%, #e7e3da 7%, #f2eee5 13%, #f2eee5 93%, #ece8e0 100%);
    background: linear-gradient(to bottom, #d0ccc5 0%, #e7e3da 7%, #f2eee5 13%, #f2eee5 93%, #ece8e0 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr '#d0ccc5', endColorstr '#ece8e0', GradientType 0);
}
.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active,
.slidesjs-pagination li a:hover {
    color: #0f98b0;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFiYTljMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iIzE3YTRiZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkzJSIgc3RvcC1jb2xvcj0iIzAyODM5YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMDg1OWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #1ba9c3 0%, #17a4bd 20%, #02839b 93%, #10859a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1ba9c3), color-stop(20%, #17a4bd), color-stop(93%, #02839b), color-stop(100%, #10859a));
    background: -webkit-linear-gradient(top, #1ba9c3 0%, #17a4bd 20%, #02839b 93%, #10859a 100%);
    background: -o-linear-gradient(top, #1ba9c3 0%, #17a4bd 20%, #02839b 93%, #10859a 100%);
    background: -ms-linear-gradient(top, #1ba9c3 0%, #17a4bd 20%, #02839b 93%, #10859a 100%);
    background: linear-gradient(to bottom, #1ba9c3 0%, #17a4bd 20%, #02839b 93%, #10859a 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr '#1ba9c3', endColorstr '#10859a', GradientType 0);
}
/*HOME PAGE SLIDER SECTION END*/
/*QUICK LINK SECTION*/

.quickNav {
    position: absolute;
    top: 6%;
    left: 8.5%;
    width: 27.1%;
    z-index: 10;
}
.quickLogin {
    background: url(../images/quickLinkBackground.png) repeat;
    text-align: center;
    width: 100%;
    padding: 7% 0 0;
}
.quickLogin p {
    line-height: 3em;
    text-align: center;
    color: #484747;
    font-size: 0.75em;
}
.quickLogin p a {
    color: inherit;
    text-decoration: underline;
}
a.quickLoginBtn {
    opacity: 1;
    background-color: #008097;
    -moz-box-shadow: inset 0 -15px 30px -2px #02505e;
    -webkit-box-shadow: inset 0 -15px 30px -2px #02505e;
    box-shadow: inset 0 -15px 30px -2px #02505e;
    padding: 2.45% 17.5%;
    color: #FFFFFF;
    border: 0px solid #008097;
    font-size: 0.9375em;
    font-weight: 300;
}
.quickLinksTitle {
    width: 59%;
    padding: 3% 0 3% 12%;
    overflow: hidden;
}
.quickLinks {
    margin-top: 4%;
    background: url(../images/quickLinkBackground.png) repeat;
}
.quickLinks ul {
    background: url(../images/quick-links-bottom-border.png) repeat-x bottom center;
    padding-bottom: 8%;
}
.quickLinks ul li {
    line-height: 2em;
    border-top: 1px solid #c3beb7;
    padding-left: 12%;
}
.quickLinks ul li a {
    font-size: 0.9em;
    color: #484747;
    text-decoration: none;
}
/*QUICK LINK SECTION END*/
/* SUBMIT METER READ STEPS SECTION START*/

.stepsSubmitMR {
    margin: 3% auto;
    width: 89%;
    padding: 0 5%;
    overflow: hidden;
}
.stepsSubmitMR ul li:first-child {
    width: 33%;
    margin-left: -15%;
}
.stepsSubmitMR ul li {
    width: 33%;
}
.stepsSubmitMR ul li span {
    width: 51%;
}
.stepsSubmitMR li p {
    clear: both;
}
.stepsSubmitMR ul li:first-child img,
.stepsSubmitMR ul li img {
    max-width: 55px;
    min-width: 35px;
}
.meterRead .buttonBox {
    xwidth: 46%;
}
.meterReadLanding .buttonBox {
    margin-bottom: 24px;
}
/* END SUBMIT METER READ STEPS SECTION */
/* SUBMIT METER READ CONTENT SECTION START*/

.modalTitle {
    font-size: 1em;
    margin-top: 3%;
}
.modalContent {
    font-size: 0.895em;
    line-height: 1.75em;
    padding: 2% 0;
}
.subitMeterForm a.showpopup {
    color: #008097;
    font-size: 0.825em;
    display: block;
    float: left;
    clear: left;
    font-weight: normal;
}
.theDialNumbers {
    max-width: 567px;
    margin: 2% auto
}
.subitMeterForm {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.subitMeterForm .gnfNewDonationTxt {
    margin: 12px 12% 0 0;
    width: auto;
}
.subitMeterForm .gnfButtonGreen {
    padding: 0 16%;
}
.submitMeterDetails {
    list-style: none;
    margin: 0 auto 18px;
    overflow: hidden;
}
.submitMeterDetails li {
    float: left;
    width: 32%;
    padding: 2% 3%;
    font-size: 0.825em
}
.submitMeterDetails li.subTitle {
    width: 52%;
    font-weight: bold;
}
.submit-meter-read-inner .navSteps {
    margin: 1.875em 0 0em;
}
/* END SUBMIT METER READ CONTENT SECTION */
/* PAY ONLINE PAGE */

.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;
    margin-bottom: 30px;
    min-height: 503px;
}
.pay-online .smallContainerLeft,
.pay-online .smallContainerRight {
    min-height: 510px;
}
.pay-online .smallContainerLeft .gnfButtonBox {
    margin-top: 0;
}
.bottomInfo {
    padding: 15px 10px 0;
    line-height: 2em;
}
.smallContainerLeft .buttonGreen,
.smallContainerRight .buttonGreen {
    padding: 0 37px 3px;
    font-size: 1.25em;
    margin-top: 10px;
}
.smallContainerLeft p {
    padding: 10px 10px;
}
.smallContainerRight p {
    padding: 7px 10px;
}
.smallContainerLeft ul,
.smallContainerRight ul {
    padding: 5px 10px;
}
.smallContainerLeft .gnfButtonBox {
    margin-top: 43%;
}
.automatic-payment .smallContainerLeft .gnfButtonBox {
    margin-top: 0;
}
.smallContainerLeft ul.paymentList li,
.smallContainerRight ul.paymentList li,
ul.iconTextList li {
    background: url(../images/bullet_black.png) no-repeat scroll 0 10px transparent;
    padding: 0 0 0 11px;
}
.smallContainerLeft {
    float: left;
}
.smallContainerRight {
    float: right;
}
.smallContainerTitle {
    background-color: #A19F9B;
    border-bottom: 1px solid #484848;
    border-top: 1px solid #484848;
    color: #FFFFFF;
    font-size: 1.3em;
    margin: 0 auto 10px;
    padding: 5% 5%;
}
.smallContImg {
    display: block;
    width: auto;
    margin: 0 10px 10px;
}
.smallContImg img {
    width: 100%;
}
/* END PAY ONLINE PAGE */
/* VIEW DETAILS BOX SECTION*/

.gnfGoPaperless .viewDetailsContainer {
    margin: 20px 0 10px;
    height: auto;
    border-width: 1px 1px 0;
    border-color: #ffffff;
    border-style: solid;
    font-size: 0.75em;
    color: #404040;
}
.viewDetailsBox {
    background: url(../images/view-details-box-bg.jpg) repeat-x top left;
    background-color: #e3ddd1;
    padding: 0 9px 18px;
    border-bottom: 1px solid #ffffff;
}
.viewDetailsBox p {
    padding: 0;
    word-wrap: break-word;
    text-align: left;
}
.viewDetailsContainer a.openViewDetailsBt {
    background: url(../images/view-details-button-bg.jpg) 0 0 repeat-x;
    font-size: 1.25em;
    color: #404040;
    text-shadow: none;
    display: block;
    height: 30px;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #fff;
}
a.openViewDetailsBt:hover {
    background-image: none;
    background-color: #f2eee5;
    text-decoration: none;
}
a.openViewDetailsBt span {
    background: url(../images/viewDetailsarrow.png) no-repeat 95% center;
    display: block;
    line-height: 30px;
}
a.openViewDetailsBt span.arrowDown {
    background: url(../images/arrow-down.png) no-repeat 95% center;
}
/* END VIEW DETAILS BOX SECTION*/
/* BUDGET BILL SECTION */

.environment_container ul li ul {
    margin-bottom: 0;
}
.environment_container ol li ol li,
.environment_container ol li ul li,
.environment_container ul li ul li,
.environment_container ul li ol li {
    font-size: 1em;
}
ul.budgetBillList li.payExtSubList {
    width: 45%;
}
.budgetBillAmount {
    padding: 4% 0;
    text-align: center;
    font-weight: bold;
}
.budgetTermsConditions {
    width: 94%;
    padding: 2%;
    border: 1px solid black;
    overflow-y: scroll;
    height: 135px;
    font-size: 0.75em;
    margin-bottom: 15px;
}
.budgetTermsConditions p.budgetHeading {
    font-weight: bold;
    margin: 2% 0 0
}
/* END BUDGET BILL SECTION */
/* AUTOMATIC PAYMENT */

.automaticPayment .smallContainerLeft,
.automaticPayment .smallContainerRight {
    min-height: 515px;
}
.automaticPayment .smallContainerLeft ul,
.automaticPayment .smallContainerRight ul {
    padding: 6px 10px;
}
.automaticPayment .smallContainerRight p,
.automaticPayment .smallContainerLeft p {
    padding: 10px 10px;
}
/*.accHeader .automaticPayment{margin-top:0;}*/
/* END AUTOMATIC PAYMENT */
/* MY ACCOUNT PROFILE : MY MAILING PREFERENCES TAB*/

.tableScrollBox1,
.tableScrollBox2,
.tableScrollBox3 {
    width: 100%;
    overflow-y: scroll;
}
.errorBox {
    color: red;
    display: inline-block;
    width: 41.8%;
    margin: 2px 0 6px;
    font-size: 0.75em;
}
.tableScrollHeader {
    table-layout: fixed;
}
.maailingPrefHld .accLandingAccordion {
    width: 99.5%;
}
.accLandingAccordion .content .tableScrollHeader th:first-child {
    width: 30%;
}
.accLandingAccordion .content .tableScrollHeader th:first-child+th {
    width: 35%;
}
.accLandingAccordion .content .tableScrollHeader th:first-child+th+th {
    width: 26%;
}
.tableScrollBody {
    table-layout: fixed;
}
.accLandingAccordion .content .tableScrollBody td:first-child {
    width: 34%;
    text-align: center;
}
.accLandingAccordion .content .tableScrollBody td:first-child+td {
    width: 39%;
}
.accLandingAccordion .content .tableScrollBody td:first-child+td+td {
    width: 26%;
}
.accLandingAccordion .content table.tableScrollBody,
.accLandingAccordion .content table.tableScrollBody2 {
    border-top: none;
}
.accLandingAccordion .content table.tableScrollBody td,
.accLandingAccordion .content table.tableScrollBody2 td {
    vertical-align: top;
    text-align: left;
}
.accLandingAccordion .content .tableScrollHeader2 th:first-child {
    width: 27%;
}
.accLandingAccordion .content .tableScrollHeader2 th:first-child+th {
    width: 33%;
}
.accLandingAccordion .content .tableScrollHeader2 th:first-child+th+th {
    width: 36%;
}
.accLandingAccordion .content .tableScrollBody2 td:first-child {
    width: 26%;
    text-align: center;
}
.accLandingAccordion .content .tableScrollBody2 td:first-child+td {
    width: 30%;
}
.accLandingAccordion .content .tableScrollBody2 td:first-child+td+td {
    width: 30%;
}
.primEmailDiv ul.mailingAdresses li {
    /* DXP Changes */
    
    width: 34%;
    /* DXP Changes */
    
    padding: 0 3% 1% 0;
}
.primEmailDiv ul.mailingAdresses li:first-child {
    /* DXP Changes */
    
    width: 45%;
    /* DXP Changes */
}
.primEmailDiv ul.mailingAdresses li:last-child {
    width: 15%;
}
.recParlsBilTblHldr .changeMailAddress {
    width: 95.6%;
    border-top: 1px solid #484848;
    margin: 0 0 2%;
}
.changeMailAddress .meterContent {
    float: none;
    width: 70%;
    margin: 0 auto;
    clear: right;
}
.changeMailAddress .meterContent .navSteps {
    margin: 4% 0;
}
.changeMailAddress .meterContent .navStepsLink li span {
    width: 46%;
}
.accLandingAccordion .tableText {
    background-color: #a19f9b;
    height: auto;
    color: #fff;
    padding: 1% 0 1% 2%;
    font-size: .85em;
}
.editDisable {
    display: block;
    clear: both;
    font-size: .75em;
    color: #e80000;
}
.changeMailAddress .buttonBox {
    width: 50%;
}
.accLandingAccordion .myAccountAccordian {
    /* DXP Changes */
    
    height: 46px;
    /* DXP Changes */
    
    color: #484848;
    line-height: 46px;
    background: url(../images/accordion_plus.png) 9px 6px no-repeat #dad3c3;
    border: 0px;
    border-bottom: 1px solid #474747;
    cursor: pointer
}
.accLandingAccordion .myAccountAccordian h2 {
    margin-left: 51px;
    cursor: pointer;
    font-size: 1.33em
}
a.changeMailClose,
a.changeMailClose:hover {
    font-weight: bold;
    color: #000;
    text-decoration: none;
    font-size: 1.25em;
    position: absolute;
    top: 10px;
    right: 10px;
}
/* END MY ACCOUNT PROFILE : MY MAILING PREFERENCES TAB*/
/* END SM CSS */
/* AN CSS */
/*Registration page step 2 start*/

.regRightBorder {
    border-left: 1px solid #484848;
    padding-left: 2%;
    width: 23%;
}
label h3 {
    font-size: 0.75em;
    margin-top: 2%;
    margin-bottom: 2%;
}
.reviewLabel {
    font-size: 0.75em;
}
.reviewDropdown li {
    display: inline-block;
    width: 40%;
    float: left;
}
.reviewDropdown li:last-child {
    padding-left: 5px;
}
.reviewDropdown li select {
    width: 100%;
}
.input {
    height: 25px;
}
.inputBox li input {
    width: 70%;
    font-size: 1em;
    text-align: center;
}
.inputBox li {
    display: inline-block;
    width: 31.5%;
    padding: 0;
}
.inputBox li:last-child {
    padding: 0px;
}
.dob li {
    display: inline-block;
}
.dob li select {
    width: 100%;
}
.group,
.group2 {} .regForm2 {
    padding: 10px 0 20px;
    overflow: hidden;
}
.regForm2blue {
    padding: 20px 0;
}
.regForm2 select {
    width: 38.5% !important;
}
.regForm2 select.dateBirth {
    width: 102px !important;
}
.displayBody li#dob {
    position: relative;
}
.displayBody li#dob .customStyleSelectBoxInner {
	/* DXP Changes */
    width: 82px !important;
	/* DXP Changes */
    padding-right: 24px;
}
.displayBody li#dob ul li {
    margin-right: 8px;
    position: relative;
    width: 102px;
}
.displayBody li#dob ul li select {
    height: 32px !important;
}
.reviewDropdown li#dob li:last-child {
    padding-left: 0;
}
.regForm2 span.customStyleSelectBoxInner {
	/* DXP Changes */
    width: 239px !important;
	/* DXP Changes */
    padding-right: 24px;
}
.regForm2 .displayBody {
    padding: 1% 0;
}
.areaCodeTxt {
    font-size: 0.75em;
    display: block;
    text-align: center;
    width: 86%;
}
/*Registration page step 2 end*/
/*Registration page step 3 start*/

.regForm3 label {
    padding: 9px 0;
}
.regForm3 .errorLabel {
    color: #e80000;
}
.regForm3 .errorLabelinput {
    border: 1px solid #e80000;
}
.regForm3 form input {
    padding: 0 2%;
    /* margin-bottom: 20px;*/
}
.regForm3 .regButton input.buttonGreen {
    padding: 0 24px;
}
.regForm3 .inputField {
    margin-bottom: 9px;
}
.width300 {
    min-width: 35%;
}
.secdropDown {
    width: 35%;
}
.pwdText {
    font-size: 0.75em;
}
.regForm3 .blueLine {
    margin-top: 24px;
}
.regForm3 .displayBody {
    padding: 0;
}
.regForm3 .displayBody select {
    width: 53.5%;
}
.regForm3 .displayBody span.customStyleSelectBox {
    margin-bottom: 5px;
}
/*Registration page step 3 end*/
/*Registration page step 4 start*/

.termsConditions {
    width: 100%;
}
.termsConditions p {
    padding: 2%;
    border: 1px solid black;
    overflow-y: scroll;
    height: 135px;
    font-size: 0.75em;
}
.printerFriendly {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 4%;
    width: 94%;
    font-size: 0.75em;
    display: inline-block;
}
.printerFriendly span img {
    width: 20px;
}
.termsCheck {
    float: right;
    xpadding-top: 5px;
    font-size: 1em;
}
.termsCheck input[type="checkbox"] {
    float: left;
    margin: 2px 6px 0 0;
}
.reviewInfo label p {
    font-size: 0.75em;
}
.regForm4 label {
    padding-bottom: 9px;
    /* padding-top:25px;*/
}
.regForm4 .reviewInfo>div {
    margin-bottom: 25px;
}
.regF4infoTitle {
    margin-bottom: 30px;
    font-size: 0.825em;
}
/*Registration page step 4 end*/
/*GENERIC SEARCH PAGE START*/

.genericsearchBox {
    width: 100%;
    padding-bottom: 20px;
    padding-top: 30px;
}
.genericsearchBox span {
    display: inline-block;
}
.genericsearchBox h4 {
    padding-right: 2%;
    display: inline-block;
    line-height: 30px;
    font-size: 0.875em;
}
.searchForm {
    width: 75%;
    display: inline-block;
    height: 30px;
}
.searchForm input {
    border: none;
}
.resetSearch {
    background: url(../images/searchCross.png) no-repeat;
    width: 11px;
    height: 12px;
    border: none;
    cursor: pointer;
}
.showResult {
    background: #e3ddd0;
    height: 1.6%;
    width: 97%;
    -webkit-box-shadow: 0px 1px 5px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.5);
    box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.5);
}
.showResult p {
    padding: 10px 1%;
    font-size: 0.85em;
    font-weight: 550;
}
.searchResults {
    width: 79%;
    border-right: solid 1px #000;
    padding-bottom: 30px;
}
.clear {
    clear: both;
}
.displayResult {
    width: 97%;
}
.resultList {
    padding-top: 2%;
}
.resultList a {
    color: #008097;
    font-size: 0.875em;
}
.resultList p {
    font-size: 0.75em;
    padding-top: 10px;
    padding-bottom: 10px;
}
.gsearchForm .blueLine {
    margin-bottom: 15px;
}
.websiteLink {
    font-size: 0.75em !important;
}
.searchInputbox {
    width: 80%;
    line-height: 20px;
}
.searchformInput {
    background: #fff;
    border: 1px solid #a9a7a1;
}
.searchButtonbox {
    background: url(../images/search_icon.jpg) right;
    background-repeat: no-repeat;
    height: 11px;
    width: 11px;
}
.copyRight {
    font-size: 0.7em;
}
.pnmrWrapper .copyRight img {
    width: 65px;
}
.searchLinks {
    float: right;
}
.searchLinks li {
    display: inline-block;
}
.searchLinks li a {
    color: #9e9e9e;
    font-size: 0.75em;
}
.searchLinks li:first-child a,
.searchLinks li:last-child a {
    color: #000000;
}
.activeLink {
    color: #000000 !important;
}
/*GENERIC SEARCH PAGE END*/
/*GENERIC FAQ-PAYMENT PAGE START*/

.headTitle span {
    xfont-size: 0.6em;
    font-weight: normal;
}
.faqpaymentTitle {
    font-size: 2.8125em;
    font-weight: 400;
    line-height: 50px;
    padding-right: 3%;
    xpadding-top: 25px;
}
.faqpaymentContent {
    width: 79%;
    border-right: solid 1px #000;
    padding-bottom: 25px;
}
.faqpaymentContent p {
    font-size: 0.75em;
    margin-top: 25px;
    padding-right: 3%;
}
.faqpaymentBox {
    float: left;
    margin-top: 25px;
    width: 98%;
}
.faqpaymentBox>.paymentFaq {
    background: none;
    width: 100%;
    font-size: 0.75em;
}
.question>h4 {
    margin-left: 15px;
    padding: 25px 0;
    cursor: pointer;
    font-size: 1.3em;
}
.answer {
    margin-top: 0px;
    padding: 0 0 30px 0;
    color: #474747;
}
.question {
    border-top: 1.5px solid #008097;
    margin-top: 0px;
    padding-top: 0px;
    color: #008097;
    font-size: 0.875em;
    background: url(../images/faqaccordion_plus.png) no-repeat 0 28px;
}
.paymentfaqOpen {
    background: url(../images/faqaccordion_minus.png) no-repeat 0 29px !important;
}
.expand {
    background: url(../images/faqaccordion_showall.png) no-repeat left 3px;
    margin-top: 0px;
    padding-top: 0px;
    color: #008097;
    font-size: 1em;
}
.collapse {
    background: url(../images/faqaccordion_minus.png) no-repeat 0 5px;
    display:block;
}
.expand>h3 {
    margin-left: 15px;
    padding-bottom: 15px;
    cursor: pointer;
    font-size: 1.3em;
}
.faqpaymentContent a {
    color: #008097;
    font-size: 0.875em;
    padding-right: 3%;
}
.faqpaymentContent .blueLine {
    margin-right: 20px;
}
.viewFaqs {
    float: right;
}
.backLink {
    float: left;
}
/*.headTitle { padding-left: 10px; }*/
/*GENERIC FAQ-PAYMENT PAGE END*/
/*GENERIC FAQ PAGE START*/

.faqContent {
    width: 79%;
    border-right: solid 1px #000;
    padding: 25px 0 0 0;
}
.faqContent .top {
    margin-right: 10px;
}
.faqpageTitle {
    font-size: 2.8125em;
    font-weight: 400;
    line-height: 50px;
    padding-right: 3%;
}
.faqContent p {
    font-size: 0.75em;
    margin-top: 25px;
    padding-right: 3%;
}
.faqDivisions {
    width: 100%;
    margin-top: 30px;
    padding-bottom: 50px;
}
.faqDivisionscontent {
    width: 50%;
    height: 150px;
    float: left;
    margin-bottom: 10px;
}
.faqDescription {
    float: right;
    width: 40%;
}
.faqDescription h5 {
    font-size: 0.875em;
}
.faqDescription p {
    margin-top: 10px;
}
.pnmrWrapper .faqDivisionscontent img {
    width: 56%;
    height: 134px;
    float: left;
}
.viewFaq {
    font-size: 0.8em;
    margin-top: 10px;
}
.viewFaq a {
    color: #008097;
}
.blackLine {
    border-bottom: 1px solid #000;
    height: 1px;
    padding: 3px 0;
    margin-left: -19px;
}
/*GENERIC FAQ PAGE END*/
/*CONTACT US PAGE START*/

.contactUsdiv {
    xwidth: 74%;
    xborder-right: solid 1px #000;
    xfloat: left;
}
.contact-us .contactUsdiv>div {
    padding-right: 20px;
}
.contactUsHelpBox {
    xwidth: 24%
    /*19.8%*/
    
    ;
    xfloat: right;
    xpadding-top: 25px;
}
.reportOutage {
    background: #e3ddd0;
    height: 178px;
    -webkit-box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.75);
    box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.75);
    xmargin-top: 25px;
}
.contactUsdiv.myAccntLeftbox .reportOutage {
    margin-top: 0;
}
.reportOutage h1 {
    line-height: 40px;
    margin: 0 3%;
    padding: 30px 0;
    border-bottom: solid 1px #000;
    font-size: 1.75em;
}
.reportOutagelink {
    float: right;
    padding: 10px 20px;
}
.reportOutagelink a {
    color: #008097;
    padding: 0 6px;
}
.emailUs {
    padding-top: 30px;
    padding-left: 2.5%;
}
.emailUs h1 {
    font-weight: normal;
    padding-bottom: 20px;
    font-size: 1.625em;
}
.contactUsEmailUs {
    padding-top: 0px;
    padding-left: 2.5%;
}
.havaQuestion {
    font-size: 0.75em;
    margin: 25px 0;
}
.contactUs label {
    border: none;
    /* changes for DXP-7 */
    
    text-align: left;
    padding-left: 0;
    /* changes for DXP-7 */
}
.emailUs .acDivBox p {
    padding-left: 15px;
}
.emailDropdown {
    margin-top: 15px;
}
.emailDropdown .displayBody {
    width: 47%;
    padding-left: 0px;
    float: left;
}
.emailDropdown .displayBody fieldset .customStyleSelectBox {
    width: 80%;
}
.emailDropdown .displayBody fieldset .customStyleSelectBox .customStyleSelectBoxInner {
    width: 100% !important;
}
.contact-us .emailDropdown .displayBody fieldset .customStyleSelectBox .customStyleSelectBoxInner {
    padding-right: 10px;
}
.emailDropdown .displayBody fieldset span.customStyleSelectBox {
    padding: 6px 10px 6px 10px;
}
.contact-us .emailDropdown .displayBody fieldset span.customStyleSelectBox {
    padding: 6px 20px 6px 10px;
}
.emailDropdown .displayBody select.topicSelect {
    width: 86%;
    left: 0px;
    top: 130px;
}
.contact-us .emailDropdown .displayBody select.topicSelect {
    top: 133px;
    height: 32px !important;
}
.emailDropdown .displayBody select.contactSelect {
    width: 86%;
    left: 0px;
    top: 45px;
}
.contact-us .emailDropdown .displayBody select.contactSelect {
    top: 45px;
}
.emailDropdown .displayBody fieldset h4 {
    padding-bottom: 9px;
}
.labelContact {
    font-weight: normal;
    padding-left: 5px;
}
.questions {
    xwidth: 256px;
    width: 47%;
    float: left;
    padding: 8px 0;
    font-size: 0.875em;
}
.questions textarea {
    height: 110px;
    overflow-y: scroll;
    width: 100%;
    margin-top: 10px;
}
.contactInput {
    width: 30%;
    margin-bottom: 25px;
}
.contactAddress {
    width: 50%;
    margin-bottom: 25px;
}
.contactUs {
    margin-top: 30px;
}
.contactUs .buttonBox .cancel {
    font-size: 1em;
}
.contactUsdiv .innerDiv {
    xpadding-right: 20px;
}
.moreFaqs .displayBody {
    width: 100%;
    padding-left: 0px;
    float: left;
    margin-top: 15px;
}
.moreFaqs .displayBody fieldset {
    float: left;
    width: 80%;
    margin-top: 5px;
}
.moreFaqs .displayBody fieldset .customStyleSelectBox {
    width: 80%;
}
.moreFaqs .displayBody fieldset span.customStyleSelectBox {
    padding: 7px 10px 6px 10px;
}
.moreFaqs .displayBody fieldset .customStyleSelectBox .customStyleSelectBoxInner {
    width: 100% !important;
}
.moreFaqs .displayBody select.faqSelect {
    width: 76%;
    left: 0px;
    top: 0px;
}
.moreFaqs .displayBody .go {
    width: 35px;
    float: right;
    margin-top: 5px;
}
.moreFaqs .displayBody .buttonGreen {
    padding: 0 10px;
}
.callUs label {
    padding-top: 15px;
    padding-left: 0px;
}
.mailUs label {
    padding-top: 25px;
}
.headingRight {
    font-size: 1.5em;
    line-height: 30px;
}
.headingRight span {
    font-size: 1.2em;
    font-weight: bold;
}
.callUs h5 {
    font-size: 0.75em;
    padding-top: 15px;
}
.callUs p {
    font-size: 0.75em;
    padding: 20px 0 0 0;
}
.mailUs p {
    font-size: 0.75em;
}
.contactUsdiv .contactPhone input {
    width: 69px;
    padding-right: 5px;
    margin-bottom: 25px;
}
.contactUsdiv .contactUs .acDivBox {
    margin-bottom: 25px;
    width: 100px;
}
.contactUsdiv .contactUs .acDivBox p {
    padding: 0px;
}
.contactUsdiv .contactUs .acDivBox input {
    width: 80px;
}
.contactUsdiv .contactUs .captcha span {
    font-size: 0.75em;
}
.contactUsdiv .contactUs .captchaDiv {
    margin-bottom: 30px;
}
.contactUsdiv .contactUs .buttonBox {
    margin: 20px 0 0 0;
    width: 33%;
}
/*CONTACT US PAGE END*/
/*USAGE HISTORY START*/

.usageHistoryHldr {
    padding-right: 0.5%;
    width: 100%;
    position: relative;
    border: none;
}
.twoColLayout {
    padding-right: 0.5%;
    width: 100%;
    position: relative;
    border: none;
    padding-top: 25px;
    float: left;
}
.usageContent {
    float: left;
    margin-left: 2.5%;
    /* DXP Changes */
    width: 76.7%;
    /* DXP Changes */
    z-index: 1;
}
.usageContent .tabHolder {
    background-color: #F2EEE5;
    padding: 0;
    border-top: none;
    border-right: none;
    border-left: none;
}
.usageContent .tabs {
    width: 100%;
    overflow: hidden;
    background: transparent url(../images/square_one_px.gif) 0 100% repeat-x;
}
.usageContent .tabs>ul>li {
    float: left;
    margin: 0 !important;
}
.usageContent .tabs li {
    list-style: none;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    font-size: 1em;
    color: #484848;
    font-weight: bold;
    height: 30px;
    width: 170px;
    box-shadow: 6px 0px 1px rgba(50, 50, 50, 0.2);
    -webkit-box-shadow: 6px 0px 1px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 6px 0px 1px rgba(50, 50, 50, 0.2);
    cursor: pointer;
}
.usageContent .tabs li:first-child.active a {
    border-right: none;
}
.usageContent .tabs a {
    text-align: center;
    display: inline-block;
    background: #e3ddd0;
    color: #9c9b9b;
    text-decoration: none;
    border-right: 1px solid #474747;
    border-top: 1px solid #474747;
    border-left: 1px solid #474747;
    width: 100%;
    padding: 5px 0;
}
.usageContent .tabs li.active a {
    background: none repeat scroll 0 0 #F2EEE5;
    border-bottom: 1px solid #F2EEE5 !important;
    color: #484747;
    border-bottom: none;
}
.usageContent .tabContHolder {
    background-color: #f2eee5;
    margin-top: 0px;
    padding: 0px;
}
.usageLinks {
    background-color: #f2eee5;
    margin-top: -2px;
    border-bottom: 1px solid #474747;
    padding: 10px 0;
    color: #008097;
    font-size: 1em;
}
.usageLinks a.active {
    color: #484848;
    font-weight: bold;
}
.usageLinks a {
    color: #008097;
}
.usageHistory {
    padding: 10px 0;
    border-bottom: solid 1px #474747;
}
.usageHistory a.active {
    color: #484848;
    font-weight: bold;
    padding-left: 10px;
}
.accordionStyle {
    width: 100%;
}
.divContent {
    border: 1px solid #474747;
    border-top: none;
    -webkit-box-shadow: 5px 7px 17px -4px rgba(50, 50, 50, 0.5);
    ;
    -moz-box-shadow: 5px 7px 17px -4px rgba(50, 50, 50, 0.5);
    box-shadow: 5px 7px 17px -4px rgba(50, 50, 50, 0.5);
}
.usageContent .tabHolder .forGraphLegend {
    padding: 10px 13%;
    width: auto;
    font-size: 0.875em;
    font-weight: normel;
}
/* Sukanta */

.usageContent .tabHolder .forGraphLegend .allMonth {
    background: #01697b;
    width: 15px;
    height: 15px;
    margin-right: 10px;
    display: inline-block;
}
.usageContent .tabHolder .forGraphLegend .allMonthText {
    display: inline-block;
    float: left;
    font-size: 1em;
    font-family: Arial, Helvetica, sans-serif;
    color: #8f8d89;
    margin-right: 25px;
}
.usageContent .tabHolder .forGraphLegend .curMonth {
    background: #c86f09;
    width: 15px;
    height: 15px;
    margin-right: 10px;
    display: inline-block;
    margin-left: 15px;
}
.divContent1 {
    border: 1px solid #474747;
    padding: 10px 0;
}
.usageContent .tabHolder thead tr {
    line-height: 44px;
}
.usageContent .tabHolder thead tr th {
    border-top: none;
    background: #ceded9;
    width: 7.3%;
    height: 58px;
    text-align: center;
}
.usageContent .tabHolder thead tr th:first-child {
    border-left: none;
}
.usageContent .tabHolder thead tr th:last-child {
    border-right: none;
}
.usageContent .tabHolder table tr:nth-child(odd) {
    background: #f2eee5;
}
.usageContent .tabHolder table tr:nth-child(even) {
    background: #e3ddd0;
}
.usageContent .tabHolder table tr {
    line-height: 44px;
}
.usageContent .tabHolder table tr td {
    text-align: center;
}
.usageContent .tabHolder .bottomDesc {
    padding: 35px 13%;
    width: auto;
    font-size: 0.875em;
    font-weight: bold;
}
.usageContent .tabHolder .bottomDesc span {
    font-size: 1.625em;
    font-weight: 500;
}
.retSummary a {
    color: #008097;
    padding-top: 20px;
    font-size: 0.875em;
}
.advancedElecinfo h1 {
    background: #a19f9b;
    color: #fffffd;
    font-weight: normal;
    padding: 10px;
    font-size: 1em;
    border-left: solid 1px #474747;
    border-right: solid 1px #474747;
}
.advancedElecinfo {
    margin-top: 30px;
    border-top: 1px solid #474747;
    font-size: 1em;
}
.accordionStyle .divContent .accProfAccordion .content {
    padding: 0px;
    width: 100%;
    border: none;
}
.accordionStyle .divContent1 .accProfAccordion .content {
    padding: 0px;
    width: 100%;
    border: none;
}
.divContent .electricService {
    margin-top: 10px;
}
.electricService {
    background: #e3ddd0 1.4% 14px no-repeat url(../images/electricservice_slideup.png);
    line-height: 44px;
    height: 44px;
    color: #000000;
    width: 98%;
    cursor: pointer;
    border: 1px solid #474747;
    font-size: 0.875em;
    margin-left: 1%;
}
/* Red color not required, per Business suggestion */

.electricService span {
    xcolor: #e80000;
}
.advancedElecinfo .electricService {
    border-bottom: solid 1px #474747;
}
.electricService h3:first-child {
    float: left;
    padding-left: 5.5%;
    margin-top: 13px;
}
.electricService h3:last-child {
    float: right;
    padding-right: 2%;
    margin-top: 13px;
}
.electricOpen {
    background: #e3ddd0 1.4% 14px no-repeat;
    background-image: url(../images/electricservice_dropdown.png)
}
.accordionOpen {
    background: url(../images/accordion_minus.png) 10px 5px no-repeat #008097 !important;
    color: #fff !important;
}
#graphChart1 #JSChart_graphChart1 {
    max-width: 100%;
    height: auto;
}
.graphDisplay {
    border: 1px solid #474747;
    border-top: none;
    -webkit-box-shadow: 5px 7px 17px -4px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 5px 7px 17px -4px rgba(50, 50, 50, 0.5);
    box-shadow: 5px 7px 17px -4px rgba(50, 50, 50, 0.5);
}
.usageContent .tabContHolder .accProfAccordion .content table {
    width: 100%;
}
.rightFloat {
    float: right;
}
.usageContent .tabHolder .accProfAccordion td:before {
    top: 0px;
}
.accordionStyle .divContent .accProfAccordion {
    width: 98.3%;
    margin-left: 1%;
}
.accordionStyle .divContent1 .accProfAccordion {
    width: 98.3%;
    margin-left: 1%;
}
.accordionHeading {
    font-size: 1.33em;
    font-weight: bold;
    padding: 15px 0 15px 1.3%;
    border-bottom: 1px solid #474747
}
.usageContent .yearAccordion {
    height: 43px;
    color: #484848;
    line-height: 46px;
    background: url(../images/accordion_plus.png) 10px 5px no-repeat #dad3c3;
    border-top: none;
    border: 1px solid #474747;
    border-top: none;
}
.accProfAccordion .open {
    background: url(../images/accordion_minus.png) 5px 5px no-repeat #008097;
    color: #fff;
}
.accProfAccordion div.content {
    border-bottom: 1px solid #474747;
    display: none;
    width: 98%;
    padding: 1%;
    color: #424242;
}
.accProfAccordion div.show {
    display: block
}
.accordionStyle .divContent .yearAccordion h2 {
    margin-left: 55px;
    cursor: pointer;
    font-size: 1em;
}
.accordionStyle .divContent1 .yearAccordion h2 {
    margin-left: 55px;
    cursor: pointer;
    font-size: 1em;
}
.usageContent .tabHolder thead tr th:first-child {
    border-left: none;
}
.usageContent .tabHolder thead tr th:last-child {
    border-right: none;
}
.currRate {
    float: right;
}
.retSummary {} .retSummary a {
    color: #008097;
    padding-top: 20px;
}
.top {
    float: right;
    background: url(../images/top_arrow.png) no-repeat 4px 18px;
    font-size: 0.75em;
    padding-top: 15px;
    line-height: 22px;
}
.top a {
    padding-left: 25px;
    color: #008097;
}
.usageContent .content table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #474747;
    font-size: 0.75em;
}
.usageContent .content th {
    background: none repeat scroll 0 0 #CEDED9;
    border: 1px solid #474747;
    border-right: solid 1px #939d9a;
    color: #474747;
    font-weight: bold;
    padding: 11px 0;
    text-align: center;
    height: 59px;
}
.accordionStyle .divContent .accProfAccordion .content th {
    padding: 5px;
    line-height: normal;
}
.accordionStyle .divContent1 .accProfAccordion .content th {
    padding: 5px;
    line-height: normal;
}
.usageContent .content th:nth-of-type(1) {
    width: 20%;
}
.usageContent .content th:nth-of-type(2) {
    width: 18%;
}
.usageContent .content th:nth-of-type(3) {
    width: 15%;
    text-align: center;
}
.usageContent .content th:nth-of-type(4) {
    width: 8%;
    text-align: center;
}
.usageContent .content th:nth-of-type(5) {
    width: 9%;
    text-align: center;
}
.usageContent .content th:nth-of-type(6) {
    width: 9%;
    text-align: center;
}
.usageContent .content th:nth-of-type(7) {
    width: 19%;
    text-align: center;
}
.usageContent .content td:nth-of-type(2) {
    text-align: center;
}
.usageContent .content td:nth-of-type(3) {
    text-align: center;
}
.usageContent .content td:nth-of-type(4) {
    text-align: center;
}
.usageContent .content td:nth-of-type(5) {
    text-align: center;
}
.usageContent .content td:nth-of-type(6) {
    text-align: center;
}
.payBillBtn {
    /*float: left; */
    
    font-size: 1em;
    padding: 0 8px;
}
.viewBillBtn {
    background: #f8f6f2;
    /* Old browsers */
    
    background: -moz-linear-gradient(top, #f8f6f2 0%, #e4ded1 100%);
    /* FF3.6+ */
    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f6f2), color-stop(100%, #e4ded1));
    /* Chrome,Safari4+ */
    
    background: -webkit-linear-gradient(top, #f8f6f2 0%, #e4ded1 100%);
    /* Chrome10+,Safari5.1+ */
    
    background: -o-linear-gradient(top, #f8f6f2 0%, #e4ded1 100%);
    /* Opera 11.10+ */
    
    background: -ms-linear-gradient(top, #f8f6f2 0%, #e4ded1 100%);
    /* IE10+ */
    
    background: linear-gradient(to bottom, #f8f6f2 0%, #e4ded1 100%);
    /* W3C */
    
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr '#f8f6f2', endColorstr '#e4ded1', GradientType 0);
    /* IE6-9 */
    
    color: #404040;
    border: 1px solid #fff;
    cursor: pointer;
    height: 32px;
    /*float: left; */
    
    font-size: 1em;
    padding: 0 4px;
    /*margin:0 0 0 5px*/
}
.usageContent .blueLine {
    margin-top: 30px;
}
.usageContent .tabHolder table .totalBill {
    border-top: solid 1px #474747;
}
/*USAGE HISTORY END*/
/* END AN CSS */
/* AR CSS */
/*BILL SUMMARY PAGE*/

.billSummary .accLandingAccordion {
    width: 100% !important;
}
.billSummaryRightCol .energyUsage {
    border-top: 1px solid #474747;
}
.billSummaryRightCol .viewPrintBtn {
    border-top: 1px solid #474747 !important;
}
.billSummaryRightCol .gnfGoPaperless {
    margin: -6% 0 0 0 !important;
}
.billSummary .gnfDonationTitle {
    margin: 0 auto;
}
.billSummary li.payExtSubList {
    clear: left;
}
.billSummary li.payExtSubList1 {
    font-weight: normal;
    width: 43%;
   word-break: break-word;
}
.billSummary li.payExtSubList2 {
    font-weight: normal;
    width: 12%;
    word-break: break-word;
    padding: 2% 2% 2% 8%;
}
.billSummary li.payExtSubList3 {
    font-weight: normal;
    width: 38%;
    word-break: break-word;
    padding: 2% 0 2% 0%;
}
/*Case 79742:  PNM.com Payments in process changes - Starts  */
.billSummary .paymentHeading {
    padding: 2% 4% 2% 4%;
}
.billSummary .paymentData {
   padding:  1% 4% 1.5% 4%;
}
/*Case 79742:  PNM.com Payments in process changes - Ends  */
.budgetBillInfo {
    float: left;
    padding: 0 0 0 10%;
    font-size: .75em;
    width: 90%;
    word-break: break-all;
}
.budgetBillInfo li {
    float: left;
}
.budgetBillInfo li:first-child {
    width: 60%;
    padding-right: 10%;
    font-weight: bold;
}
.budgetBillInfo li:last-child {
    width: 30%;
}
/*END BILL SUMMARY PAGE*/
/*MIGRATION LOGIN PAGE*/

.migrText {
    margin-left: 20%;
}
/* END MIGRATION LOGIN PAGE*/
/*CSS FOR MESSAGE DIV FOR REGISTRATION PAGE 5 STARTS*/

.successMessage strong {
    display: block;
    padding-top: 2%;
}
.successList {
    /*list-style: circle; */
    
    margin: 0 0 28px 7%;
    line-height: 1.87em;
    font-size: 0.875em;
}
.successList li {
    background: url(../images/bullet_black.png) no-repeat scroll 0 10px transparent;
    padding: 0 0 6px 11px;
}
.greyLine {
    font-size: 0.0625em;
    border-top: 1px solid #8c8a86;
    height: 0.0625em;
    margin: 2% 0;
}
.returnHome {
    color: #008097;
}
/*CSS FOR MESSAGE DIV FOR REGISTRATION PAGE 5 ENDS*/
/*CSS FOR GOOD NEIGHBOR FUND STEP 1 & 2 STARTS*/

.gnfFunds {
    padding-right: 0%;
    xwidth: 73%;
    position: relative;
}
/*
.gnfFunds+.benefitsHelpBox {
       width: 25.5%;
}
*/

.gnfFaqText {
    color: #3096a7;
    font-size: 0.875em;
    font-weight: bold;
    margin-left: 7.9%;
    margin-top: 11%;
    cursor: pointer;
}
.headingRightCol {
    font-size: 1.45em;
    text-align: left;
}
.headingRightCol span {
    font-weight: bold;
    display: block;
    padding-bottom: 11px;
}
.gnfHeader {
    border-bottom: 1px solid #474747;
    border-top: 1px solid #474747;
    margin-bottom: 20px;
    color: #484848;
    overflow: hidden;
    padding: 20px 0;
}
.gnfAccName {
    float: left;
    width: 58%;
    text-align: left;
    word-break: break-word;
}
.gnfName {
    font-size: 1.625em;
    line-height: 1em;
    text-align: left;
}
.gnfAddress {
    font-size: 0.750em;
    margin: 2% 0 0;
    text-align: left;
}
.gnfAccNumber {
    float: right;
    margin-right: 1.2%;
}
.gnfAccDetails {
    font-size: 1.250em;
    /* margin-top: 9%; */
}
.gnfAccCur {
    font-size: 0.75em;
    text-align: right;
    margin: 6% 1% 0;
}
.gnfBody {
    border-bottom: 1px solid #474747;
}
.gnfTitle {
    border-top: 1px solid #626160;
    border-bottom: 1px solid #626160;
    height: 3%;
    padding: 3% 1%;
    background-color: #ecf0ea;
    margin: 0 auto;
    width: 98%;
    font: 1.625em bold Arial, Helvetica, sans-serif;
}
.gnfDonationTitle,
.blockHeading {
    background-color: #A19F9B;
    border-bottom: 1px solid #484848;
    border-top: 1px solid #484848;
    color: #FFFFFF;
    font-size: 1em;
    margin: 2% auto;
    padding: 2%;
}
.gnfDonation {
    color: #484747;
    font-size: 1.25em;
    font-weight: bold;
    overflow: hidden;
    padding: 20px 2.1% 24px;
}
.gnfDonation p {
    text-align: left;
}
p.gnfNewDonation,
p.gnfNewDonationTxt {
    float: left;
    font-size: 0.75em;
}
p.gnfNewDonation {
    margin-top: 4px;
}
p.gnfNewDonationTxt {
    margin: 0 8% 0 0;
    width: 40%;
}
p.gnfStepTitle {
    font-size: 0.75em;
    font-weight: bold;
}
.gnfinputField {
    margin-left: 1%;
    height: 1.375em;
    width: 60%;
}
.donationMessage {
    margin-top: 2%;
}
p.gnfNewDonationStep2 {
    margin-left: 18%;
}
.gnfFunds .buttonpb li:first-child {
    width: auto;
}
.gnfFunds .buttonBox li:first-child {
    xwidth: 36%;
}
.gnfFunds .blueLine {
    clear: both;
}
.gnfFunds .gnfFundSteps .buttonBox li:first-child {
    width: auto;
}
.gnfFunds .gnfFundSteps .buttonBox {
    margin-bottom: 5.5%;
    xwidth: 38%;
}
.gnfFunds .modifygnfFunds .buttonBox {
    margin-bottom: 5.5%;
    xwidth: 84%;
}
/*CSS FOR GOOD NEIGHBOR FUND STEP 1 & 2 ENDS*/
/*CSS FOR GOOD NEIGHBOR FUND LANDING PAGE STARTS*/

.meterContent h2 {
    font-size: 1.25em;
}
p.gnfSignUpText {
    padding: 2%;
    margin-left: -1%;
    font-size: 0.75em;
}
.meterContent .successDiv {
    border: 2px solid #FFFFFF;
    background: url(../images/successBackgrnd.png) repeat 0 0;
    box-shadow: 0px 5px 10px #99c596 inset;
    padding: 2% 5%;
    /*margin:0 0 3% 9%;*/
    
    margin: 0 0 3% 0%;
    font-size: 0.75em;
}
.meterContent p.successMessage {
    padding: 0 0 0 76px;
    margin-left: 0%;
    font-size: 0.895em;
    font-weight: 500;
}
.meterContent p.InfoIcon {
    padding: 0 0 0 75px;
    margin-left: 0;
    font-size: 14px;
}
/*CSS FOR GOOD NEIGHBOR FUND LANDING PAGE ENDS*/
/*CSS FOR MODIFY GOOD NEIGHBOR FUND LANDING PAGE*/

.gnfFunds .buttonBox {
    margin-bottom: 6%;
    xwidth: 24%;
}
.gnfFunds .modifygnfFunds p.gnfNewDonationTxt {
    margin: 0 14% 0 0;
    width: 40%;
}
/*CSS FOR MODIFY GOOD NEIGHBOR FUND LANDING PAGE ENDS*/
/*CSS FOR MODIFY GOOD NEIGHBOR FUND STEP1 & 2*/

.modifyGnfButtons p.gnfNewDonationStep2,
.modifyGnfButtons p.gnfNewDonationAmtStep2 {
    font-size: 0.75em;
    display: block;
    margin: 0 0 3% 5%;
    padding: 0;
    float: left;
    clear: right;
    width: 44%;
}
.modifyGnfButtons .gnfNewDonationStep2 {
    text-align: right;
    width: 37%;
}
.modifyGnfButtons .gnfNewDonationAmtStep2 {
    text-align: left;
}
.modifyRow {
    overflow: hidden;
    padding-bottom: 25px;
}
.gnfFunds .modifyFundsStep .buttonBox {
    margin-bottom: 5.5%;
    xwidth: 42%;
}
/*CSS FOR MODIFY GOOD NEIGHBOR FUND STEP1 & 2 END*/
/*CSS FOR GOOD NEIGHBOR FUND ACCOUNT-PROFILE DETAILS PAGE*/

.gnfAccountDetails p.gnfNewDonationStep2,
.gnfAccountDetails p.gnfNewDonationAmtStep2 {
    margin: 3%;
}
/*
.gnfGoPaperless {
       border-bottom: 1px solid #474747;
       border-top: 1px solid #474747;
       margin: 10% 0 10% 0;
}
*/

.gnfGoPaperless .gnfPaperlessButton {
    font-size: 0.938em;
    font-weight: bold;
    background: #f8f6f2;
    /* Old browsers */
    
    background: -moz-linear-gradient(top, #f8f6f2 0%, #e4ded1 100%);
    /* FF3.6+ */
    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f6f2), color-stop(100%, #e4ded1));
    /* Chrome,Safari4+ */
    
    background: -webkit-linear-gradient(top, #f8f6f2 0%, #e4ded1 100%);
    /* Chrome10+,Safari5.1+ */
    
    background: -o-linear-gradient(top, #f8f6f2 0%, #e4ded1 100%);
    /* Opera 11.10+ */
    
    background: -ms-linear-gradient(top, #f8f6f2 0%, #e4ded1 100%);
    /* IE10+ */
    
    background: linear-gradient(to bottom, #f8f6f2 0%, #e4ded1 100%);
    /* W3C */
    
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr '#f8f6f2', endColorstr '#e4ded1', GradientType 0);
    /* IE6-9 */
    
    color: #404040;
    font-weight: normal;
    font-size: 15px;
    border: 1px solid #fff;
    margin: 0 0 20px 0;
    padding: 5% 20%;
    cursor: pointer;
    -webkit-appearance: none;
}
.gnfGoPaperless a.gnfPaperlessButtonLink {
    display: block;
    float: left;
    font-size: 0.938em;
    font-weight: bold;
    background: #f8f6f2;
    /* Old browsers */
    
    background: -moz-linear-gradient(top, #f8f6f2 0%, #e4ded1 100%);
    /* FF3.6+ */
    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f6f2), color-stop(100%, #e4ded1));
    /* Chrome,Safari4+ */
    
    background: -webkit-linear-gradient(top, #f8f6f2 0%, #e4ded1 100%);
    /* Chrome10+,Safari5.1+ */
    
    background: -o-linear-gradient(top, #f8f6f2 0%, #e4ded1 100%);
    /* Opera 11.10+ */
    
    background: -ms-linear-gradient(top, #f8f6f2 0%, #e4ded1 100%);
    /* IE10+ */
    
    background: linear-gradient(to bottom, #f8f6f2 0%, #e4ded1 100%);
    /* W3C */
    
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr '#f8f6f2', endColorstr '#e4ded1', GradientType 0);
    /* IE6-9 */
    
    color: #404040;
    font-weight: normal;
    font-size: 15px;
    border: 1px solid #fff;
    margin: 0 0 20px 0;
    padding: 5% 20%;
    cursor: pointer;
    -webkit-appearance: none;
    text-decoration: none;
}
.gnfGoPaperless a.gnfPaperlessButtonLink:hover {
    background-image: none;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
   background-color: #f2eee5;
}
.gnfMyProfileDetails ul li {
    margin: 8% 0 0 0%;
}
.gnfMyProfileDetails,
.gnfGoPaperless,
.gnfQuickLinks {
    margin-left: 4%;
}
.gnfGoPaperless ul li {
    margin: 7% 0 -2% 0%;
}
.gnfGoPaperless .gnfUserName {
    font-size: 0.825em;
}
.gnfQuickLinks ul li {
    margin: 0 0 2%;
    display: block;
}
.gnfQuickLinks ul li:first-child {
    margin-bottom: 8%;
}
.gnfQuickLinks ul li:nth-child(even) {
    /*background: #e3ddd0;*/
    
    overflow: hidden;
    padding: 4%;
}
.gnfQuickLinks ul li:nth-child(odd) {
    background: #e3ddd0;
    overflow: hidden;
    padding: 4%;
}
.gnfQuickLinks ul li span.gnfEnrollNot {
    /* DXP Changes */
    display: inline-block;
    /* DXP Changes */
	padding-left: 9%;
}
.gnfMyProfile {
    font-size: 0.875em;
    font-weight: bold;
    color: #484747;
}
.gnfUserName {
    font-size: 0.75em;
    font-weight: bold;
}
.gnfNewDonationStep2 span,
.gnfNewDonationAmtStep2 span,
.gnfMyProfileDetails .gnfUserName span {
    display: block;
    font-weight: normal;
    color: #686765;
}
.gnfMyProfileDetails .gnfViewProf a {
    color: #008097;
    font-size: 0.875em;
    text-decoration: none;
}
.gnfQuickLinks .gnfUserName a {
    margin-left: 16%;
    color: #008097;
    text-decoration: none;
    width: 46%;
    font-weight: normal;
    display: inline-block;
}
.gnfQuickLinks .gnfUserName span {
    display: inline-block;
    width: 36%;
    float: left;
    font-weight: normal;
}
.gnfQuickLinks li.gnfNameBreak {
    margin: 0;
}
.gnfQuickLinks .gnfEnroll {
    background: url(../images/list-style-image.png) no-repeat 0px 4px;
    margin-left: 0px;
    padding-left: 17px;
}
.gnfCurrentEnroll {
    background: url(../images/list-style-image.png) no-repeat;
    margin-left: 5%;
    margin-top: 11%;
    padding-left: 10%;
}
/*.gnfQuickLinks .gnfEnrollNot { margin-left: 8%; }*/

.gnfDetails {
    border-left: 1px solid #484848;
    margin-left: -1px;
    padding-left: 1%;
}
.borderNone {
    border: none;
}
/*CSS FOR MODIFY GOOD NEIGHBOR FUND ACCOUNT-PROFILE DETAILS PAGE ENDS*/
/*CSS FOR ACCOUNT DASHBOARD PAGE*/

.accDashB {
    border-right: 0 none !important;
}
.bill-summary .gnfMyProfileDetails,
.accDashB .gnfMyProfileDetails,
.gnfGoPaperless,
.gnfQuickLinks {
    margin-left: 0;
    padding: 0 5% !important;
}
.accdisconnectNotice {
    border: 2px solid red;
    height: 300px;
    width: 400px;
}
.accNotice {
    border: 3px solid #e80000;
    padding: 2%;
    overflow: hidden;
    margin-right: 1%;
}
.accNotice span {
    color: #e80000;
    font-size: 0.875em;
    font-weight: bold;
    width: 14%;
    display: block;
    text-align: center;
    /*padding-right:4%; */
    
    float: left;
}
.accNotice p {
    color: #474747;
    font-weight: normal;
    width: 81%;
    float: left;
    margin-left: 4%;
}
.accDashContent {
    border: 1px solid #474747;
    margin-right: 1%;
    margin-top: 3%;
}
.accLeft {
    float: left;
    width: 50%;
    color: #484747;
    font-size: 1em;
    font-weight: bold;
}
.accRight {
    float: left;
    width: 50%;
}
.accLeft .gnfButtonBox {
    text-align: right;
}
.accLeft .gnfButtonBox li {
    padding-right: 25%;
}
.accLeft .buttonGreen {
    font-size: 0.938em;
    padding: 0 10%;
    /*margin-right: 5%*/
    
    margin: 5% 5% 0;
}
.accLeft input {
    float: right;
    clear: left;
}
.accLeft .accViewBill {
    color: #008097;
    font-size: 0.875em;
    font-weight: normal;
    padding: 2% 0 2% 4%;
    text-decoration: none;
    display: block;
    float: left;
}

/*Case 79742:  PNM.com Payments in process changes - Starts  */
.accLeft .payment {
    border-radius: 25px;
    padding: 2% 0% 2% 4%;
    font-size: 13.9px;
    background: #CEDED9;
    margin-left: 4%;
    /* margin-right: 4%; */
    margin-top: 4%;
}
.accLeft .paymentText {
	padding-top: 1%;
    padding-bottom: 1%;
}
/*Case 79742:  PNM.com Payments in process changes - Ends  */

.accBlueLine {
    font-size: 0.063em;
    border-top: 1px solid #008097;
    margin: 8% auto 0;
    width: 95%;
    clear: both;
}
.accInnerRight {
    background: #f2eee5;
    border: 1px solid #ffffff;
    padding: 3% 5% 7%;
    margin: 3%;
}
.accImgHolder {
    height: 6.8%;
    margin-bottom: 8%;
    overflow: hidden;
}
.accImgHolder p span {
    display: block;
}
.accImageDiv {
    float: left;
    display: inline;
    width: 60%;
    margin-right: 2%;
}
.accInnerRight ul {
    margin-left: 6%;
}
.accInnerRight ul.pnmMlist li {
    background: url(../images/bullet_black.png) no-repeat scroll 0 10px transparent;
    font-size: 0.75em;
    padding: 0 0 6px 11px;
}
.accInnerRight ul li:last-child {
    padding-bottom: 20px;
}
.accRight .accViewBill {
    color: #008097;
    font-size: 0.875em;
    font-weight: normal;
    padding: 1% 0 7% 0%;
    text-decoration: none;
    display: inline-block;
}
.accRight .buttonGreen {
    font-size: 0.938em;
    padding: 0 10%;
}
.accRight .buttonBox {
    text-align: left;
    /*margin-left: 0%;*/
    
    margin: 20px 0 0 0;
    width: auto;
}
.accRight .buttonBox li {
    line-height: 0;
}
.accInnerRight .accBlueLine {
    font-size: 0.063em;
    border-top: 1px solid #008097;
    margin: 2% 0 7% 0;
}
.accImgHolder p {
    font-weight: bold;
    font-size: 0.875em;
}
.dashboardDetails {
    list-style: none;
    margin: 4% auto 0;
    overflow: hidden;
}
.dashboardDetails li {
    float: left;
    text-align: left;
    font-weight: bold;
    padding: 3% 5%;
    /*width:40%;*/
}
/*.dashboardDetails li:first-child{ width:50%;}*/

.dashboardDetails li:second-child {
    width: 30%;
}
.dashboardDetails li.dashTitle {
    text-align: right;
    /* DXP Changes */
    
    width: 61%;
    /* DXP Changes */
}
.dashboardDetails li:last-child {
    width: 29%;
}
.dashboardDetails li.dashTitle span {
    text-align: right;
    display: block;
    font-weight: normal;
    font-size: 0.75em;
}
.gnfGoPaperless ul li select {
    height: 36px !important;
    left: 114px;
    margin: 5px 0 0;
    top: 14px;
    width: 12%;
}
.gnfGoPaperless select option {
    background: #ffffff;
    font-size: 0.938em;
}
.gnfGoPaperless span.customStyleSelectBox {
    font-size: 0.938em;
    font-weight: bold;
    background: #f8f6f2;
    /* Old browsers */
    
    background: -moz-linear-gradient(top, #f8f6f2 0%, #e4ded1 100%);
    /* FF3.6+ */
    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f6f2), color-stop(100%, #e4ded1));
    /* Chrome,Safari4+ */
    
    background: -webkit-linear-gradient(top, #f8f6f2 0%, #e4ded1 100%);
    /* Chrome10+,Safari5.1+ */
    
    background: -o-linear-gradient(top, #f8f6f2 0%, #e4ded1 100%);
    /* Opera 11.10+ */
    
    background: -ms-linear-gradient(top, #f8f6f2 0%, #e4ded1 100%);
    /* IE10+ */
    
    background: linear-gradient(to bottom, #f8f6f2 0%, #e4ded1 100%);
    /* W3C */
    
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr '#f8f6f2', endColorstr '#e4ded1', GradientType 0);
    /* IE6-9 */
    
    color: #404040;
    font-weight: normal;
    font-size: 15px;
    padding: 6px 5px 6px 31px;
    border: 1px solid #fff;
    margin: 0 0 20px 0;
}
.gnfGoPaperless span.customStyleSelectBox.changed {
    background-color: #f0dea4;
}
.gnfGoPaperless .customStyleSelectBoxInner {
    background: url(../images/viewDetailsarrow.png) no-repeat center right;
    width: 110px !important;
}
.bodyContainer .accDashBLeftCol {
    width: 77%;
}
.accDashBRightCol {
    width: 22.3%;
    padding-bottom: 28px;
    float: left;
    padding-left: 0;
}
/*Caroussel section*/

.theRotator {
    position: relative;
    width: auto;
    margin: 4% 0 3% 0;
    overflow: hidden;
    padding: 0 31px;
}
.theRotator ul {
    position: relative;
    width: auto;
    height: 150px;
    overflow: hidden;
    list-style: none;
}
.theRotator ul li {
    position: absolute;
    top: 0px;
    width: 224px;
    height: 150px;
    padding: 0 0 0 0;
    margin: 0;
}
.theRotator ul li span {
    display: block;
}
.theRotator ul li span.imgHolder {
    text-align: center;
    height: 150px;
}
.theRotator span.sidebutton {
    position: absolute;
    top: 35%;
    display: block;
}
.theRotator span#leftBtn {
    left: 0px;
}
.theRotator span#leftBtn a:link,
.theRotator span#leftBtn a:visited {
    background: transparent url(../images/scroller_lt_arrow.jpg) no-repeat left top;
    width: 20px;
    height: 50px;
    display: block;
}
.theRotator span#leftBtn a:hover {
    background: transparent url(../images/scroller_lt_arrow.jpg) no-repeat left top;
}
.theRotator span#rightBtn {
    right: 0px;
}
.theRotator span#rightBtn a:link,
.theRotator span#rightBtn a:visited {
    background: transparent url(../images/scroller_rt_arrow.jpg) no-repeat left top;
    width: 20px;
    height: 50px;
    display: block;
}
.theRotator span#rightBtn a:hover {
    background: transparent url(../images/scroller_rt_arrow.jpg) no-repeat left top;
}
/*Caroussel section end*/
/*2nd outage alert*/

.accInnerRight.outageAlertBox {
    background: #e3ddd0;
    border: 2px solid #e80000;
    padding: 3% 5% 9%;
    margin: 3%;
}
.outageAlert {
    background: url(../images/outage_alert.png) no-repeat top left;
}
.accInnerRight .outageAlert h2 {
    color: #e80000;
    font-weight: bold;
    margin-left: 15%;
    padding: 5% 0 0 4%;
    font-size: 1.5em;
    line-height: 1em;
}
.outageAlert .outageList {
    margin: 10% 0 0 -2%;
    list-style: none;
    overflow: hidden;
}
.outageAlert li.outageListDetails {
    text-align: left;
    xwidth: 32%;
    font-weight: bold;
    clear: both;
}
.outageAlert li.outageSubDetails {
    text-align: left;
    xwidth: 60%;
    font-weight: normal;
}
.accLeft .outageFooter {
    float: left;
    background: url(../images/outageDivider.png) no-repeat center;
    width: 95%;
    padding: 2% 0 2% 3%;
    font-weight: normal;
}
.accLeft .outageFooter a {
    text-decoration: none;
    margin: 0 4% 0 2%;
    font-size: 0.89em;
}
.accInnerRight .outageFooter {
    float: left;
    border-top: 1px solid #474747;
    background: url(../images/outageDivider.png) no-repeat center;
    width: 100%;
    padding: 2% 0 2% 0;
}
.accInnerRight .outageFooter a {
    margin: 0 4% 0 4%;
    text-decoration: none;
}
/*2nd outage alert end*/
/*CSS FOR ACCOUNT DASHBOARD PAGE END*/
/*PAYMENT MORE WAYS PAGE*/

.paymentWays {
    float: none;
    margin-left: 2.5%;
    width: auto;
    z-index: 1;
    border: 1px solid #474747;
}
.paymentWays .gnfDonationTitle {
    margin: 0;
    padding: 1%;
    border-top: none;
}
.paymentTable {
    /*background:green;*/
    
    margin: 1.5%;
    border: 1px solid #474747;
}
.paymentTable table {
    table-layout: fixed;
}
.paymentTable .content th {
    background: #CEDED9;
    border: medium none;
    border-right: 1px solid #8a9290;
    border-bottom: 1px solid #474747;
    color: #545555;
    font-weight: bold;
    /* DXP Changes */
    
    padding: 24px 16px;
    /* DXP Changes */
    
    text-align: center;
    font-size: 0.813em;
    vertical-align: middle;
}
.paymentTable .content table {
    width: 100%;
    border-collapse: collapse;
    border: none;
    font-size: 1em;
}
.paymentTable .content th:last-child {
    border-right: 0px;
}
.paymentTable .content td {
    padding: 15px 7px;
    text-align: left;
    vertical-align: top;
}
.paymentTable .content th:first-child {
    width: 26.5%;
}
.paymentTable .content th:first-child+th {
    width: 8%;
}
.paymentTable .content th:first-child+th+th {
    width: 13.2%;
    text-align: center;
}
.paymentTable .content th:first-child+th+th+th {
    width: 20.2%;
    text-align: center;
}
.paymentTable .content th:first-child+th+th+th+th {
    width: 14.7%;
    text-align: center;
}
.paymentTable .content th:first-child+th+th+th+th+th {
    width: 17.4%;
    text-align: center;
}
.paymentTable .content tr:nth-of-type(even) {
    background: #e3ddd0;
}
.paymentTable .content td:nth-of-type(2) {
    font-size: 0.75em;
    text-align: center;
}
.paymentTable .content td:nth-of-type(3) {
    font-size: 0.75em;
    text-align: center;
}
.paymentTable .bTextList {
    padding-top: 0;
}
.paymentTable .bTextList li {
    background: url(../images/bullet_black.png) no-repeat 3px 7px;
}
.paymentTable .bTextList li.blueText {
    background: url(../images/bullet_blue.png) no-repeat 3px 7px;
    color: #008097;
}
.paymentTable .tableText {
    background: #e3ddd0;
    color: #424242;
    border-top: 1px solid #474747;
    font-weight: bold;
    font-size: 0.875em;
    padding: 2%;
}
.paymentTable .blueText {
    color: #008097;
}
/*PAYMENT MORE WAYS PAGE END*/
/*PAYMENT PAY IN PERSON PAGE*/

.meterContent .paymentTitle {
    font-weight: bold;
    color: #595756;
    font-size: 0.875em;
    margin: 2% 0 0 3%;
}
.meterContent ul.listText {
    margin: 3% 0 0 4%;
}
.listText li {
    background: url(../images/bullet_black.png) no-repeat 0 8px;
    padding: 0 0 6px 11px;
    font-size: 0.813em;
}
.subListText li {
    padding: 1% 2%;
    font-size: 0.9em;
    background: url(../images/bullet_black.png) no-repeat 0 12px;
}
p.paymentLink {
    text-align: right;
}
p.paymentLink a {
    color: #008097;
    font-size: 0.75em;
    text-decoration: none;
}
span.blueText {
    color: #008097;
}
p.tableText {
    background: #e3ddd0;
    color: #424242;
    font-size: 0.813em;
    padding: 2%;
}
/*PAYMENT PAY IN PERSON PAGE END*/
/*PAYMENT PAY BILL*/

.payBillContent {
    background: #dad3c3 url(../images/divider-border-bg.jpg) repeat-y center top;
    border: 1px solid #4f4f4e;
    overflow: hidden;
}
.or {
    background: url(../images/OR.png) no-repeat;
    height: 30px;
    position: absolute;
    right: -15px;
    top: 0.5%;
    width: 31px;
    z-index: 9;
}
.payBill .percentElectricBlock h4,
.payBill .blockSolarEnergy h4 {
    background: url(../images/bar_orange.png) repeat-x;
    color: #FFFFFF;
    font-weight: normal;
    line-height: 37px;
    padding-left: 3%;
    font-size: 1.05em;
}
.payBill .blockSolarEnergy h4 {
    background: url(../images/bar_blue.png) repeat-x;
    text-align: left;
    padding-left: 8%;
}
.payBill .pseBlock {
    float: left;
    font-size: 0.75em;
    width: 49.901%;
    border: none;
    background: none;
}
.payBill .pseBlock ul {
    margin: 5%;
    min-height: 0;
}
.payBill .pseBlock ul li {
    background: none;
    margin-bottom: 0;
    padding: 6px 0 9px;
}
.payBill .percentElectricBlock ul {
    margin: 5% 13% 5% 5%;
}
.payBill p.payMsg {
    margin: 20px 11% 25px 5%;
}
.payBill .blockSolarEnergy ul li {
    background: url(../images/bullet_black.png) no-repeat 0 7px;
    margin: 3% 15% 3% 0;
    padding: 0 0 0 8px;
}
.payBill .blockSolarEnergy ul li sup {
    line-height: 10px;
}
.payBill .blockSolarEnergy ul.gnfButtonBox li {
    background: none;
}
.payBill .percentElectricBlock .gnfButtonBox {
    margin-top: 98.7%;
    margin-top: 100% \9;
}
.payBill .blockSolarEnergy .gnfButtonBox {
    margin-top: 13.2%;
}
.payBill .blockSolarEnergy,
.payBill .percentElectricBlock {
    border-bottom: none;
}
.payBill .blockSolarEnergy {
    float: right;
}
.payBill p.payBillTitle {
    margin: 2% 0 0 3%;
    font-weight: bold;
    color: #595756;
    font-size: 0.87em;
}
.payBill p.payBillSub {
    margin: 2% 0 3% 3%;
    font-weight: regular;
    font-size: 0.88em;
}
.payBill p.return a {
    font-size: 0.813em;
}
/* Defect Fix for ID:1075 */

.pay-bill .payBill .percentElectricBlock .gnfButtonBox,
.pay-bill .payBill .blockSolarEnergy .gnfButtonBox {
    width: auto !important;
}
/*PAYMENT PAY BILL END*/
/*PAYMENT EXTENSION LANDING PAGE*/

.payExtension p.payExtTitle {
    font-size: 0.813em;
    /*margin-top: 15px;*/
}
.payExtension .paymentTitle {
    margin: 2% 0 0 0;
}
.payExtension ul.listText {
    margin: 3% 0 0 1%;
}
.payExtension .buttonBox {
    margin-bottom: 2%;
    xwidth: 24%;
}
.payExtension .mesgBox {
    margin-bottom: 10px;
}
/*PAYMENT EXTENSION LANDING PAGE END*/
/*PAYMENT EXTENSION STEPS PAGE*/

.payExtList {
    list-style: none;
    margin: 3% auto 3%;
    overflow: hidden;
    font-size: 0.875em;
}
.payExtList li {
    float: left;
    text-align: left;
    font-weight: bold;
    padding: 2% 8%;
}
.payExtStep li.payExtSubList1 {
    width: 43%;
}
.payExtList li.payExtSubList {
    text-align: right;
    width: 38%;
    padding: 2% 1%;
}
.payment-extension-inner .payExtList li.payExtSubList {
	/*QA Fix*/
    width: 42%;
    /*QA Fix*/
}
.payExtension .remEmailAddrLabel {
    font-size: 0.813em;
}
.payExtStep .buttonBox {
    margin-bottom: 2%;
    xwidth: 59%;
}
/*PAYMENT EXTENSION STEPS PAGE*/
/*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% 4%;
    font-size: 0.875em;
}
.outageList li.outageSubList {
    /* DXP Changes */
    
    width: 58%;
    /* DXP Changes */
    
    padding: 2% 10%;
    font-weight: normal;
}
.outageStep .buttonBox {
    margin-bottom: 2%;
    xwidth: 49%;
}
.outageStep2 .gnfDonationTitle {
    font-size: 0.875em;
}
.outageStep2 .ocs p.ocsText1 {
    padding: 20px 0;
}
.outageStep2 .ocs p {
    font-size: 0.75em;
}
.outageStep2 .bTextList {
    padding-top: 0;
}
.outageStep2 p.return {
    margin-top: 20px;
}
.outageStep2 .buttonBox {
    xwidth: 83%;
    margin: 10px 0 0 3%;
}
/*OUTAGE LOGGED USER STEP1 END*/
/*AUTOMATIC PAYMENT STEPS*/

.automaticPay li.payExtSubList1 {
    font-weight: normal;
    width: 43%;
}
.automaticPay .navSteps .navStepsLink li:first-child {
    width: 24%;
}
.automaticPay .navSteps .navStepsLink li {
    width: 24%;
}
.automaticPay .navSteps .navStepsLink li span {
    width: 40%;
}
.bankInfoList {
    list-style: none;
    margin: 3% auto 3%;
    overflow: hidden;
    font-size: 0.875em;
}
.bankInfoList li {
    float: left;
    text-align: left;
    font-weight: bold;
    padding: 2% 1% 2% 4%;
}
.bankInfoList li.bankInfoSubList {
    text-align: right;
    width: 38%;
    padding: 2% 1%;
    clear: left;
}
.bankInfoList li.helpMeTitle {
    text-align: right;
    width: 24%;
    padding: 2% 0;
}
.bankInfoList li.helpMeTitle a {
    font-weight: normal;
}
.radioBox li {
    float: left;
    background: url(../images/radios.png) 0 0 no-repeat;
    padding: 0 30px 0 26px;
    font-size: 0.99em;
    position: relative;
    font-weight: normal;
}
.radioBox li.active {
    background-position: 0 -48px;
}
.radioBox li input {
    opacity: 0;
    left: 2px;
    position: absolute;
    top: 1px;
    -ms-filter: "alpha(opacity=0)";
}
.radioBox li input.input {
    left: 0;
    margin-left: -26px;
    opacity: 1;
    position: relative;
    top: 0;
    width: 218px;
}
.radioInline li {
    float: none;
    padding: 0 30px 15px 26px;
}
.radioInline li:last-child {
    padding: 0 30px 0 26px;
}
.alertText {
    color: #ff0000;
}
li.bankInfoSubList1 .alertText {
    border: 1px solid #ff0000;
}
.automaticPay .remEmailAddrLabel {
    font-size: 0.813em;
}
.automaticPay .previewBox .row .input {
    width: 50%;
}
.automaticPay3 .buttonBox {
    xwidth: 28%;
}
.autoLinkText {
    margin-top: 2%;
    color: #008097;
    font-size: 0.75em;
    display: block;
    width: 100%;
}
.automaticPay3 .buttonLinkBox .butRight {
    text-align: left;
    width: 40%;
}
.automaticPay3 .buttonLinkBox .butRight a.buttonGreenCommon {
    width: 100%;
    text-align: center;
}
#autoPaymentAlreadySignUpForm ul.buttonBox li:first-child {
    margin-left: 0;
}
#autoPaymentAlreadySignUpForm ul.buttonBox li {
    margin-left: 12px;
}
/*END AUTOMATIC PAYMENT STEPS*/
/*PAYMENT HISTORY PAGE*/

.paymentHistory .accLandingAccordion {
    width: 74%;
}
.paymentHistory .gnfDonationTitle {
    border-top: none;
    margin: 0 auto;
}
.paymentHistory .accLandingAccordion .content th {
    font-size: 0.75em;
    padding: 24px 0;
}
.paymentHistory .accLandingAccordion .content th:first-child {
    width: 16%;
}
.paymentHistory .accLandingAccordion .content th:first-child+th {
    width: 16%;
}
.paymentHistory .accLandingAccordion div.content {
    width: 100%;
    padding: 0;
}
.paymentHistory .accLandingAccordion .content table {
    border: none;
}
.paymentHistory .accLandingAccordion .content table td {
    text-align: center;
    font-size: 0.75em;
}
.payment-history .gnfGoPaperless {
    border-top: none;
    margin: -6% 0 10% 0;
}
.payHistory .gnfGoPaperless .viewDetailsContainer {
    margin: 20px 0 24px;
}
.payHistory .energyUsage p {
    font-weight: bold;
    font-size: 0.875em;
    padding-left: 10%;
    margin: 12% 0;
}
.payHistory p.subText {
    font-size: 0.75em;
    margin: 0 0 10%;
}
.payHistory .payImage {
    float: left;
    /* DXP Changes */
    
    width: 42%;
    /* DXP Changes */
    
    padding: 0 0 0 10%;
}
.payHistory .payImageText li {
    background: url(../images/bullet_black.png) no-repeat scroll 0 8px transparent;
    padding: 0 0 0 10px
}
.payHistory .payImageText {
    float: left;
    font-size: 0.75em;
    /* DXP Changes */
    
    width: 58%;
    /* DXP Changes */
    
    padding: 0 0 0 4%;
}
/* END PAYMENT HISTORY PAGE*/
/*MULTIPLE CUSTOMER PAGE*/

.multipleCustomer {
    border: 1px solid #474747;
    margin: 2% auto;
}
.multipleCustomer .gnfDonationTitle {
    padding: 1%;
    margin: 0;
    border-top: none;
}
.multipleCustomer .previewBox input {
    text-align: right;
}
.multipleCustomer ul.searchAccount li {
    float: left;
    font-size: 0.875em;
    color: #484747;
    font-weight: bold;
}
.multipleCustomer ul.searchAccount li:first-child {
    margin: 0 30px 0 0;
}
.multipleCustomer ul.searchAccount li p {
    display: inline-block;
    width: 150px;
}
.multipleCustomer ul.searchAccount li input {
    width: 220px;
    height: 29px;
}
.multipleCustomer ul {
    padding: 2%;
}
.multipleCustomer ul.buttonBox {
    margin: 0 auto 0;
}
ul.addAcountRow li {
    font-size: 0.99em;
    color: #484747;
    font-weight: bold;
    float: left;
    position: relative;
}
ul.addAcountRow li label {
    margin-right: 15px;
    /* DXP changes */
    
    display: inline-block;
    /* DXP changes */
}
ul.addAcountRow li:first-child {
    width: 55%;
}
ul.addAcountRow li:last-child {
    width: 45%;
}
.displayBody ul.addAcountRow select {
    width: 68%;
}
.multipleAccTable .accLandingAccordion {
    border: none;
    width: 100%;
}
.multipleAccTable .accLandingAccordion div.content {
    border-bottom: none;
    width: 100%;
    padding: 0;
}
.multipleAccTable table {
    font-size: 0.75em;
}
.multipleAccTable .accLandingAccordion .content td,
th {
    text-align: center;
    vertical-align: middle;
}
.multipleAccTable .accLandingAccordion .content tr.customerGroup td {
    text-align: left;
    font-weight: bold;
    font-size: 1.25em;
    padding-left: 5%;
    border-top: 1px solid #484848;
    border-bottom: 1px solid #484848;
}
/*END MULTIPLE CUSTOMER PAGE*/
/* END AR CSS */
/* DB CSS */
/* CSS Document */

.clear {
    clear: both;
}
.leftTop {
    width: 99%
}
/*.submitMeter { padding-right: 0.5%; width: 77%; position: relative }*/

.submitMeter {
    padding-right: 0%;
    width: 74%;
    position: relative;
}
/*css for custom select box starts here */

.selAcc {
    margin-bottom: 18px;
}
.selAcc span.customStyleSelectBox {
    font-size: 0.938em;
    -moz-box-shadow: 1px 2px 3px #B3AEA4;
    -webkit-box-shadow: 1px 2px 3px #B3AEA4;
    box-shadow: 1px 2px 3px #B3AEA4;
    background: -moz-linear-gradient(top, #3399ac 0%, #007f96 3%, #00768b 26%, #025766 77%, #024e5b 100%);
    /* FF3.6+ */
    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3399ac), color-stop(3%, #007f96), color-stop(26%, #00768b), color-stop(77%, #025766), color-stop(100%, #024e5b));
    /* Chrome,Safari4+ */
    
    background: -webkit-linear-gradient(top, #3399ac 0%, #007f96 3%, #00768b 26%, #025766 77%, #024e5b 100%);
    /* Chrome10+,Safari5.1+ */
    
    background: -o-linear-gradient(top, #3399ac 0%, #007f96 3%, #00768b 26%, #025766 77%, #024e5b 100%);
    /* Opera 11.10+ */
    
    background: -ms-linear-gradient(top, #3399ac 0%, #007f96 3%, #00768b 26%, #025766 77%, #024e5b 100%);
    /* IE10+ */
    
    background: linear-gradient(to bottom, #3399ac 0%, #007f96 3%, #00768b 26%, #025766 77%, #024e5b 100%);
    /* W3C */
    
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr '#3399ac', endColorstr '#024e5b', GradientType 0);
    /* IE6-9 */
    
    color: #fff;
    padding: 7px 10px 7px 13px;
    border: 1px solid #3399ac;
    border-right: 0px;
    border-bottom: 0px;
}
.selAcc span.customStyleSelectBox.changed {
    background-color: #f0dea4;
}
.selAcc .customStyleSelectBoxInner {
    background: url(../images/sel_arrow.png) no-repeat center right;
}
.selAcc select {
    width: 299px;
}
.selAcc select option {
    background: #ffffff;
    font-size: 0.938em
}
/*css for custom select box ends here */
/* css for Left Menu starts here*/

.leftMenu {
    float: left;
    background-color: #f2eee5;
    z-index: 5;
}
.leftNav {
    float: left;
    display: block
}
.leftNav ul li {
    width: 195px;
    border-top: 1px solid #8c8a86;
    background: url(../images/left_menu_arrow.png) no-repeat 182px 10px;
    padding: 8px 0px 8px 5.128205128205128%;
}
.leftNav ul li.open {
    background: url(../images/left_menu_arrow_sel.png) no-repeat 180px 10px;
}
.leftNav ul li a.selected {
    background: url(../images/left_menu_selected_bg.png) repeat-y;
    color: #008097;
}
.leftNav ul li ul {
    background: #f2eee5;
    display: none;
    margin-top: 7px;
    overflow: hidden;
}
.leftNav ul li a {
    color: #484747;
    display: block;
    xpadding: 8px 0px 8px 5.128205128205128%;
    /* DXP Changes */
    
    width: 95%;
    /* DXP Changes */
}
.leftNav ul li:last-child {
    border-bottom: 1px solid #8c8a86;
}
.leftNav ul li ul.show {
    display: block
}
.leftNav ul li ul li {
    background: none;
    padding: 8px 0px 8px 0.128205%;
}
.leftNav ul li ul li a {
    background: none;
    padding-left: 8.205128205128205%;
    display: inline-block;
}
.leftNav ul li ul li:last-child {
    border-bottom: 0px;
}
.leftMenuIcon {
    width: 42px;
    height: 35px;
    background: url(../images/leftMenuIcon.png) no-repeat 0 0;
    float: left;
    display: none;
    cursor: pointer
}
/* css for Left Menu ends here*/
/* css for Left content starts here*/

.meterContent {
    float: right;
    margin-left: 0;
    margin-right: 1%;
    width: 70%;
}
.heading {
    font: 1.625em bold Arial, Helvetica, sans-serif;
    border-top: 1px solid #626160;
    border-bottom: 1px solid #626160;
    padding: 9px 2.1%;
    background: #ecf0ea;
}
.budgetBillEnroll .buttonBox,
.budgetBillSignup .buttonBox {
    width: 110px;
}
/** Steps */

.submit-meter-read-inner .meterContent .navSteps {
    margin-bottom: 0;
}
.meterContent .navSteps {
    margin: 1.875em 0;
}
.meterContent .navSteps .navStepsLink {
    padding: 0;
}
/*.meterContent .navStepsLink li:first-child { width: 26%; }*/

.meterContent .navStepsLink li {
    width: 30%;
}
.meterContent .navStepsLink li span {
    width: 50%;
}
/** End Steps */

.details {
    padding: 24px 0px 24px 2.1%;
    border-bottom: 1px solid #008097;
}
.details p {
    font-size: 0.75em;
}
.details p.subHeading {
    font-size: 0.875em;
    font-weight: bold;
}
.details p.content {
    margin-top: 20px;
    font-size: 0.875em;
}
.details p.content span {
    text-decoration: underline;
}
.submitBtn {
    padding: 0px 4% 0 4%;
}
.centerAlign {
    text-align: center;
}
p.return a {
    color: #008097;
    font-size: 0.875em;
}
/* css for Left content ends here*/
/* css for right faq section starts here*/

.rightCol {
    width: 20.5%
}
.rightFaq {
    margin-top: 16px;
    font-weight: bold;
    width: 100%;
    background: url(../images/faq_border_top.png) no-repeat left top, url(../images/faq_border_bottom.png) no-repeat left bottom;
    padding: 10px 0 0 5px;
    font-size: 0.75em;
}
.rightFaq>ul {
    margin-top: 25px;
    width: 101%;
}
.rightFaq ul>li {
    cursor: pointer;
    color: #008097;
    margin-top: 17px;
    background: url(../images/arrow-normal.png) no-repeat left 6px;
    padding-left: 12px;
    font-weight: normal;
}
.rightFaq ul>li>ul {
    display: none;
}
.rightFaq ul>li>ul.show {
    display: block;
}
.rightFaq ul>li>ul>li {
    color: #484848;
    background: none;
    padding-left: 0px;
    margin-top: 10px
}
.rightFaq ul>li>ul>li a {
    color: #3096a7;
}
.rightFaq ul>li.faqOpen {
    background: url(../images/arrow-selected.png) no-repeat left 6px;
}
.rightFaq p {
    padding: 17px 0 12px 12px;
}
.rightFaq p a {
    color: #10879c;
    font-size: 1.167em;
    font-weight: bold;
    margin-bottom: 20px;
    display: block;
}
/* css for right faq section ends here*/
/**********Login section css starts here *************/

.loginHeading {
    margin-bottom: 0px
}
.login .loginSec {
    width: 76.69%;
}
.loginSec {
    border-right: 1px solid #484848;
    margin-right: 0;
    font-size: 0.75em;
    padding-right: 0;
    padding-bottom: 28px;
    min-height: 480px;
    width: 70%;
}
.loginSec .mesgBox {
    font-size: 1em;
}
.loginSec .buttonBox {
    width: 316px;
}
.loginContainer {
    width: 85.75%;
    border-bottom: 1px solid #008097;
    padding-bottom: 28px
}
.emailAddrLabel,
.pwdLabel {
    font-size: 1.167em !important;
    font-weight: bold !important;
    /* DXP Changes */
    
    margin: 14px 0 7px 0;
    /* DXP Changes */
}
.loginContainer input[type="email"],
.loginContainer input[type="text"],
.loginContainer input[type="password"] {
    width: 63%;
    /* DXP Changes */
    
    padding: 4px 0 6px 1.8%;
    font-size: 1.1em;
    /* DXP Changes */
    
    xborder-top: 1px solid #b6b7b7;
    xborder-left: 1px solid #b6b7b7
}
.loginContainer p a {
    color: #008097;
    padding-top: 2px;
    display: inline-block;
}
.loginContainer .mesgBox p a {
    display: inline-block;
}
.remEmailAddrLabel {
    margin-top: 20px;
}
.loginContainer input[type="checkbox"] {
    border-top: 1px solid #f4f4f4;
    border-left: 1px solid #f4f4f4;
}
.loginBtn {
    margin: 18px 0 0 0;
}
.loginBtn .buttonBox li {
    font-size: 1.3em;
}
.loginBtn .buttonBox li.secureLink {
    font-size: 1em;
}
.login {
    padding: 0 48px;
}
.bodyContainer.login {
    padding: 0;
}
.loginSuccess {
    font-size: 0.75em;
    margin: 20px 0;
    text-align: center;
}
.loginSuccess img {
    margin-bottom: 12px;
    width: 31px;
}
p.remEmailAddrLabel input[type="checkbox"] {
    display: none;
}
p.remEmailAddrLabel label {
    cursor: pointer;
    background: url(../images/checkDefault.png) 0 0 no-repeat;
    padding: 3px 0 4px 30px;
}
p.remEmailAddrLabel input[type="checkbox"]:checked+label {
    background: url(../images/tick.gif) no-repeat 0 0px;
}
.warning .requestMail a {
    display: inline;
    margin-left: 1%;
}
.requestMail {
    margin-top: 5px;
}
.errorLogin {
    background: url(../images/error_bg.png) repeat-x 0 0;
    margin-bottom: 23px;
    border: 2px solid #ffffff;
    -webkit-box-shadow: 2px 2px 2px rgba(174, 166, 152, 1) inset;
    -moz-box-shadow: 2px 2px 2px rgba(174, 166, 152, 1) inset;
    box-shadow: 2px 2px 2px rgba(174, 166, 152, 1) inset;
}
.errorLogin .message {
    padding: 24px 0px 24px 82px;
    background: url(../images/icon_error.png) no-repeat 2.75% 8px;
}
.show {
    display: block;
}
.hide {
    display: none;
}
.errorFieldBorder {
    border: 1px solid #ff0000 !important;
}
.errorFieldLabel {
    color: #ff0000;
}
.captchaDiv {
    width: 66.8%;
}
.captchaMsg {
    font-size: 1.167em;
    font-weight: bold;
    margin-top: 18px;
}
.captcha {
    margin-top: 12px;
    background: #d9d6ce;
    width: 100%;
    padding: 20px 0;
}
.captcha input {
    margin-left: 5%;
    display: block;
    margin-top: 14px;
    border-top: 2px solid #b2b1ad;
    border-left: 2px solid #b2b1ad;
    border-bottom: 2px solid #d3d0c8;
    height: 28px;
    xcolor: #d9d6ce;
    padding: 0 2.8%;
    background: #f7f5ef;
}
input.captchaContent {
    margin-top: 0px;
    border: 2px solid #d5d1c8;
    background: #f2eee5 url(../images/captchaImg.png) no-repeat 40% 5px;
    float: left;
}
.captcha span {
    padding: 8px 0 0 3.2%;
    display: inline-block;
}
.captcha span a {
    padding: 0 0 0 7px;
    display: inline;
}
.captcha span a img {
    vertical-align: middle;
    max-width: 40px;
    width: 15px;
    background-color: none;
}
#outageFeedbackForm .captcha img,
#contactUsForm .captcha img {
    padding-left: 25px;
}
/*Right col section starts here */

.signUp {
    padding-bottom: 13px;
}
.signUpBtn {
    padding: 0 45px;
}
.signUpBtnSec {
    padding-bottom: 29px;
    border-bottom: 1px solid #484848;
    margin-bottom: 26px;
    padding-left: 8%;
}
.loginListDiv {
    padding-left: 8%;
}
.loginListDiv h3.benefitHelpTitle {
    padding-bottom: 20px;
}
.loginRightCol {
    width: 23%;
    padding-bottom: 28px;
    float: left;
}
.loginList {
    padding-top: 20px;
}
/*Right col section ends here */
/**********Login section css ends here *************/
/*Forgot email section css starts here */
/*Step 1*/

.digit7AcNumber {
    width: 94px;
    line-height: 27px;
}
.forgot-email-address .loginHelper .blueLine {
    margin: 12px 0 0 0;
}
.loginHelper {
    border-right: 0px;
    width: 77%;
    float: left;
    margin-bottom: 29px;
}
.topBlock {
    margin: 30px 0 26px 0;
}
.forgotEmailTxt {
    margin: 0px 0 20px 0;
    font-size: 0.75em;
}
.forgotEmailInput {
    padding: 0px;
    margin: 0 0 0 0;
}
.forgotEmailInput .label {
    margin: 0 9% 0 0;
    /* DXP Changes */
    
    padding-left: 0;
    text-align: left;
    /* DXP Changes */
}
.forgotEmailInput .label span {
    display: block;
    font-weight: normal;
    font-size: 0.835em;
    /* DXP Changes */
    
    margin-top: 6px;
    /* DXP Changes */
}
.forgotEmailInput a {
    font-size: 1em;
}
.btnSection {
    float: left;
    width: 100%;
    margin: 29px 0 0 0;
    font-size: 0.9375em;
}
.btnSection a {
    float: left;
    margin: 7px 0 0 0;
}
.lastBox {
    width: 45px;
}
.loginHelper .pnmAcInputBox {
    padding-bottom: 0px;
}
.add-new-account .loginHelper .pnmAcInputBox,
.add-new-account1 .loginHelper .pnmAcInputBox {
    padding-bottom: 25px;
}
.btnSection input {
    float: left;
    font-size: 1em;
}
.btnSection a {
    float: left;
    margin: 6px 15px 0 0;
}
.loginHelper .errorLogin {
    font-size: 0.75em;
}
.loginHelper .pnmAcInputBox .acDivBox a {
    display: block;
    margin: 5px 0 0 0;
}
.confirm {
    margin-bottom: 30px;
}
.forgotEmailTxtStep2 {
    margin: 0 0 22px 0;
    font-size: 0.75em;
}
.securityQues label {
    padding-bottom: 3px;
}
.securityAns {
    margin: 23px 0 0 0;
}
.securityAns p input {
    width: 300px;
    padding: 1px 0 1px 10px;
}
.loginHelper ul.secQues li input {
    margin: 0 0 0 50%;
}
.step2 {
    margin-bottom: 30px;
}
.successTxt {
    margin: 57px 0 0 0;
    width: 98%;
    font-size: 0.75em;
}
.successTxt label {
    font-weight: bold;
    margin: 0 12.29% 0 0;
}
.loginHelper ul.gotoLogin li:first-child {
    padding: 0 0 0 10%;
}
.loginHelper .blueLine {
    margin: 28px 0 0 0;
}
div.step3 {
    margin: 0px;
}
div.step3 p {
    padding-left: 63px;
}
div.step3 label {
    text-align: left;
}
/*Forgot email section css ends here */

.femail_reverseButton ul.buttonBox li,
.fpass_reverseButton ul.buttonBox li {
    float: right;
    margin: 0 25px 0 0;
}
.femail_reverseButton ul.buttonBox,
.fpass_reverseButton ul.buttonBox {
    width: 31.5%;
}
/*Forgot password section css starts here */

.forgotPwdTxt {
    margin: 0px 0 22px 0;
    font-size: 0.75em;
}
.emailInputTxt {
    margin: 0px;
}
.emailInputTxt p input {
    width: 300px;
}
/*.pwdStep1 input { padding: 0 46px }*/

.emailInputTxt input {
    padding: 7px 0 5px 10px;
    height: 15px;
}
/*Forgot password section css ends here */
/* Change password section starts here */

.changePwd {
    text-align: center;
}
.changePwd input {
    float: none;
    margin: 0;
    text-align: center;
    padding: 0 15px;
}
.changePwdInput {
    padding: 0px;
    margin: 0;
}
.inputRow {
    width: 100%;
    float: left;
    margin: 0 0 15px 0;
}
.noMargin {
    margin: 0px;
}
.inputRow label.noPadding {
    padding: 0px;
}
.inputRow p {
    padding-left: 67px;
}
.inputRow label {
    float: left;
    width: 22%;
    padding: 7px 0 0 0;
    text-align: right;
}
.inputRow input {
    float: left;
    width: 178px;
    padding: 7px 0 5px 10px;
    height: 15px;
    margin-left: 67px;
}
.inputRow span {
    display: block;
    font-size: 0.835em;
    float: none;
}
.newPwdSec {
    float: left;
    width: 70%;
}
.newPwdSec p {
    width: 100%;
    float: left;
    padding: 0 0 0 67px;
}
.pwdChangeStep2 .buttonGreen {
    margin: 0 1% 0 0;
    padding: 0 48px;
    font-size: 1em;
}
.loginHelper .changePwd {
    margin: 24px 0 0 0;
}
/* Change password section starts here */
/* Search Customer section starts here */

.custSearch label {
    text-align: left;
    width: auto;
}
.searchCustomerInput {
    padding: 0px;
    margin: 23px 0 0 2%;
}
.searchCustomerInput .inputRow label {
    width: 16%;
    padding: 3px 0 0 0;
}
.searchCustomerInput input {
    width: 216px;
}
.searchCustomer .btnSection {
    margin: 10px 0 0 0;
}
.searchCustomer .btnSection a {
    padding: 5px 0 0 15%
}
.searchCustomer .btnSection input {
    float: left;
    margin: 0 0 0 80px;
    padding: 0 11px;
}
.searchCustomer .blueLine {
    margin: 20px 0 0 0;
}
.searchCustomer .message {
    font-size: 0.75em;
    padding: 24px 0px 24px 82px;
    background: url(../images/icon_warning.png) no-repeat 1.75% 8px;
}
.searchCustomer .buttonBox {
    width: 220px;
    margin: 0 0 0 174px;
}
.logOutMsg {
    margin: 30px 0 29px 0;
    width: 77%;
}
/* Search Customer section ends here */
/*     Account Landing Page CSS*/
/*.accountSec {
       border-right: 1px solid #484848;
       margin-right: 0;
       font-size: 0.75em;
       width: 76.69%;
       padding-right: 0;
       min-height: 400px;
}*/

.accLandingAccordion {
    border: 1px solid #474747;
    border-bottom: 0px;
    width: 98%;
}
.accLandingAccordion .accordionHeading {
    font-size: 1.33em;
    font-weight: bold;
    padding: 15px 0 15px 1.3%;
    border-bottom: 1px solid #474747;
}
.accLandingAccordion .yearAccordion {
    height: 43px;
    color: #484848;
    line-height: 46px;
    background: url(../images/accordion_plus.png) 9px 6px no-repeat #dad3c3;
    border: 0px;
    border-bottom: 1px solid #474747;
    cursor: pointer;
}
.accLandingAccordion .open {
    background: url(../images/accordion_minus.png) 9px 6px no-repeat #008097;
    color: #fff;
}
.accLandingAccordion div.content {
    border-bottom: 1px solid #474747;
    display: none;
    width: 98%;
    padding: 1%;
    color: #424242;
}
.accLandingAccordion div.show {
    display: block;
}
.accLandingAccordion .yearAccordion h2 {
    margin-left: 51px;
    cursor: pointer;
    font-size: 1.33em;
}
.accLandingAccordion .content table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #474747;
}
.accLandingAccordion .content table.tableScrollBody {
    width: 100%;
    border-collapse: collapse;
    border: none;
}
.accLandingAccordion .content table td a.buttonGreenCommon {
    margin-right: 3px;
    padding: 0 8px !important;
}
.accLandingAccordion .content table td a.buttonGreyCommon {
    height: 31px;
    padding: 0 8px !important;
}
.accLandingAccordion .content th {
    background: #CEDED9;
    border-right: 1px solid #939d9a;
    border-bottom: 1px solid #535352;
    color: #474747;
    font-weight: bold;
    padding: 11px 0;
    text-align: center;
}
.accLandingAccordion .content th:last-child {
    border-right: 0px;
}
.accLandingAccordion .content td,
th {
    padding: 13px 6px;
}
.accLandingAccordion .content tr:nth-of-type(even) {
    background: #E3DDD0;
}
.accLandingAccordion .content th:first-child {
    width: 20%;
}
.accLandingAccordion .content th:first-child+th {
    width: 18%;
}
.accLandingAccordion .content th:first-child+th+th {
    width: 13%;
    text-align: center;
}
.accLandingAccordion .content th:first-child+th+th+th {
    width: 8%;
    text-align: center;
}
.accLandingAccordion .content th:first-child+th+th+th+th {
    width: 11%;
    text-align: center;
}
.accLandingAccordion .content th:first-child+th+th+th+th+th {
    width: 9%;
    text-align: center;
}
.accLandingAccordion .content th:first-child+th+th+th+th+th+th {
    width: 19%;
    text-align: center;
}
.accLandingAccordion .newContent th:first-child {
    width: 20%;
}
.accLandingAccordion .newContent th:first-child+th {
    width: 20%;
}
.accLandingAccordion .newContent th:first-child+th+th {
    width: 15%;
    text-align: center;
}
.accLandingAccordion .newContent th:first-child+th+th+th {
    width: 10%;
    text-align: center;
}
.accLandingAccordion .newContent th:first-child+th+th+th+th {
    width: 15%;
    text-align: center;
}
.accLandingAccordion .newContent th:first-child+th+th+th+th+th {
    width: 20%;
    text-align: center;
}
.accLandingAccordion .content td:nth-of-type(2) {
    text-align: center;
}
.accLandingAccordion .content td:nth-of-type(3) {
    text-align: center;
}
.accLandingAccordion .content td:nth-of-type(4) {
    text-align: center;
}
.accLandingAccordion .content td:nth-of-type(5) {
    text-align: center;
}
.accLandingAccordion .content td:nth-of-type(6) {
    text-align: center;
}
.my-pnm-account .accLandingAccordion .content th:last-child {
    border-right: 1px solid #474747 !important;
}
.my-pnm-account .accLandingAccordion .content td {
    overflow: hidden;
}
.my-pnm-account .accLandingAccordion .content td:last-child {
    border-right: 1px solid #474747 !important;
}
.my-pnm-account .accLandingAccordion .content table th:first-child+th+th+th+th+th {
    border-right: 1px solid #474747 !important;
}
.my-pnm-account .accLandingAccordion .content table td:first-child+td+td+td+td+td {
    border-right: 1px solid #474747 !important;
}
.accLandingRightCol {
    width: 23%;
    padding-bottom: 28px;
    padding-top: 0px;
}
.paginationDiv {
    font-size: 0.75em;
    margin: 10px 0 0 0;
}
.alerts-and-communication .displayBody select {
    width: 52.5%;
}
.alerts-and-communication .displayBody .customStyleSelectBoxInner {
    padding-right: 24px;
    width: 351px !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.pay-online .smallContainerLeft {
    margin-left: 10px;
}
.pay-online .smallContainerLeft {
    margin-left: 10px;
}
/*Account Landing Page CSS END*/
/* Programs & Offers CSS starts */

.programsContent {
    font-size: 0.75em;
}
.programsSumm {
    margin-top: -5px;
}
.progDivcontent {
    width: 100%;
    /* DXP Changes */
    
    height: 170px;
    /* DXP Changes */
    
    float: left;
    padding-top: 20px;
}
.offerDesc {
    float: left;
    width: 57%;
}
.offerDesc p {
    margin: 12px 0 0 0;
}
.progDivcontent img {
    width: 40%;
    margin: 0 12px 0 0;
    height: 134px;
    float: left;
}
.learnMore {
    margin-top: 18px;
    font-size: 1.167em;
}
.learnMore a {
    color: #008097;
}
/* Programs & Offers CSS ends */
/* View Current Bill css starts here */

.gnfNewDonationAmtStep2 .gnfButtonGreen {
    padding: 0 4%;
    margin: -10px 0 0 25%;
}
.powerOutage {
    border-top: 1px solid #474747;
    margin: 10% 0 0 4%;
}
.bill-summary .gnfGoPaperless,
.accDashB .gnfGoPaperless {
    border-top: 1px solid #474747;
    margin: 10% 0 0 0;
}
.accDashB .gnfQuickLinks {
    border-top: 1px solid #474747;
    margin: 6% 0 0 0;
}
.accDashB .gnfQuickLinks ul li:first-child {
    padding: 10% 0 0;
    background: none;
}
.viewAll a {
    font-size: 0.875em;
    color: #008097;
}
.currBill ul li:last-child {
    margin: 0%;
}
.contactCust {
    border-top: 1px solid #474747;
    margin: 10% 0 0 4%;
}
.contactCust ul li:last-child {
    margin-bottom: 28px;
}
/*
.viewCurrentBill .benefitsHelpBox {
       float: left;
}
*/

.viewCurrentBill .powerOutage {
    margin: 10% 0 0 -4%;
    padding-left: 9%;
}
.viewCurrentBill .cngMailAdrsBody,
.viewCurrentBill .currBill,
.viewCurrentBill .contactCust {
    margin: 10% 0 0 -4%;
    padding-left: 9%;
}
.viewCurrentBill .cngMailAdrsBody .btnOn,
.viewCurrentBill .cngMailAdrsBody .btnOff {
    width: 60px;
}
.viewCurrentBill .gnfQuickLinks .gnfUserName span {
    margin-left: 0;
}
.viewCurrentBill .gnfNewDonationAmtStep2 .gnfButtonGreen {
    float: right;
    margin: 0;
}
.viewCurrentBill .submitMeter .buttonBox {
    width: 170px;
}
/* View Current Bill css ends here */
/* View Previous Bill starts here */

.prevBill p {
    font-size: 0.875em;
}
.viewPrevBill {
    font-size: 0.875em;
    margin: 20px 0 0 0;
    font-weight: bold
}
.viewPrevBill a {
    display: inline-block;
    margin-left: 4%;
    width: 155px
}
.viewPrevBilltxt {
    margin-right: 2.87%
}
.viewPrevBill select {
    width: 141px;
}
.viewPrevBill span.customStyleSelectBox {
    font-size: 1.075em;
    font-weight: bold;
    background: #f8f6f2;
    /* Old browsers */
    
    background: -moz-linear-gradient(top, #f8f6f2 0%, #e4ded1 100%);
    /* FF3.6+ */
    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f6f2), color-stop(100%, #e4ded1));
    /* Chrome,Safari4+ */
    
    background: -webkit-linear-gradient(top, #f8f6f2 0%, #e4ded1 100%);
    /* Chrome10+,Safari5.1+ */
    
    background: -o-linear-gradient(top, #f8f6f2 0%, #e4ded1 100%);
    /* Opera 11.10+ */
    
    background: -ms-linear-gradient(top, #f8f6f2 0%, #e4ded1 100%);
    /* IE10+ */
    
    background: linear-gradient(to bottom, #f8f6f2 0%, #e4ded1 100%);
    /* W3C */
    
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr '#f8f6f2', endColorstr '#e4ded1', GradientType 0);
    /* IE6-9 */
    
    color: #404040;
    font-weight: normal;
    padding: 6px 10px 6px 13px;
    border: 1px solid #fff;
}
.viewPrevBill span.customStyleSelectBox.changed {
    background-color: #f0dea4;
}
.viewPrevBill .customStyleSelectBoxInner {
    background: url(../images/myAccntDropDivider.png) no-repeat center right
}
.viewPrevBill select option {
    background: #ffffff;
    font-size: 0.938em;
}
.billHeader {
    padding: 5px 0 6px 9px;
    width: 96.5%;
    font-size: 0.75em;
    font-weight: bold;
    margin: 25px 0 0 0;
    background: #e3ddd0;
    border-top: 1px solid #cac1ab
}
.prevBillDiv {
    padding: 14px 3.8%;
    border-bottom: 1px solid #008097;
    width: 91%
}
.prevBillDiv a {
    color: #008097;
    font-size: 0.875em;
    background: url(../images/icon_pdf.png) no-repeat 0 -1px;
    padding: 2px 0 0 25px;
    height: 23px;
    display: inline-block
}
.prevBill .last {
    margin-bottom: 4px
}
/* View Previous Bill ends here */
/* END DB CSS */
/* SN CSS */

.user-migration div.myAccntLeftbox {
    border-right: 1px solid #484848;
    float: left;
    padding-bottom: 30px;
    padding-right: 1.13%;
    padding-top: 20px;
    /* DXP Changes */
    
    width: 77.7%;
    /* DXP Changes */
}
.user-migration div.benefitsHelpBox {
    float: left;
    padding-top: 20px;
    width: 20%;
    padding-left: 2%;
    border-left: 1px solid #484848;
    margin-left: -1px;
}
.online-account-profile .myAccntLeftbox,
.alerts-and-communication .myAccntLeftbox,
.mailing-preferences .myAccntLeftbox,
.manage-accounts .myAccntLeftbox,
.manage-authorized-users .myAccntLeftbox {
    padding-right: 1.13%;
    width: 77.5%;
}
.online-account-profile .rightContainerBox,
.alerts-and-communication .rightContainerBox,
.mailing-preferences .rightContainerBox,
.manage-accounts .rightContainerBox,
.manage-authorized-users .rightContainerBox {
    padding-left: 0;
    /* DXP Changes */
    
    width: 22.5%;
    /* DXP Changes */
}
.rtrnTxt a {
    color: #008097;
    display: inline-block;
    font-size: 0.875em;
    padding: 7px 0 0;
    text-decoration: none;
}
.brdCrmb {
    font-size: 0.6em !important;
    font-weight: normal;
}
.logDeatialsHldr {
    float: right;
    color: #484747;
    font-size: 0.85em;
    line-height: 50px;
    width: 18%;
}
.logDeatialsHldr a {
    font-weight: bold;
    padding: 0 0 0 4%;
    color: #484747;
    text-decoration: none;
    cursor: pointer;
}
.logDeatialsHldr img {
    width: 12px;
    height: 6px;
    padding: 0 4%;
}
.myAccntLeftbox .tabHolder {
    border: 1px solid #000;
    padding: 0;
    background-color: #F2EEE5;
    -webkit-box-shadow: 5px 4px 8px -4px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 5px 4px 8px -4px rgba(50, 50, 50, 0.5);
    box-shadow: 5px 4px 8px -4px rgba(50, 50, 50, 0.5);
}
.myAccntLeftbox .tabs {
    width: 100%;
    position: relative;
}
.myAccntLeftbox .tabs>ul>li {
    float: left;
    margin: 0 !important;
}
.myAccntLeftbox .tabs li {
    list-style: none;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 16.66% !important;
    font-size: 0.750em;
    font-weight: bold;
    background: #e3ddd0;
    text-decoration: none;
    border-bottom: #7b7a77 solid 1px;
    /* DXP Changes */
    
    border-left: #7b7a77 solid 1px;
    min-height: 58px;
    /* DXP Changes */
    
    cursor: pointer;
}
.myAccntLeftbox .tabs li:first {
    border-left: none !important;
}
.myAccntLeftbox .tabs li:last-child a {
    border-right: none;
}
.myAccntLeftbox .tabs li:first-child+li+li+li a {
    /*border-right: none;*/
}
.myAccntLeftbox .tabs li.active {
    background: #f2eee5;
    border-bottom: 1px solid #F2EEE5;
    width: 16.66%;
    cursor: pointer;
}
.myAccntLeftbox .tabs li a {
    /* DXP Changes */
    
    padding: 2% 19%;
    /* DXP Changes */
    
    text-align: center;
    display: inline-block;
    color: #9c9b9b;
    text-decoration: none;
    height: 51px;
    /* border-right: #7b7a77 solid 1px; */
}
.myAccntLeftbox .tabs li.active a {
    color: #484747;
}
.myAccntLeftbox .tabs li:first-child a.active {
    border-left: 1px solid #F2EEE5;
}
.myAccntLeftbox .tabs li:last-child a.active {
    border-right: none;
}
.myAccntLeftbox .tabs li:after {
    content: url(../images/tab-Shadow.png);
    position: absolute;
    /* DXP Changes */
    
    top: 5px;
    /* DXP Changes */
}
.myAccntLeftbox .tabs li:last-child:after {
    content: url(../images/tab-Shadow-blank.png);
    position: absolute;
    top: 6px;
}
.myAccntLeftbox .tabs li:first-child+li+li+li:after {
    content: url(../images/tab-Shadow-blank.png);
    position: absolute;
    top: 6px;
}
.myAccntLeftbox .tabs li.active:before {
    content: url(../images/tab-Shadow-active.png);
    position: absolute;
    top: 6px;
}
.myAccntLeftbox .tabContHolder {
    background-color: #f2eee5;
    padding: 2% 2% 30px;
}
/* font-size: 0.875em;*/
/** Header Munu */

.headerMenuLoginTab {
    height: 49px;
    background: #fff;
}
.withoutBg {
    height: 49px;
    background: none;
}
.badgeBg {
    height: 49px;
    background: #F0B877;
}
.headerMenuLoginTab li {
    line-height: 2.73em;
    float: left;
    font-size: 1.125em;
}
.headerMenuLoginTab li a {
    color: #484747;
    padding: 0 10px;
    display: block;
}
.headerMenuLoginTab li a:hover {
    color: #015772;
    text-decoration: none;
}
.headerMenuLoginTab li.serviceFor {
    background: none;
    margin: 0;
}
.headerMenuLoginTab li.grayBg {
    background-color: #e3ddd0;
}
.headerMenuLoginTab li.curveL {
    background-image: url(../images/myAccWhteCrnrLeft.png);
    background-repeat: no-repeat;
    background-position: 97% 99%;
}
.headerMenuLoginTab li.curveLBig {
    background-image: url(../images/myAccWhteCrnrLBig.png);
    background-repeat: no-repeat;
    background-position: 97% 99%;
}
.headerMenuLoginTab li.curveR {
    background-image: url(../images/myAccWhteCrnrRight.png);
    background-repeat: no-repeat;
    background-position: bottom left;
}
.headerMenuLoginTab li.rightCurve {
    padding: 41px 12px 8px 0;
    background-image: url(../images/myAccGrayCrnr.jpg);
    background-repeat: no-repeat;
    background-position: 97% 99%;
    background-color: none;
}
.headerMenuLoginTab li.serviceFor {
    background-image: url(../images/myAccWhteCrnrLBig.png), url(../images/menucnr.jpg);
    background-position: 97% 99%, 0 0;
    background-repeat: no-repeat, no-repeat;
    font-size: 0.750em;
    padding-left: 49px;
    padding-right: 16px;
    line-height: 4.09em;
}
.headerMenuLoginTab li.serviceFor1Bg {
    background-image: url(../images/menucnr.jpg);
    background-position: 0 0;
    background-repeat: no-repeat;
    font-size: 0.750em;
    padding-left: 49px;
    padding-right: 8px;
    line-height: 4.09em;
}
.headerMenuLoginTab li.serviceFor a {
    background-image: url(../images/pipe.jpg);
    background-position: 95% 50%;
    background-repeat: no-repeat
}
.headerMenuLoginTab li.serviceFor1Bg a {
    background-image: url(../images/pipe.jpg);
    background-position: 95% 50%;
    background-repeat: no-repeat
}
.headerMenuLoginTab li.myAcc {
    background-color: #f0b877;
}
.headerMenuLoginTab li.active {
    padding: 0;
    margin: 0 0 0 -4px;
}
.headerMenuLoginTab li.active.community {
    margin: 0 0 0 -7px;
    padding: 0;
}
.headerMenuLoginTab li.active.home {
    margin: 0 0 0 -8px;
    padding: 0;
    background-color: #e3ddd0;
}
.headerMenuLoginTab li.active.looking {
    margin: 0 0 0 -8px;
    padding: 0;
}
.headerMenuLoginTab li.active.business {
    margin: 0 0 0 -6px;
    padding: 0;
}
.headerMenuLoginTab li.active a {
    background-color: #dad3c3;
    border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
}
/** Hover Box / Menu start */

.no-touch .headerMenuLoginTab li:hover ul {
    display: block;
}
.headerMenuLoginTab .hoverBox {
    border: 1px solid #FFFFFF;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: none;
    position: absolute;
    -webkit-box-shadow: 2px 3px 4px #9B9D9E;
    -moz-box-shadow: 2px 3px 4px #9B9D9E;
    box-shadow: 2px 3px 4px #9B9D9E;
    background: #f7f5f0;
    /* Old browsers */
    
    background: -moz-linear-gradient(top, #f7f5f0 0%, #e3ddd1 100%);
    /* FF3.6+ */
    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f5f0), color-stop(100%, #e3ddd1));
    /* Chrome,Safari4+ */
    
    background: -webkit-linear-gradient(top, #f7f5f0 0%, #e3ddd1 100%);
    /* Chrome10+,Safari5.1+ */
    
    background: -o-linear-gradient(top, #f7f5f0 0%, #e3ddd1 100%);
    /* Opera 11.10+ */
    
    background: -ms-linear-gradient(top, #f7f5f0 0%, #e3ddd1 100%);
    /* IE10+ */
    
    background: linear-gradient(to bottom, #f7f5f0 0%, #e3ddd1 100%);
    /* W3C */
    
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr '#f7f5f0', endColorstr '#e3ddd1', GradientType 0);
    /* IE6-9 */
    
    z-index: 1000;
}
.headerMenuLoginTab li.last .hoverBox {
    right: 0;
}
.headerMenuLoginTab .hoverBox li {
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #D1CFCC;
    float: none;
    font-size: 0.75em;
}
.headerMenuLoginTab .hoverBox li a {
    background: none !important;
    border: none !important;
}
.headerMenuLoginTab .hoverBox:before,
.headerMenuLoginTab li span.upArrow,
li span.upArrow {
    background: url(../images/up_arrow.png) no-repeat;
    height: 12px;
    margin: -12px 0 0 14%;
    display: block;
    width: 23px;
    content: '';
}
.headerMenuLoginTab li.last .hoverBox:before {
    margin: -12px 0 0 70%;
}
.headerMenuLoginTab li span.upArrow,
.headerMenuLoginTab li span.upArrow {
    display: none;
    margin: -12px 0 0 20%;
}
/** Hover Box / Menu end */
/** Header Munu */
/*FAQ Accordion*/

.faqBox {
    float: right;
    xwidth: 21.408%;
    width: 22.8%;
    padding-top: 25px;
}
.faqTitle {
    color: #484747;
    font-size: 1.500em;
    font-weight: normal;
    padding: 0;
    line-height: 1.313em;
}
.faqTitle span {
    font-weight: bold;
}
/* css for right faq section ends here*/
/*css for custom select box starts here */

.selAcc {
    margin-bottom: 20px;
}
.accProfEditSec span.customStyleSelectBox {
    font-size: 0.938em;
    font-weight: bold;
    background: #f8f6f2;
    /* Old browsers */
    
    background: -moz-linear-gradient(top, #f8f6f2 0%, #e4ded1 100%);
    /* FF3.6+ */
    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f6f2), color-stop(100%, #e4ded1));
    /* Chrome,Safari4+ */
    
    background: -webkit-linear-gradient(top, #f8f6f2 0%, #e4ded1 100%);
    /* Chrome10+,Safari5.1+ */
    
    background: -o-linear-gradient(top, #f8f6f2 0%, #e4ded1 100%);
    /* Opera 11.10+ */
    
    background: -ms-linear-gradient(top, #f8f6f2 0%, #e4ded1 100%);
    /* IE10+ */
    
    background: linear-gradient(to bottom, #f8f6f2 0%, #e4ded1 100%);
    /* W3C */
    
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr '#f8f6f2', endColorstr '#e4ded1', GradientType 0);
    /* IE6-9 */
    
    color: #404040;
    font-weight: normal;
    padding: 6px 10px 6px 13px;
    border: 1px solid #fff;
    margin: 0 0 20px 0;
    width: 52%;
}
.accProfEditSec span.customStyleSelectBox.changed {
    background-color: #f0dea4;
}
.accProfEditSec .customStyleSelectBoxInner {
    background: url(../images/myAccntDropDivider.png) no-repeat right center;
    width: auto !important;
    display: block;
    padding-right: 24px;
}
.accProfEditSec select {
    width: 382px;
    margin: 0;
    min-height: 32px;
}
.accProfEditSec select option {
    background: #ffffff;
    font-size: 0.938em;
}
/*css for custom select box ends here */
/* Account Profile TABLE */
/* 
       Generic Styling, for Desktops/Laptops    */

.accProfileHld table {
    width: 100%;
    border-collapse: collapse;
}
.accProfileHld th {
    background: #333;
    color: white;
    font-weight: bold;
}
.accProfileHld td table tr td,
.accProfileHld td table tr th {
    padding: 3% 2%;
    border-bottom: 1px solid #484848;
    text-align: left;
    vertical-align: top;
}
/* Generic Styling, for Desktops/Laptops */

.tabContHolder .success .sucssList {
    list-style: disc;
    padding: 2% 0 0 3%;
}
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #AAAAAA;
    opacity: 0.3;
    filter: Alpha(Opacity 30);
    z-index: 1001;
}
.mesgBox.dialogBox {
    margin: 0 auto;
    position: relative;
    top: -10em;
    width: 85%;
    z-index: 1001;
}
.accProfDetailsSec {
    color: #424242;
    font-weight: bold;
    font-size: 1.000em;
    width: 40%;
}
.accProfDetailsSec span {
    display: block;
    font-size: 0.75em;
    font-weight: normal;
}
.accProfDetailsData {
    color: #424242;
    font-weight: normal;
    font-size: 1em;
    width: 35%;
}
.accProfDetailsData span {
    display: block;
    font-size: 0.75em;
    font-weight: normal;
}
.accProfDetailsEdit {
    width: 25%;
}
.accProfDetailsEdit span {
    display: block;
    font-size: 0.75em;
    font-weight: normal;
}
.accProfDetailsEdit a:first-child {
    padding: 0 6px 0 0;
}
.accProfDetailsEdit a:nth-child(2) {
    padding: 0 0 0 6px;
}
.accProfDetailsEdit a:first-child+a {
    padding: 0 0 0 6px;
}
.accProfDetailsEdit a {
    color: #008097;
    font-weight: normal;
    font-size: 1.000em;
    cursor: pointer;
    text-decoration: none;
}
.accProfEditSec {
    background-color: #ede8de;
    width: 95.56%;
    border: 1px solid #484848;
    padding: 15px;
    margin: 2% 0 0 0;
}
.accProfEditSec fieldset {
    width: 100%;
    padding: 0;
    margin: 0;
    border: none;
}
.accProfEditSec fieldset label {
    width: 40%;
    margin: 1% 2% 0 0;
    color: #424242;
    font-weight: bold;
    float: left;
    word-break: break-all;
}
.accProfEditSec fieldset label.lblRight {
    float: left;
    font-weight: normal;
}
.accProfEditSec fieldset .input {
    width: 41.8%;
    margin: 0 0 10px;
    font-family: Arial, Helvetica, sans-serif;
    height: 30px;
}
.accProfEditSec fieldset label.phoneSection {
    width: 40%;
    margin: 1% 2% 0 0;
    color: #424242;
    font-weight: bold;
    float: left;
}
.accProfEditSec fieldset div.radioHldr {
    float: right;
    margin: 5px 0 0;
    width: 30%;
}
.accProfEditSec fieldset .inputSmaller {
    width: 30px;
    height: 20px;
    margin: 0 10px 10px 0;
    font-family: Arial, Helvetica, sans-serif;
    padding: 5px;
}
.accProfEditSec fieldset .radioTxt {
    color: #484848;
    font-style: italic;
    margin: 0 15px 15px 6px;
}
.accProfEditSec fieldset .deleteTxt {
    margin: 0 0 15px 6px;
}
.accProfEditSec fieldset .deleteTxt a {
    color: #008097;
    text-decoration: none;
    cursor: pointer;
}
.accProfEditSec fieldset label.noneTxt {
    color: #484848;
    margin: 0;
    font-weight: normal;
}
.accProfEditSec fieldset span.textClass {
    color: #424242;
    font-size: 0.75em;
    font-weight: normal;
    display: block;
    width: 40%;
    padding: 5% 0 3%;
}
.accProfEditSec .profileBtn {
    margin-left: 42%;
    padding: 0 2%;
    background: url(../images/button_green_bg.jpg) 0 0 repeat-x;
    text-shadow: 1px 1px #024D5B;
    -moz-box-shadow: 1px 2px 3px #B3AEA4;
    -webkit-box-shadow: 1px 2px 3px #B3AEA4;
    box-shadow: 1px 2px 3px #B3AEA4;
    color: #FFFFFF;
    font-size: 0.9375em;
    padding: 0 15px;
    font-weight: normal;
    height: 32px;
    border: 0 none;
    outline: none;
    cursor: pointer;
    margin-top: 10px;
    -webkit-appearance: none;
}
.accProfEditSec .profileBtn:hover {
    background-image: none;
    background-color: #0396b0;
}
.accProfEditSec .cancel {
    color: #008097;
    cursor: pointer;
    margin: 0 0 0 16px;
}
.closeBtn,
.accProfEditSec .closeBtn {
    color: #008097;
    font-size: 15px;
    padding: 0 0 10px 0;
    text-align: right;
    font-weight: bold;
    cursor: pointer;
    width: 100px;
    float: right;
}
.mesgBox.dialogBox .closeBtn {
    margin: 10px 10px 0;
}
.pwdRulesMsg {
    display: block;
    margin: 0 0 4% 42%;
    font-size: 0.750em;
}
/*END ACC PROFILE*/
/*Start My Alerts & Communication Preferences*/

.alrtCommPrefHld p.dsplyTxt {
    font-size: 0.75em;
    padding: 2% 0;
}
.alrtCommPrefHld .error {
    xfont-size: 1em;
}
.alrtCommPrefHld .error .message {
    padding: 3px 0 24px 80px;
}
.displayTblHldr {
    width: 100%;
    border: 1px solid #484848;
    margin: 0 0 10px;
}
.displayHeader {
    background-color: #a19f9b;
    height: auto;
    border-bottom: 1px solid #484848;
    color: #fff;
    padding: 1% 0 1% 2%;
}
.displayBody {
    padding: 1.4%;
    color: #424242;
    font-size: 0.875em;
}
.emailDiv {
	/* DXP Changes */
    width: 51%;
	/* DXP Changes */
    padding: 0 3% 0 0;
    float: left;
    font-size: 0.86em;
}
.emailDiv span {
    font-weight: bold;
    padding: 0 0 2% 0;
    display: block;
    font-size: 1.17em;
}
.emailDiv ul {
    width: 100%;
    float: left;
}
.emailDiv li {
    float: left;
	/* DXP Changes */
    padding: 0 3% 0 5%;
	/* DXP Changes */
    word-break: break-all;
}
.emailDiv li:first-child {
    padding: 0 3% 0 0;
    width: 22%;
}
.emailDiv li:nth-child(2) {
	/* DXP Changes */
    width: 47%;
	padding: 0 3% 0 5%;
	/* DXP Changes */
}
.emailDiv li a {
    color: #008097;
    text-decoration: none;
    cursor: pointer;
}
.phoneDiv {
    width: 48%;
    float: left;
    font-size: 0.86em;
}
.phoneDiv span {
    font-weight: bold;
    padding: 0 0 2% 0;
    display: block;
    font-size: 1.17em;
}
.phoneDiv ul {
    width: 100%;
    float: left;
}
.phoneDiv li {
    float: left;
	/* DXP Changes */
    padding: 0 3% 0 7%;
	/* DXP Changes */
}
.phoneDiv li:first-child {
    padding: 0 3% 0 0;
    width: 22%;
}
.phoneDiv li:nth-child(2) {
	/* DXP Changes */
    width: 47%;
	/* DXP Changes */
}
.phoneDiv li a {
    color: #008097;
    text-decoration: none;
    cursor: pointer;
}
.displayBody {
    position: relative;
}
.displayBody fieldset {
    width: 100%;
    padding: 0;
    margin: 0;
    border: none;
}
.displayBody select {
    height: 30px;
    width: 50.5%;
}
.displayBody select option {
    background: #ffffff;
    font-size: 0.938em;
}
.displayBody span.customStyleSelectBox {
    font-size: 0.938em;
    font-weight: bold;
    background: #f8f6f2;
    /* Old browsers */
    
    background: -moz-linear-gradient(top, #f8f6f2 0%, #e4ded1 100%);
    /* FF3.6+ */
    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f6f2), color-stop(100%, #e4ded1));
    /* Chrome,Safari4+ */
    
    background: -webkit-linear-gradient(top, #f8f6f2 0%, #e4ded1 100%);
    /* Chrome10+,Safari5.1+ */
    
    background: -o-linear-gradient(top, #f8f6f2 0%, #e4ded1 100%);
    /* Opera 11.10+ */
    
    background: -ms-linear-gradient(top, #f8f6f2 0%, #e4ded1 100%);
    /* IE10+ */
    
    background: linear-gradient(to bottom, #f8f6f2 0%, #e4ded1 100%);
    /* W3C */
    
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr '#f8f6f2', endColorstr '#e4ded1', GradientType 0);
    /* IE6-9 */
    
    color: #404040;
    font-weight: normal;
    padding: 6px 10px 6px 13px;
    border: 1px solid #fff;
    margin: 0 0 20px 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.displayBody span.customStyleSelectBox.changed {
    background-color: #f0dea4;
}
.displayBody .customStyleSelectBoxInner {
    background: url(../images/myAccntDropDivider.png) no-repeat center right;
    width: 340px !important;
}
.displayBody .selctAccLbl {
    padding: 0 2% 0 0;
    font-weight: bold;
    font-size: 1.149em;
}
.subTblHldr {
    width: 99.6%;
    border: 1px solid #484848;
    border-bottom: none;
}
.subTblHeader {
    background-color: #a19f9b;
    height: auto;
    border-bottom: 1px solid #484848;
    color: #fff;
    padding: 1% 0 1% 2%;
    font-size: 1.2em;
}
.alrtCommPrefEditSec {
    background-color: #EDE8DE;
    border-bottom: 1px solid #484848;
    padding: 8px;
    width: 97.6%;
}
.alrtCommPrefEditSec .closeBtn {
    color: #008097;
    cursor: pointer;
    float: right;
    font-size: 15px;
    font-weight: bold;
    padding: 0 0 10px;
    text-align: right;
    width: 100px;
}
.alrtCommPrefEditSec .smallLabel {
    width: 18%;
    float: left;
    font-weight: bold;
    font-size: 1.14em;
}
.alrtCommPrefEditSec .bigLabel {
    width: 35%;
    float: left;
    font-weight: bold;
    font-size: 1.14em;
}
.alrtCommPrefEditSec .formHldr {
    width: 100%;
    border-bottom: 1px solid #484848;
    padding: 0 0 3%;
    margin: 0 0 2%;
}
.alrtCommPrefEditSec .btnHldr {
    text-align: center;
}
.alrtCommPrefEditSec .outagesOccurDiv {
    width: 82%;
    float: left;
}
.alrtCommPrefEditSec .exceedBudgetDiv {
    width: 60%;
    float: left;
}
.alrtCommPrefEditSec .outagesOccurDiv .smallLeftDiv {
    width: 47%;
    float: left;
}
.alrtCommPrefEditSec .outagesOccurDiv .smallLeftDiv span {
    font-size: 0.85em
}
.alrtCommPrefEditSec .outagesOccurDiv .smallRightDiv {
    float: right;
    font-size: 0.85em;
    width: 47%;
}
.alrtCommPrefEditSec .dividerSpan {
    float: left;
    font-size: 0.75em;
    margin: 0 2% 0 0;
}
.subTblHldr .alrtCommPrefEditSec .smallSelect {
    font-size: 0.94em;
    height: 20px !important;
    margin: 0;
    top: 0;
    width: 97px;
}
.subTblHldr .alrtCommPrefEditSec .smallestSelect {
    font-size: 0.94em;
    height: 20px !important;
    margin: 0;
    top: 0;
    width: 40px;
}
.subTblHldr .alrtCommPrefEditSec .midSelect {
    font-size: 0.94em;
    height: 20px !important;
    margin: 0 4% 0 0;
    top: 0;
    width: 125px;
}
.subTblHldr .alrtCommPrefEditSec .editeChk {
    margin: 0 1%;
    vertical-align: middle;
}
/*Generic Styling, for Desktops/Laptops */

.alrtCommPrefHld table {
    width: 100%;
    border-collapse: collapse;
}
.alrtCommPrefHld .alertDetailsSec {
    color: #424242;
    font-weight: bold;
    width: 40%;
    font-size: 1.145em;
}
.alrtCommPrefHld .alertDetailsData {
    color: #424242;
    font-weight: normal;
    width: 35%;
    word-break: break-all;
}
.alrtCommPrefHld td table tr td.mobileAlertIcon {
    background: url(../images/mobile-icon.png) no-repeat left center;
    padding-left: 30px;
}
.alrtCommPrefHld td table tr td.mailAlertIcon {
    background: url(../images/mail-icon.png) no-repeat left center;
    padding-left: 30px;
}
.alrtCommPrefHld td table tr td.crossAlertIcon {
    background: url(../images/red-cross-icon.png) no-repeat left center;
    padding-left: 30px;
}
.alrtCommPrefHld .alertDetailsEdit {
    width: 25%;
}
.alrtCommPrefHld .alertDetailsEdit a {
    color: #008097;
    font-weight: normal;
    cursor: pointer;
    text-decoration: none;
}
.alrtCommPrefHld th {
    background: #333;
    color: white;
    font-weight: bold;
}
.alrtCommPrefHld td table tr td,
.alrtCommPrefHld td table tr th {
    padding: 3% 2%;
    border-bottom: 1px solid #474747;
    text-align: left;
}
/* Generic Styling, for Desktops/Laptops */

.alrtCommPrefHld .profileBtn {
    padding: 0 2%;
    background: url(../images/button_green_bg.jpg) 0 0 repeat-x;
    text-shadow: 1px 1px #024D5B;
    -moz-box-shadow: 1px 2px 3px #B3AEA4;
    -webkit-box-shadow: 1px 2px 3px #B3AEA4;
    box-shadow: 1px 2px 3px #B3AEA4;
    color: #FFFFFF;
    padding: 0 15px;
    font-weight: normal;
    height: 32px;
    border: 0 none;
    outline: none;
    cursor: pointer;
    font-size: 1.078em;
    margin-top: 0 0 6px;
    -webkit-appearance: none;
}
.alrtCommPrefHld .profileBtn:hover {
    background-image: none;
    background-color: #0396b0;
}
.alrtCommPrefHld .cancel {
    color: #008097;
    cursor: pointer;
    margin: 0 0 0 16px;
}
/*End My Alerts & Communication Preferences*/
/*Start My Mailing Preferences*/

.recParlsBilTblHldr {
    width: 100%;
    border: 1px solid #484848;
    margin: 0 0 10px;
}
.recParlsBilHeader {
    background-color: #a19f9b;
    height: auto;
    border-bottom: 1px solid #484848;
    color: #fff;
    padding: 1% 0 1% 2%;
}
.recParlsBilBody {
    padding: 2%;
    color: #424242;
    font-size: 0.875em;
}
.primEmailDiv {
    width: 100%;
    padding: 0 3% 0 0;
    float: left;
}
.primEmailDiv span {
    font-weight: bold;
    padding: 0 0 2% 0;
    display: block;
}
.primEmailDiv ul {
    width: 100%;
    float: left;
}
.primEmailDiv li {
    float: left;
    padding: 0 3%;
}
.primEmailDiv li:first-child {
    padding: 0 3% 0 0;
    width: 40%;
    font-weight: bold;
}
.primEmailDiv li:nth-child(2) {
    width: 20%;
    word-break: break-all;
}
.primEmailDiv li a {
    color: #008097;
    text-decoration: none;
    cursor: pointer;
}
.primEmailDiv li span {
    font-weight: normal;
    margin: 0 21% 0 0;
    font-size: 0.87em;
}
.cngMailAdrsTblHldr {
    width: 100%;
    border: 1px solid #484848;
    margin: 0 0 10px;
}
.cngMailAdrsHeader {
    background-color: #a19f9b;
    height: auto;
    border-bottom: 1px solid #484848;
    color: #fff;
    padding: 1% 0 1% 2%;
}
.cngMailAdrsBody {
    padding: 1%;
    color: #424242;
    font-size: 1em;
}
/*Generic Styling Table, for Desktops/Laptops Start*/

.cngMailAdrsBody table tr td table {
    border-collapse: collapse;
    border-right: 1px solid #474747;
    border-bottom: 1px solid #474747;
    border-left: 1px solid #474747;
}
.cngMailAdrsBody th {
    background: #ceded9;
    color: #474747;
    font-weight: bold;
    border: 1px solid #474747;
    text-align: center;
    width: 20%;
    padding: 11px 0;
    font-size: 0.75em;
}
.cngMailAdrsBody td table tr td,
.cngMailAdrsBody td table tr th {
    padding: 6px;
    text-align: center;
    width: 20%;
    font-size: 0.75em;
}
.cngMailAdrsBody table tr td table thead {
    display: none;
}
/*Generic Styling Table, for Desktops/Laptops End*/

.cngMailAdrsBody a {
    color: #008097;
    cursor: pointer;
    font-weight: normal;
    text-decoration: none;
}
.onOffButtonBox .btnOn,
.cngMailAdrsBody .btnOn {
    background: #008097;
    background-image: -moz-linear-gradient(top, #008097 1%, #02505d 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #008097), color-stop(100%, #02505d));
    background-image: -webkit-linear-gradient(top, #008097 1%, #02505d 100%);
    background-image: -o-linear-gradient(top, #008097 1%, #02505d 100%);
    background-image: -ms-linear-gradient(top, #008097 1%, #02505d 100%);
    background-image: linear-gradient(to bottom, #008097 1%, #02505d 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr '#008097', endColorstr '#02505d', GradientType 0);
    -webkit-appearance: none;
    box-shadow: 1px 2px 3px 2px rgba(165, 162, 157, 0.44);
    -moz-box-shadow: 1px 2px 3px 2px rgba(165, 162, 157, 0.44);
    -webkit-box-shadow: 1px 2px 3px 2px rgba(165, 162, 157, 0.44);
    color: #fff;
    border: none;
    width: 55px;
    height: 26px;
    font-size: 0.75em;
    cursor: pointer;
    outline: 0;
    text-shadow: 1px 1px #024D5B;
}
.onOffButtonBox .btnOn:hover,
.cngMailAdrsBody .btnOn:hover {
    background-image: none;
    background-color: #0396b0;
}
.onOffButtonBox .btnOff,
.cngMailAdrsBody .btnOff {
    background-color: #d9d9d9;
    box-shadow: inset 2px 2px 1px 1px rgba(186, 186, 186, 0.44);
    -moz-box-shadow: inset 2px 2px 1px 1px rgba(186, 186, 186, 0.44);
    -webkit-box-shadow: inset 2px 2px 1px 1px rgba(186, 186, 186, 0.44);
    -webkit-appearance: none;
    color: #474747;
    border: none;
    width: 55px;
    height: 26px;
    font-size: 0.75em;
    cursor: pointer;
    outline: none;
    -webkit-appearance: none;
}
.onOffButtonBox {
    width: 120px;
    margin: 0 auto;
}
.paperlessBill .buttonBox {
    width: 41%;
}
.paperlessBill .buttonBox li {
    display: block;
    margin: 0;
}
.paperlessBill .subtitle {
    font-size: 1.625em;
    font-weight: normal;
}
.receiveEmailBox {
    font-size: 0.75em;
    margin: 30px auto;
    width: 86%;
}
.paperlessBill .heading {
    margin-bottom: 30px;
}
.paperlessBill .listItems {
    margin-top: 30px;
}
.paperlessBill .listItems p,
.unEnrollLanding .listItems p {
    font-size: 0.75em;
    padding: 25px 0;
}
.eLink {
    margin-bottom: 30px;
}
.eLink a {
    font-size: 0.875em;
}
/*Generic Styling Table, for Desktops/Laptops end*/
/*Edit Section start*/

.mailingPrefEditSec {
    background-color: #ede8de;
    width: 97.4%;
    border: 1px solid #484848;
    border-top: none;
    padding: 8px;
    position: relative;
}
.mailingPrefEditSec fieldset {
    width: 98%;
    padding: 0;
    margin: 0 0 22px;
    border: none;
}
.mailingPrefEditSec fieldset label {
    width: 34.4%;
    margin: 1% 2% 0 0;
    color: #424242;
    font-weight: bold;
    float: left;
}
.mailingPrefEditSec fieldset label.lblRight {
    float: left;
    font-weight: normal;
}
.mailingPrefEditSec fieldset .input {
    width: 50.4%;
    margin: 0 0 2%;
    font-family: Arial, Helvetica, sans-serif;
    height: 32px;
}
.mailingPrefEditSec fieldset .inputMid {
    width: 38.5%;
    margin: 0 0 2%;
    font-family: Arial, Helvetica, sans-serif;
    height: 32px;
    border-top: 1px solid #b6b7b7;
    border-right: 0 none;
    border-bottom: 0 none;
    border-left: 1px solid #b6b7b7;
    color: #303030;
}
.mailingPrefEditSec fieldset .opTxt {
    padding: 0 0 0 2%;
    font-size: 0.75em;
}
.mailingPrefEditSec .profileBtn {
    margin-left: 36.8%;
    padding: 0 2%;
    background: url(../images/button_green_bg.jpg) 0 0 repeat-x;
    text-shadow: 1px 1px #024D5B;
    -moz-box-shadow: 1px 2px 3px #B3AEA4;
    -webkit-box-shadow: 1px 2px 3px #B3AEA4;
    box-shadow: 1px 2px 3px #B3AEA4;
    color: #FFFFFF;
    font-size: 0.9375em;
    padding: 0 15px;
    font-weight: normal;
    height: 32px;
    border: 0 none;
    outline: none;
    cursor: pointer;
    margin-top: 10px;
    -webkit-appearance: none;
}
.mailingPrefEditSec .profileBtn:hover {
    background-image: none;
    background-color: #0396b0;
}
.mailingPrefEditSec .cancel {
    color: #008097;
    cursor: pointer;
    margin: 0 0 0 16px;
}
.mailingPrefEditSec .closeBtn {
    color: #008097;
    font-size: 15px;
    padding: 0 0 10px 0;
    text-align: right;
    font-weight: bold;
    cursor: pointer;
    width: 100px;
    float: right;
}
.mailingPrefEditSec fieldset label.countryTxt {
    color: #484848;
    margin: 1% 2% 2% 0;
    font-weight: normal;
    font-size: 0.88em;
}
/*css for custom select box starts here */

.mailingPrefEditSec select {
    /* DXP Changes */
    
    width: 32%;
    /* DXP Changes */
    
    height: 30px !important;
}
.mailingPrefEditSec span.customStyleSelectBox {
    font-size: 0.94em;
    font-weight: bold;
    background: #f8f6f2;
    /* Old browsers */
    
    background: -moz-linear-gradient(top, #f8f6f2 0%, #e4ded1 100%);
    /* FF3.6+ */
    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f6f2), color-stop(100%, #e4ded1));
    /* Chrome,Safari4+ */
    
    background: -webkit-linear-gradient(top, #f8f6f2 0%, #e4ded1 100%);
    /* Chrome10+,Safari5.1+ */
    
    background: -o-linear-gradient(top, #f8f6f2 0%, #e4ded1 100%);
    /* Opera 11.10+ */
    
    background: -ms-linear-gradient(top, #f8f6f2 0%, #e4ded1 100%);
    /* IE10+ */
    
    background: linear-gradient(to bottom, #f8f6f2 0%, #e4ded1 100%);
    /* W3C */
    
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr '#f8f6f2', endColorstr '#e4ded1', GradientType 0);
    /* IE6-9 */
    
    color: #404040;
    font-weight: normal;
    padding: 6px 8px 6px 7px;
    border: 1px solid #fff;
    margin: 0 0 20px 0;
}
.mailingPrefEditSec span.customStyleSelectBox.changed {
    background-color: #f0dea4;
}
.mailingPrefEditSec .customStyleSelectBoxInner {
    background: url(../images/myAccntDropDivider.png) no-repeat center right;
    width: 190px !important;
}
.mailingPrefEditSec select option {
    background: #ffffff;
    font-size: 0.938em;
}
/*css for custom select box ends here */

.mailingPrefEditSec .accDetails {
    border-bottom: 1px solid #474747;
    margin: 0 0 2%;
    padding: 1% 0;
}
.mailingPrefEditSec .leftDiv {
    float: left;
    width: 50%;
}
.mailingPrefEditSec .leftDiv div {
    width: 50%;
    display: block;
    float: left;
    font-size: 0.75em;
}
.mailingPrefEditSec .leftDiv div span {
    color: #424242;
    font-weight: bold;
    display: block;
    font-size: 1.34em;
}
.mailingPrefEditSec .leftDiv div.right {
    width: 45%;
    display: block;
    float: right;
    margin: 5% 0 0;
}
.mailingPrefEditSec .rightDiv {
    float: right;
    text-align: right;
}
.mailingPrefEditSec .rightDiv span {
    font-size: 0.88em;
    font-weight: bold;
}
.mailingPrefEditSec .rightDiv span.active {
    font-weight: normal;
    line-height: 4em;
}
/*Edit Section end*/
/*End My Mailing Preferences*/
/*Start Manage My Accounts*/

.mngMyAccntTblHldr {
    width: 100%;
    border: 1px solid #484848;
    margin: 0 0 10px;
}
.mngMyAccntTxt {
    font-size: 0.88em;
    color: #484747;
    font-weight: bold;
    margin: 30px 0;
    display: block;
}
.mngMyAccntHeader {
    background-color: #a19f9b;
    height: auto;
    border-bottom: 1px solid #484848;
    color: #fff;
    padding: 1% 0 1% 2%;
}
.mngMyAccntBody {
    padding: 1%;
    color: #424242;
    font-size: 0.875em;
}
.mngMyAccntBody table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #474747;
    font-size: 0.86em;
}
.mngMyAccntBody th {
    background: none repeat scroll 0 0 #CEDED9;
    border: 1px solid #474747;
    color: #474747;
    font-weight: bold;
    padding: 11px 0;
    text-align: center;
}
.mngMyAccntBody td,
th {
    padding: 13px 6px;
    text-align: left;
}
.mngMyAccntBody td:first-child {
    text-align: center !important;
}
.mngMyAccntBody tr:nth-of-type(even) {
    background: #e3ddd0;
}
.mngMyAccntBody th:nth-of-type(1) {
    width: 10%;
}
.mngMyAccntBody th:nth-of-type(2) {
    width: 50%;
}
.mngMyAccntBody th:nth-of-type(3) {
    width: 15%;
    text-align: center;
}
.mngMyAccntBody th:nth-of-type(4) {
    width: 15%;
    text-align: center;
}
.mngMyAccntBody th:nth-of-type(5) {
    width: 10%;
    text-align: center;
}
.mngMyAccntBody td:nth-of-type(1) {
    text-align: center;
}
.mngMyAccntBody td:nth-of-type(3) {
    text-align: center;
}
.mngMyAccntBody td:nth-of-type(4) {
    text-align: center;
}
.mngMyAccntBody td:nth-of-type(5) {
    text-align: center;
}
.selectHldr {
    display: none;
}
.btnHldDiv {
    text-align: center;
    padding: 3% 0;
}
.mngMyAccntBody .cancel {
    color: #008097;
    font-size: 1.1em;
    margin: 0 0 0 5%;
    cursor: pointer;
}
.tabContHolder .warning .message {
    background-position: 2.75% 12px;
}
.missingAccTblHldr {
    width: 100%;
    border: 1px solid #484848;
    margin: 0 0 10px;
}
.missingAccHeader {
    background-color: #a19f9b;
    height: auto;
    border-bottom: 1px solid #484848;
    color: #fff;
    padding: 1% 0 1% 2%;
}
.missingAccBody {
    padding: 1%;
    color: #424242;
    font-size: 0.875em;
}
.missingAccBody fieldset {
    width: 100%;
    padding: 0;
    margin: 0;
    border: none;
}
.missingAccBody .selectAccnt {
    width: 38%;
    float: left;
}
.missingAccBody .addDetails {
    width: 42%;
    float: left;
}
.missingAccBody .addDetails input[type="text"] {
    float: left;
    height: 25px;
    margin: 1% 3% 0 0;
    width: 44%;
    border-top: 1px solid #b6b7b7;
    border-right: 0 none;
    border-bottom: 0 none;
    border-left: 1px solid #b6b7b7;
    color: #303030;
}
.missingAccBody .addDetails label {
    float: left;
    height: 25px;
    margin: 1% 3% 0 0;
    width: 44%;
    text-align: center;
}
.missingAccBody .saveCancelHldr {
    width: 19%;
    float: left;
    margin: 0.5% 0 0;
}
.missingAccBody .securtyDiv {
    margin: 10px 0;
}
.missingAccBody .securtyDiv input[type="text"] {
    width: 37%;
    border-top: 1px solid #b6b7b7;
    border-right: 0 none;
    border-bottom: 0 none;
    border-left: 1px solid #b6b7b7;
    color: #303030;
}
.missingAccBody .saveCancelHldr .btnAdd {
    background: #008097;
    /* Old browsers */
    
    background-image: -moz-linear-gradient(top, #008097 1%, #02505d 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #008097), color-stop(100%, #02505d));
    background-image: -webkit-linear-gradient(top, #008097 1%, #02505d 100%);
    background-image: -o-linear-gradient(top, #008097 1%, #02505d 100%);
    background-image: -ms-linear-gradient(top, #008097 1%, #02505d 100%);
    background-image: linear-gradient(to bottom, #008097 1%, #02505d 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr '#008097', endColorstr '#02505d', GradientType 0);
    -moz-box-shadow: 1px 2px 3px #B3AEA4;
    -webkit-box-shadow: 1px 2px 3px #B3AEA4;
    box-shadow: 1px 2px 3px #B3AEA4;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 0.9375em;
    font-weight: normal;
    height: 32px;
    padding: 0 13%;
    text-shadow: 1px 1px #024D5B;
    -webkit-appearance: none;
}
.missingAccBody .saveCancelHldr .btnAdd:hover {
    background-image: none;
    background-color: #0396b0;
}
.missingAccBody .saveCancelHldr .cancel {
    color: #008097;
    font-size: 0.98em;
    margin: 0 0 0 8%;
    cursor: pointer;
}
.missingAccBody .securtyTxt {
    font-weight: bold;
    padding: 0 3% 0 0;
}
.missingAccBody span.customStyleSelectBox {
    font-size: 1em;
    font-weight: bold;
    background: #f8f6f2;
    /* Old browsers */
    
    background: -moz-linear-gradient(top, #f8f6f2 0%, #e4ded1 100%);
    /* FF3.6+ */
    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f6f2), color-stop(100%, #e4ded1));
    /* Chrome,Safari4+ */
    
    background: -webkit-linear-gradient(top, #f8f6f2 0%, #e4ded1 100%);
    /* Chrome10+,Safari5.1+ */
    
    background: -o-linear-gradient(top, #f8f6f2 0%, #e4ded1 100%);
    /* Opera 11.10+ */
    
    background: -ms-linear-gradient(top, #f8f6f2 0%, #e4ded1 100%);
    /* IE10+ */
    
    background: linear-gradient(to bottom, #f8f6f2 0%, #e4ded1 100%);
    /* W3C */
    
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr '#f8f6f2', endColorstr '#e4ded1', GradientType 0);
    /* IE6-9 */
    
    color: #404040;
    font-weight: normal;
    padding: 6px 10px 6px 13px;
    border: 1px solid #fff;
    margin: 0 0 20px 0;
}
.missingAccBody span.customStyleSelectBox.changed {
    background-color: #f0dea4;
}
.missingAccBody .customStyleSelectBoxInner {
    background: url(../images/myAccntDropDivider.png) no-repeat center right;
    width: 200px !important;
   padding-right: 24px;
}
.missingAccBody select {
    height: 30px !important;
    width: 30.5%;
}
.missingAccBody select option {
    background: #ffffff;
    font-size: 0.938em;
}
.mngMyAccntTblHldr .profileBtn {
    padding: 0 2%;
    background: url(../images/button_green_bg.jpg) 0 0 repeat-x;
    text-shadow: 1px 1px #024D5B;
    -moz-box-shadow: 1px 2px 3px #B3AEA4;
    -webkit-box-shadow: 1px 2px 3px #B3AEA4;
    box-shadow: 1px 2px 3px #B3AEA4;
    color: #FFFFFF;
    font-size: 0.9375em;
    padding: 0 15px;
    font-weight: normal;
    height: 32px;
    border: 0 none;
    outline: none;
    cursor: pointer;
    margin-top: 10px;
    -webkit-appearance: none;
}
.mngMyAccntTblHldr .profileBtn:hover {
    background-image: none;
    background-color: #0396b0;
}
.mngMyAccntTblHldr .cancel {
    color: #008097;
    cursor: pointer;
    margin: 0 0 0 16px;
}
.mesgBox.dialogBox .cancel {
    font-size: 15px;
    font-weight: bold;
}
.addAccountTxt {
    float: left;
    margin: 1% 0 0;
}
/*End Manage My Accounts*/
/* END SN CSS */
/*AM CSS*/

.environment_container {} .environment_container h1 {
    font-size: 2.75em;
    font-weight: normal;
    color: #484848;
    padding: 0 0 25px 0;
    margin: 0;
    line-height: 44px;
}
.environment_container h2 {
    font-size: 1.65em;
    font-weight: normal;
    color: #484848;
    padding: 0 0 15px 0;
    margin: 0;
    line-height: 44px;
}
.environment_container p {
    font-size: 0.75em;
    color: #484848;
    padding: 0;
    margin: 0 0 25px 0;
}
.cont_block {
    margin: 0 0 25px 0;
    padding: 0;
    clear: both;
    overflow: hidden;
}
.cont_block .img_block {
    float: left;
    width: 11%;
}
.twoclm .cont_block .img_block {
    float: left;
    width: 9%;
}
.twoclm .cont_block .cont_right {
    padding: 0 0 0 4%;
    float: left;
    width: 87%;
    margin: 0;
}
.cont_block .cont_right {
    padding: 0 0 0 4%;
    float: left;
    width: 85%;
    margin: 0;
}
.cont_block .cont_right p {
    margin: 0;
    padding: 0;
}
.cont_block .cont_right h2 {
    font-size: 1em;
    font-weight: bold;
    color: #484848;
    padding: 0;
    margin: 0;
    line-height: 18px;
}
.leftNav ul li.active_link {} .leftNav ul li.active_link a {
    color: #016d87
}
.more {
    font-size: .85em;
    color: #008097;
    text-decoration: none;
}
.pad_lt_18 {
    padding-left: 18px;
    font-size: .50em !important;
}
.energy_storage_video_space,
.benefitsHelpBox .energy_storage_video_space object embed {
    width: 100% !important;
}
.energy_storage_detail {
    padding: 22px 36px 0 10px;
}
.energy_storage_detail h4 {
    font-size: 0.85em;
    font-weight: bold;
    color: #484848;
    padding: 0 0 18px 0;
    margin: 0;
    line-height: 18px;
}
.energy_storage_detail p {
    padding: 0;
    margin: 0 0 18px 0;
    font-size: 0.75em;
}
.environment_container ul {
    list-style: none;
    margin: 0 0 20px 0;
}
.environment_container ol {
    list-style: decimal;
    margin: 0 0 20px 20px;
}
.environment_container ul li {
    font-size: 0.75em;
    background: url(../images/bullet_black.png) no-repeat scroll 0 7px transparent;
    padding: 0 0 6px 11px;
}
.environment_container ol li {
    font-size: 0.75em;
    padding: 0 0 6px 11px;
}
.inner_li_span {
    display: block;
    padding: 0 0 0 40px;
}
.meterContent.margin0 {
    margin-right: 0;
}
.fleft_img {
    float: left;
    margin: 0 15px 15px 0;
    width: auto
}
.vimeo_video_container {} .view_stories_area {
    width: 96%;
    padding: 0 2%;
}
.view_stories_area .lft_col {
    width: 44%;
    float: left;
    padding-top: 50px;
    padding-right: 10%
}
.view_stories_area .rt_col {
    width: 45%;
    float: right;
    padding-top: 50px;
}
.cont_block .halfarea,
.img_block.halfarea {
    width: 48%;
}
.view_stories_area .cont_block .heading {
    font-size: .85em;
    font-weight: bold;
    padding-bottom: 15px;
    border: none;
    background: none;
    margin-bottom: 0;
}
.view_stories_area .cont_block p {
    margin-bottom: 15px;
}
/* END AM CSS  */
/**SD Button */

.dashboardDetails a.buttonGreenCommon {
    font-weight: normal;
    padding: 0 20px !important;
}
.gnfGoPaperless .buttonGreenCommon,
.gnfGoPaperless .buttonGreyCommon {
    float: none;
    font-size: 0.75em;
    xmargin-right: 4px;
}
.gnfGoPaperless .buttonGreenCommon {
    padding: 8px 14px !important;
}
.gnfGoPaperless .buttonGreyCommon {
    padding: 8px 14px 7px !important;
}
.buttonGreenCommon {
    dispaly: block;
    float: left;
    background: url(../images/button_green_bg.jpg) 0 0 repeat-x;
    -moz-box-shadow: 1px 2px 3px #B3AEA4;
    -webkit-box-shadow: 1px 2px 3px #B3AEA4;
    box-shadow: 1px 2px 3px #B3AEA4;
    color: #FFFFFF !important;
    font-size: 1em;
    padding: 0 24px 0px !important;
    height: 32px;
    line-height: 32px;
    border: 0 none;
    outline: none;
    cursor: pointer;
    text-shadow: 1px 1px #024D5B;
    -webkit-appearance: none;
}
.buttonGreyCommon {
    dispaly: block;
    float: left;
    background: url(../images/button_grey_bg.jpg) 0 0 repeat-x;
    -moz-box-shadow: 1px 2px 3px #B3AEA4;
    -webkit-box-shadow: 1px 2px 3px #B3AEA4;
    box-shadow: 1px 2px 3px #B3AEA4;
    color: #404040 !important;
    font-size: 1em;
    padding: 0 24px 0px !important;
    height: 31px;
    line-height: 32px;
    border: 0 none;
    outline: none;
    cursor: pointer;
    text-shadow: none;
    -webkit-appearance: none;
}
.buttonPurpleCommon {
    dispaly: block;
    float: left;
    background: url(../images/button_purple_bg.jpg) 0 0 repeat-x;
    -moz-box-shadow: 1px 2px 3px #B3AEA4;
    -webkit-box-shadow: 1px 2px 3px #B3AEA4;
    box-shadow: 1px 2px 3px #B3AEA4;
    color: #FFFFFF !important;
    font-size: 1em;
    padding: 0 24px 0px !important;
    height: 32px;
    line-height: 32px;
    border: 0 none;
    outline: none;
    cursor: pointer;
    text-shadow: 1px 1px #024D5B;
    -webkit-appearance: none;
}
/* Hover */

.buttonGreyCommon:hover {
    background-image: none;
    background-color: #f2eee5;
    text-decoration: none !important;
}
.buttonPurpleCommon:hover {
    background-image: none;
    background-color: #ef8914;
    text-decoration: none !important;
}
.buttonGreenCommon:hover {
    background-image: none;
    background-color: #0396b0;
    text-decoration: none !important;
}
/* End Hover */

.linkButton {
    color: #008097;
    font-size: 0.875em;
    padding: 7px 0 0;
    background: none;
    border: none;
    cursor: pointer;
    display: inline-block;
}
.linkButton:hover {
    text-decoration: underline !important;
}
/**SD End Button */
/** AP - BP2 */

.leftContainerBox {
    border-right: 1px solid #484848;
    float: left;
    padding-bottom: 26px;
    /* DXP Changes */
    
    padding-top: 20px;
    /* DXP Changes */
    
    width: 74%;
}
.rightContainerBox {
    float: left;
    padding-left: 1.5%;
    /* DXP Changes */
    
    padding-top: 17px;
    /* DXP Changes */
    
    width: 26%;
    border-left: 1px solid #484848;
    margin-left: -1px;
}
.rightContainerBox .blackLine {
    margin-left: -6%;
}
.impersonate-search .leftContainerBox {
    padding-right: 4%;
    width: 70%;
}
.fboxContainer {
    float: left;
    width: 100%;
}
.search-an-outage .searchAnOutage .fboxContainer {
    width: 100% !important;
}
.mapContainer {
    float: left;
    margin-top: 30px;
    padding-right: 0;
    overflow: hidden;
    width: 100%;
}
.mapLegendList {
    padding-top: 15px;
}
.mapLegendList li {
    min-height: 54px;
    padding: 0 0 20px 60px;
    font-size: 0.75em;
}
.mapLegendList li.legend1 {
    background: url(../images/legend1.png) no-repeat 0 0;
}
.mapLegendList li.legend2 {
    background: url(../images/legend2.png) no-repeat 0 0;
}
.mapLegendList li.legend3 {
    background: url(../images/legend3.png) no-repeat 0 0;
}
.mapLegendList li.legendSearch1 {
    background: url(../images/legendSearch1.png) no-repeat 0 0;
}
.mapLegendList li.legendSearch2 {
    background: url(../images/legendSearch2.png) no-repeat 0 0;
}
.mapLegendList li.legendSearch3 {
    background: url(../images/legendSearch3.png) no-repeat 0 0;
}
.mapLegendList li.active {
    background: url(../images/legend_search.png) no-repeat 0 0;
}
.mapLegendList li a:hover {
    text-decoration: underline;
}
.mapLegList li {
    padding: 14px 0 10px 60px;
}
/* Start Western Union Locations */

.westernUnionLocations {
    margin-bottom: 30px;
}
.westernUnionLocations .fboxContainer {
    margin-top: 25px;
    width: 57.14285714285714%;
}
.lgdListContainer {
    background-color: #ece7dd;
    border: 1px solid #474747;
    float: right;
    margin-top: 25px;
    padding: 20px 20px 10px;
    /* DXP Changes */
    
    width: 37.7%;
    /* DXP Changes */
}
.lgdListContainer .bTextList {
    padding-top: 0;
}
.lgdListContainer .bTextList li {
    background-position: 0 8px;
    padding: 0 0 14px 11px;
}
.fboxContainer .faqpageTitle {
    font-weight: normal;
    line-height: 45px;
    padding-right: 0;
}
.westernUnionLocations .zipFindBox {
    margin-top: 25px;
}
.zipLabelTxt {
    font-size: 0.875em;
    font-weight: bold;
    color: #484848;
    padding-bottom: 12px;
}
.zipFindBox .input {
    float: left;
    margin-right: 10px;
    height: 30px;
    width: 68%;
}
.mapInfoList {
    border: 1px solid #474747;
    float: left;
    margin-top: 30px;
    width: 21.12857142857143%;
}
.mapInfoListInner {
    padding: 16px 7px 0 9px;
    min-height: 580px;
    height: 580px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.mapInfoList .mapInfoListInner ul li {
    margin-bottom: 12px;
    overflow: hidden;
    word-wrap: break-word;
}
.mapInfoList .mapInfoListInner ul li p,
.mapInfoList .mapInfoListInner ul li a {
    float: left;
    font-size: 0.75em;
    font-weight: bold;
    width: 50%;
}
.westernUnionLocations .mapContainer {
    float: right;
    padding-right: 0;
    width: auto;
}
.mapContainer .mapInnerContainer {
    height: 592px;
    border: 1px solid #bfbcb6;
    overflow: hidden;
    position: relative;
}
.westernUnionLocations .return {
    clear: both;
    padding-top: 10px;
}
/* End Western Union Locations */
/* locations page */

.mapInfoListInner .mapInfoListAccordian {
    color: #484848;
    background: url(../images/accordion_plus_small.png) 3px 10px no-repeat #dad3c3;
    border-top: none;
    border: 1px solid #474747;
    border-top: none;
    font-size: 0.75em;
    overflow: hidden;
    min-height: 40px;
}
.mapInfoListInner .border-top {
    border-top: 1px solid #474747 !important;
}
.mapInfoListInner .mapInfoListAccordian .mapInfoListAccordianHeader {
    margin-left: 25px;
}
.mapInfoListInner .mapInfoListAccordian .headerContentName {
    width: 50%;
    float: left;
    font-weight: bold;
    padding-top: 10px;
}
.mapInfoListInner .mapInfoListAccordian .headerContentLocation {
    width: 50%;
    float: left;
    font-weight: bold;
    padding-top: 10px;
}
.mapInfoListAccordianOpen {
    background: url(../images/accordion_minus_small.png) 3px 10px no-repeat #008097 !important;
    color: #fff !important;
}
.mapListContent {
    border: 1px solid #474747;
}
.navigateContainer {
    float: right;
    width: 37.7%;
    margin-top: 5px;
}
.navigateContainer .displayBody select.nagSelect {
    width: 99%;
}
/* locations page */
/*UPDATED WESTERN UNION LOCATION*/

.mapInfoList .mapInfoListInner li.locationDetails {
    position: relative;
}
.mapInfoList .mapInfoListInner li.locationDetails span.locationClose {
    position: absolute;
    font-size: 0.65em;
    right: 5px;
    cursor: pointer;
    display: inline-block;
}
.mapInfoList .mapInfoListInner li.locationDetails img {
    float: left;
    margin-top: 12px;
}
.mapInfoList .mapInfoListInner li.locationDetails h4 {
    float: right;
    font-size: 0.75em;
    width: 79%;
    margin-top: 12px;
}
.mapInfoList .mapInfoListInner li.locationDetails p {
    float: right;
    font-weight: normal;
    width: 79%;
}
.mapInfoList .mapInfoListInner li.locationDetails a {
    width: 79%;
    float: right;
}
.mapInfoList .mapInfoListInner li.locationDetails.active a.locationBody,
.mapInfoList .mapInfoListInner li.locationDetails p,
.mapInfoList .mapInfoListInner li.locationDetails span.locationClose {
    display: none;
}
.mapInfoList .mapInfoListInner li.locationDetails.active span.locationClose,
.mapInfoList .mapInfoListInner li.locationDetails p.a,
.mapInfoList .mapInfoListInner li.locationDetails a.locationBody,
.mapInfoList .mapInfoListInner li.locationDetails.active p {
    display: block;
}
.mapInfoList .mapInfoListInner li.locationDetails.active {
    background: #e3ddd0;
    padding: 2%;
}
.mapInfoListHeader h5:first-child {
    float: left;
    padding-right: 30px;
}
.mapInfoListHeader {
    padding: 3%;
    border-bottom: 1px solid #474747;
    background: #e3ddd0;
}
/* End Western Union Locations */
/*MAP POP UP*/

.mapPopUp {
    background: #e4ddd0 url(../images/map-popup-bg.jpg) repeat-x top left;
    min-height: 259px;
    width: 263px;
    position: absolute;
    top: 5%;
    left: 46%;
    border-radius: 5%;
    -moz-border-radius: 5%;
    -webkit-border-radius: 5%;
    border: 1px solid #fff;
    border-bottom: 1px solid #d1d1d2;
}
.mapPopUpHeader .mapButtonClose {
    background: url(../images/popup-close.png) no-repeat scroll 100% 0 transparent;
    color: #008097;
    float: right;
    font-size: 0.875em;
    padding-right: 24px;
    width: 42px;
}
.mapPopUpHeader {
    padding: 4% 4% 9%;
    border-bottom: 1px solid #919191;
}
.mapPopUpHeader h4 {
    font-weight: normal;
    float: left;
}
.mapPopUpFooter {
    border-top: 1px solid #919191;
    padding: 3% 4%;
    font-size: 0.875em;
    position: relative;
}
.mapAlert .mapList {
    margin: 4% 0 4% 4%;
    ;
    list-style: none;
    overflow: hidden;
}
.mapList li {
    float: left;
    text-align: left;
    font-size: 0.75em;
    padding: 1% 4% 2% 0;
}
.mapAlert li.mapDetails {
    text-align: left;
    width: 24%;
    font-weight: bold;
    clear: both;
}
.mapAlert li.mapSubDetails {
    text-align: left;
    width: 60%;
    font-weight: normal;
}
.outagePoint {
    position: absolute;
    top: 36%;
    left: 51%;
    width: 54px;
    height: 53px;
    background: url(../images/legend.png) no-repeat center;
}
.mapPopUp .mapPopUpBody {
    border-top: 2px solid #fff;
    min-height: 180px;
}
.popUpPointer {
    background: url(../images/popup-arrow.png) no-repeat center;
    height: 11px;
    width: 19px;
    position: absolute;
    top: 37px;
    left: 16%;
}
/* END MAP POP UP*/
/* Start Search An Outage */

.searchAnOutage {
    padding-right: 15px;
}
.outageReportAlert {
    margin-top: 25px;
}
.searchAnOutage .zipFindBox .input {
    width: 78%;
}
.lastUpdatedOn {
    overflow: hidden;
    font-weight: bold;
    text-align: right;
    padding-bottom: 8px;
    font-size: 0.75em;
}
.searchAnOutage .startOver {
    clear: both;
    overflow: hidden;
    padding-right: 0;
    padding-top: 20px;
}
.startOverAnchor {
    font-size: 0.875em;
}
.searchAnOutage .bTextList {
    padding: 20px 0;
}
.startOver .bTextList li {
    background-position: 0 8px;
    padding: 0 0 10px 10px;
}
/* Tabs */

.tabsHolder {
    border: 1px solid #000;
    padding: 0;
    overflow: hidden;
    background-color: #F2EEE5;
    -webkit-box-shadow: 5px 4px 8px -4px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 5px 4px 8px -4px rgba(50, 50, 50, 0.5);
    box-shadow: 5px 4px 8px -4px rgba(50, 50, 50, 0.5);
}
.tabsHolder .tabs {
    overflow: hidden;
    position: relative;
}
.tabsHolder .tabs li {
    list-style: none;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 50%;
    font-size: 0.750em;
    font-weight: bold;
    background: #e3ddd0;
    text-decoration: none;
    border-bottom: #7b7a77 solid 1px;
    cursor: pointer;
}
.tabsHolder .tabs li.active {
    background: #f2eee5;
    border-bottom: 1px solid #f2eee5;
    border-bottom: 1px solid #F2EEE5;
    cursor: pointer;
}
.tabsHolder .tabs li a {
    padding: 4% 10%;
    text-align: center;
    display: inline-block;
    color: #9c9b9b;
    text-decoration: none;
    height: 40px;
    border-right: #7b7a77 solid 1px;
}
.tabsHolder .tabs li.active a {
    color: #484747;
}
.tabsHolder .tabs li:first-child a {
    border-left: 1px solid #F2EEE5;
}
.tabsHolder .tabs li:last-child a {
    border-right: none;
}
.tabsHolder .tabs li:after {
    content: url(../images/tab-Shadow.png);
    position: absolute;
    top: -5px;
}
.tabsHolder .tabs li:last-child:after {
    content: url(../images/tab-Shadow-blank.png);
    position: absolute;
    top: 6px;
}
.tabsHolder .tabs li.active:before {
    content: url(../images/tab-Shadow-active.png);
    position: absolute;
}
.tabsHolder .tabContHolder {
    background-color: #f2eee5;
    padding: 10% 6% 4%;
}
.tabsHolder .tabContHolder p {
    font-size: 0.75em;
    padding-bottom: 10px;
}
.tabsHolder p.return {
    padding: 0 4% 8%;
}
/* End tabs */

.reportOutageOnlineBox .bTextList li {
    background-position: 0 8px;
    padding: 0 0 14px 11px;
}
.reportOutageOnlineBox {
    padding: 30px 0;
}
.reportOutageOnlineBox .label {
    padding-bottom: 0;
}
.reportOutageOnlineBox p {
    padding-top: 25px;
    font-size: 0.75em;
}
.rightBoxContainer .blackLine {
    margin-left: -17px;
}
.rightBoxContainer .blNone {
    margin-top: 25px;
}
/* End Search An Outage */
/* Outage feedback Box */

.outageFeedback {
    margin-right: 15px;
}
.row {
    overflow: hidden;
    padding-bottom: 25px;
}
.outageFeedback .regLeftBox {
    padding-right: 15px;
    width: 72.5%;
}
.feedBackBox {} .feedBackBox h2 {
    font-size: 1.625em;
    font-weight: normal;
    padding-bottom: 25px;
}
/* DXP Changes */
/*.row label {
       display: block;
       font-weight: bold;
       font-size: 0.875em;
       padding-bottom: 7px;
}*/

.row .textarea {
    height: 115px;
    width: 80%;
}
.row .captcha {
    width: 66%;
}
.outageFeedback .captcha span {
    font-size: 0.875em;
}
.row .radioBox {
    overflow: hidden;
}
.row .radioBox li {
    float: left;
    background: url(../images/radios.png) 0 0 no-repeat;
    padding: 0 30px 0 26px;
    font-size: 0.75em;
    position: relative;
}
.row .radioBox li.active {
    background-position: 0 -48px;
}
.row .radioBox li input {
    outline: none;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity 0);
    left: 2px;
    position: absolute;
    top: 1px;
}
.row .radioBox li input.input {
    left: 0;
    margin-left: -26px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity 100);
    position: relative;
    top: 0;
    width: 218px;
}
.row .radioInline li {
    float: none;
    padding: 0 30px 15px 26px;
}
.row .radioInline li:last-child {
    padding: 0 30px 0 26px;
}
.outageFeedback .buttonBox {
    width: 230px;
}
/* End Outage feedback Box */
/* Outage Confirmation */

.outageLanding,
.outageInfo,
.outageReview,
.outageConfirm {
    overflow: hidden;
    padding-bottom: 30px;
    padding-right: 16px;
}
.iBoxLeft {
    float: left;
    padding-bottom: 25px;
    width: 49%;
}
.iBoxRight {
    float: right;
    padding-bottom: 25px;
    width: 49%;
}
.report-an-outage-inner .iBoxLeft {
    float: left;
    margin: 0;
    width: 49%;
}
.report-an-outage-inner .iBoxRight {
    float: right;
    margin: 0;
    width: 49%;
}
.ocs {
    padding: 14px 15px 0;
    min-height: 180px;
}
.ocs p {
    font-size: 0.75em;
    padding-bottom: 20px;
    text-align: left;
    word-wrap: break-word;
}
.outageLanding .bTextList,
.outageConfirm .bTextList {
    padding-top: 0;
}
.outageLanding .bTextList li,
.outageConfirm .bTextList li {
    background-position: 0 7px;
}
.outageLanding .buttonBox,
.outageConfirm .buttonBox {
    margin: 0 auto;
    width: 190px;
}
.outageLanding p.return,
.outageConfirm p.return {
    margin-top: 14px;
    padding-left: 15px;
}
.private-page .report-an-outage .outageRightBox {
    margin-left: 18px;
}
.outageRightBox {
    padding-top: 25px;
}
.oTextList {
    margin-top: 15px;
}
.oTextList li {
    padding-bottom: 20px;
}
.oTextList li a {
    font-size: 0.75em;
}
.osLinks {
    padding-top: 25px;
}
.osLinks .talkLink {
    width: auto;
    margin-left: 0;
}
.osLinks .talkLink li {
    font-size: 0.75em;
    line-height: 39px;
}
.osLinks .talkLink li:first-child {
    padding-right: 12px;
}
.outageInfo .navStepsLink li,
.outageReview .navStepsLink li,
.outageConfirm .navStepsLink li {
    width: 30%;
}
.outageInfo .navSteps,
.outageReview .navSteps,
.outageConfirm .navSteps {
    margin: 23px 0 30px;
}
/* End Outage Confirmation */
/* Outage Review */

.previewBox {
    padding: 2%;
}
.previewBox p {
    float: left;
    font-size: 0.875em;
    width: 46%;
}
.previewBox p:first-child {
    font-weight: bold;
}
.outageReview p.return {
    padding: 2%;
}
.outageReview .buttonBox {
    width: 190px;
}
/* End Outage Review */
/* Outage Information */

.outageInfo {
    padding-bottom: 0;
}
.oiSummary {
    margin-top: 1%;
}
.oiSummary p {
    font-size: 0.75em;
    padding-bottom: 15px;
}
.outageInfo .previewBox {
	/*QA Fix*/
    padding: 1% 6%;
}
.previewBox>p {
    float: none;
    font-size: 0.875em;
    padding-bottom: 25px;
    width: auto;
}
.previewBox .row label {
    float: left;
    line-height: 26px;
    padding-bottom: 0;
    padding-right: 10px;
    width: auto;
    /*QA Fix*/
    font-size: 0.875em;
}
.previewBox .row .radioBox {
    margin-top: 5px;
}
.previewBox .row label.labelPadB {
    padding-bottom: 12px;
    width: 98%;
}
.rowPhoneBox,
.rowAccountBox {
    display: none;
    float: left;
    margin-left: 3%;
    margin-top: 2px;
    position: relative;
    width: 70%;
}
.rowPhoneBox input {
    text-align: center;
    width: 66px;
}
.rowPhoneBox span.ac {
    left: 2%;
}
.rowPhoneBoxForResidence span.d7 {
    left: 76.2%;
}
.rowPhoneBoxForBusiness span.d7 {
    left: 78.2%;
}
.rowPhoneBox b {
    font-size: 0.875em;
    padding: 0 2%;
}
.rowPhoneBox b.ssn {
    font-weight: normal;
}
.rowPhoneBox input.ssn {
    text-align: left;
}
.rowPhoneBox .ssnBox,
.rowPhoneBox .fedTxBox {
    float: right;
    width: 40%;
}
.rowPhoneBox .fedTxBox {
    display: none;
}
.rowAccountBox {
    display: none;
    width: 45%;
}
.rowPhoneBox span,
.rowAccountBox span {
    font-size: 0.75em;
    position: absolute;
    top: 30px;
}
.rowAccountBox span.d9 {
    left: 0;
}
.rowAccountBox span.d7 {
    left: 98px;
}
.rowAccountBox span.d1 {
    left: 194px;
}
.rowAccountBox p {
    float: none;
    font-size: 0.75em;
    margin-top: 25px;
    width: 100%;
}
.outageInfo .buttonBox {
    xwidth: 200px;
}
/* Custom Select Box */

.rowSelectBox {
    float: left;
    position: relative;
}
.rowSelectBox select {
    width: 185px;
}
.rowSelectBox span.customStyleSelectBox {
    font-size: 0.938em;
    font-weight: bold;
    background: #f8f6f2;
    /* Old browsers */
    
    background: -moz-linear-gradient(top, #f8f6f2 0%, #e4ded1 100%);
    /* FF3.6+ */
    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f6f2), color-stop(100%, #e4ded1));
    /* Chrome,Safari4+ */
    
    background: -webkit-linear-gradient(top, #f8f6f2 0%, #e4ded1 100%);
    /* Chrome10+,Safari5.1+ */
    
    background: -o-linear-gradient(top, #f8f6f2 0%, #e4ded1 100%);
    /* Opera 11.10+ */
    
    background: -ms-linear-gradient(top, #f8f6f2 0%, #e4ded1 100%);
    /* IE10+ */
    
    background: linear-gradient(to bottom, #f8f6f2 0%, #e4ded1 100%);
    /* W3C */
    
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr '#f8f6f2', endColorstr '#e4ded1', GradientType 0);
    /* IE6-9 */
    
    color: #404040;
    font-weight: normal;
    padding: 6px 10px 6px 13px;
    border: 1px solid #fff;
    margin: 0 0 20px 0;
}
.rowSelectBox span.customStyleSelectBox.changed {
    background-color: #f0dea4;
}
.rowSelectBox .customStyleSelectBoxInner {
    background: url(../images/myAccntDropDivider.png) no-repeat center right;
    width: 160px !important;
}
.rowSelectBox select option {
    background: #ffffff;
    font-size: 0.938em;
}
/* End Custom Select Box */
/* Outage Information */
/* Outage Landing */

.outageLanding {
    min-height: 620px;
}
.outageLanding .oiSummary {
    margin-top: 3%;
}
.usageContent .iBoxELeft,
.usageContent .iBoxLeft,
.usageContent .iBoxRight,
.outageLanding .iBoxELeft,
.outageLanding .iBoxLeft,
.outageLanding .iBoxRight {
    float: left;
    padding-bottom: 25px;
    width: 32%;
}
.usageContent .iBoxRight,
.outageLanding .iBoxRight {
    float: right;
}
.usageContent .iBoxLeft,
.outageLanding .iBoxLeft {
    margin-left: 2%;
}
.iBoxELeft .buttonBox {
    width: 170px;
}
.outageLanding .ocs {
    min-height: 220px;
}
/* End Outage Landing */
/** Unenroll Step1 */

.unEnrollS1 {} .unEnrollS1 .previewBox .row label {
    float: none;
}
.accHeader .unEnrollS1 .buttonBox li:first-child {
    width: auto;
}
.unEnrollS1 .buttonBox {
    width: 320px;
}
/** End Unenroll Step1 */
/** Unenroll Step2-1 / Step2-2 */

.unEnrollS2 .previewBox .row .input {
    width: 50%;
}
.buttonLinkBox {
    overflow: hidden;
    padding: 2px 0;
    font-size: 0.875em;
    margin-top: 20px;
    /* line-height: 32px;*/
}
.buttonLinkBox p {
    float: left;
}
.buttonLinkBox .butRight {
    float: right;
}
/** End Unenroll Step2-1 / Step2-2 */
/** Unenroll landing */

.unEnrollLanding .listItems {
    margin-top: 0;
}
.unEnrollLanding .buttonBox {
    margin: 10px auto 20px;
    width: 470px;
}
.accHeader .unEnrollLanding .buttonBox li:first-child {
    float: left;
    width: auto;
}
.accHeader .unEnrollLanding .buttonBox li:last-child {
    float: right;
}
/** End Unenroll landing */
/** END AP - BP2 */
/*SUCCESS-MSG*/

.messageBox1 {
    border: 2px solid #FFFFFF;
    font-size: 0.825em;
    margin-bottom: 9px;
}
.messageBox1 .successBox1 {
    background: url(../images/successBackgrnd.png) repeat;
    box-shadow: 0px 2px 5px #99c596 inset;
    -moz-box-shadow: 0px 2px 5px #99c596 inset;
    -webkit-box-shadow: 0px 2px 5px #99c596 inset;
    padding: 12px 9px 14px 12px;
    min-height: 40px;
    line-height: 19px;
}
.messageBox1 .errorBox1 {
    background: url("../images/error_bg.png") repeat scroll 0 0 transparent;
    box-shadow: 0 2px 5px #CEB5B1 inset;
    -moz-box-shadow: 0px 2px 5px #CEB5B1 inset;
    -webkit-box-shadow: 0px 2px 5px #CEB5B1 inset;
    line-height: 19px;
    min-height: 40px;
    padding: 12px 9px 14px 12px;
}
.successImage,
.errorImage {
    width: 36%;
    float: left;
    padding-right: 6px;
}
.successBox1 p {
    padding: 0;
    font-size: 1.2em;
}
/*END SUCCESS-MSG*/
/* CMP Liferay Override section */

@media ( max-width: 979px) {
    .portlet-column {
        display: block;
    }
}
/** DO NOT DELETE THIS SECTION */

@media ( min-width: 1280) and (orientation: landscape) {
    .sky-blue-inner .skbcompare .buttonBox li:first-child,
    .sky-blue-inner .skbcompare .buttonBox li {
        float: none;
        clear: both;
        margin: 0 auto;
    }
    .accLandingAccordion .content td {
        padding-bottom: 8%;
    }
    .sky-blue-inner .skbreview .buttonBox li,
    .sky-blue-inner .skbreview .buttonBox li:first-child {
        float: none;
        display: inline-block;
    }
}
@media ( min-width: 959px) {
    .mainNavigation ul li:hover div {
        display: block;
    }
}
@media ( max-width: 979px) {
    .wraper {
        width: 100%;
    }
    .headerLogo,
    .headerBreadcrum,
    .bodyContainer {
        padding: 0 1.5%;
        /* DXP Changes */
        width: 100%;
        /* DXP Changes */
    }
    .navStepsLink li p {
        font-size: 0;
    }
    .navStepsLink li.active p {
        font-size: 0.75em;
    }
    .talkLink li:hover ul {
        display: none;
    }
    .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 a {
        padding: 4% 13%;
        line-height: 20px;
    }
    .headerMenuLoginTab .hoverBox:before,
    .headerMenuLoginTab li span.upArrow,
    li span.upArrow {
        background: url(../images/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;
    }
    .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 li.active a {
        background: none;
        border-radius: 0;
    }
    .headerMenuLoginTab li#home a {
        background: url(../images/arrow-down_Mmenu.png) no-repeat 50% 66%;
    }
    .headerMenuLoginTab li#envr a {
        background: url(../images/arrow-down_Mmenu.png) no-repeat 69% 66%;
    }
    .headerMenuLoginTab li#myAcnt a {
        background: url(../images/arrow-down_Mmenu.png) no-repeat 63% 66%;
    }
    /** Loggedin drop down menu */
    
    .dpLoggedMenu {
        float: left;
        width: 98%;
        padding: 0 0 3px;
    }
    /** End Loggedin drop down menu */
    
    .blockSolarEnergy h4 {
        padding: 0 0 0 20px;
        text-align: left;
    }
}
@media ( min-width: 959px) {
    .popupContainer {
        min-height: 100px;
        max-height: 270px;
        overflow-y: scroll;
    }
}
@media ( width: 1024px) {
    .talkLink li:hover ul {
        display: none;
    }
    /*GENERIC FAQ PAYMENT START*/
    
    .faqpaymentTitle {
        font-size: 1.8em;
        font-weight: 400;
        line-height: 30px;
        padding-right: 3%;
    }
    /*GENERIC FAQ PAYMENT END*/
    /* HOME PAGE */
    
    #slides div h2 {
        font-size: 3.2em;
    }
    /* END HOME PAGE */
    
    .seSelectBox select {
        width: 104px;
    }
    .sky-blue-inner .seSelectBox select {
        width: 90px;
    }
}

/* Case-58583 - Dynamic Renewable Widget Creation for Desktop and Mobile sites- Starts*/

@media only screen and (max-width: 600px) {

    .renewable-percentage{

    position: absolute;
    left: 4%;
    top: 35%;
    font-family: Arial;
    /* font-size: 6vw; */
    font-size: 2.5vmax;
    font-weight: bold;
    color: rgb(229, 98, 13);
    }
}


/* Case-58583 - Dynamic Renewable Widget Creation for Desktop and Mobile sites- Ends*/

/* user migration slide7 */

.migrationUserDataTable .content th:first-child {
    width: 5%;
}
.migrationUserDataTable .content td>span.redText {
    display: block;
}
.migrationUserDataTable .content td:before,
.migrationUserDataTableVerify .content td:before {
    font-weight: bold;
}
.migrationUserDataTable .content td:not[data-title],
.migrationUserDataTableVerify .content td:not[data-title] {
    font-weight: normal;
}
/* user migration slide18 */

.migrationUserDataTableVerify .content th:first-child {
    width: 5%;
}
.migrationUserDataTableVerify .content th:first-child+th {
    width: 10%;
}
.migrationUserDataTableVerify .content th:first-child+th+th {
    width: 10%;
    text-align: center;
}
.migrationUserDataTableVerify .content th:first-child+th+th+th {
    width: 30%;
    text-align: center;
}
.migrationUserDataTableVerify .content td:nth-of-type(2) {
    text-align: left;
}
.migrationUserDataTableVerify .content td:nth-of-type(3) {
    text-align: left;
}
.migrationUserDataTableVerify .content td:nth-of-type(4) {
    text-align: left;
}
.migrationUserDataTableVerify .missingAccBody .selectAccnt {
    width: 100%;
}
.migrationUserDataTableVerify .missingAccBody select {
    width: 159px;
}
.migrationUserDataTableVerify .missingAccBody .customStyleSelectBoxInner {
    width: 135px !important;
}
.migrationUserDataTableVerify .missingAccBody .selectAccnt li {
    display: inline-block;
    float: left;
}
.migrationUserDataTableVerify .missingAccBody .selectAccnt li.group {
    width: 48%;
    padding: 0 2%;
}
.migrationUserDataTableVerify .missingAccBody .selectAccnt li.group span {
    display: block;
}
.user-migration .migrationUserDataTableVerify .missingAccBody .selectAccnt li input {
    font-size: 1.1em;
}
/** END */
/* Defect Fix for ID:1115 */

.payment-history .accHeader {
    width: 100% !important
}
/* Defect Fix for ID:741 */

.budget-billing-inner .payExtList .overPayment {
    color: green;
}
.budget-billing-inner .payExtList .underPayment {
    color: #e80000;
}
/* Fix for Defect ID:98 - for good-neighbor-fund.html */

.good-neighbor-fund .meterContent .outageLanding {
    min-height: 450px;
    padding-bottom: 0;
    padding-right: 10px;
}
.good-neighbor-fund .outageLanding .ocs {
    min-height: 285px;
    padding: 5px 3px 0;
}
.good-neighbor-fund .outageLanding .ocs span {
    display: block;
}
.good-neighbor-fund .outageLanding .buttonBox {
    width: 50%;
    margin: 0 auto;
}
.good-neighbor-fund .outageLanding .buttonBox li:first-child {
    width: auto;
}
.good-neighbor-fund .meterContent .seekingContainor {
    padding-bottom: 0;
    padding-right: 10px;
}
.good-neighbor-fund .meterContent .seekingContainor span {
    display: block;
}
.iBoxWrapper {
    padding: 1% 0 0;
}
.iBoxWrapper .ocs {
    min-height: inherit;
}
.meterContent .iBoxELeft,
.meterContent .iBoxLeft,
.meterContent .iBoxRight {
    float: left;
    padding-bottom: 25px;
    width: 32%;
}
.meterContent .iBoxRight {
    float: right;
}
.meterContent .iBoxLeft {
    margin-left: 2%;
}
ul.offeringHelp li.payExtSubList {
    clear: left;
}
ul.offeringHelp li.payExtSubList1 {
    font-weight: normal;
    width: 43%;
    word-break: break-word;
}
ul.offeringHelp1 li.payExtSubList {
    width: 25%;
}
ul.offeringHelp1 li.payExtSubList1 {
    font-weight: normal;
    width: 52%;
    word-break: break-word;
}
/* Fix for Defect ID:1231 */

.login .signUpBtn {
    padding: 5px 45px 8px;
    float: left;
    font-size: 1em;
}
/*Alert Message Start*/

.popup-alert-notice,
.popup-alert-warning {
    width: 96% !important;
    padding: 0 1% 0 3% !important;
}
/*Alert Message End*/
/* Fix for Defect ID:1435 */

.sky-blue-inner .buttonBox li:first-child {
    display: inline-block;
}
.sky-blue-inner .buttonBox li {
    float: none;
}
.sky-blue-inner #enablebutton .buttonGreen {
    margin: 0;
}
.sky-blue-inner #enablebutton li {
    margin-left: 5px;
}
.sky-blue-inner #enablebutton li .buttonAsAnchor {
    padding: 0;
    font-size: 1em;
    display: inline-block;
}
/* Fix for Defect ID:1435 */

.sky-blue-inner .pseBlock h4 {
    xfont-size: 0.68em;
}
.femail_reverseButton ul.buttonBox li,
.fpass_reverseButton ul.buttonBox li {
    float: none;
}
.forgot-email-address .pnmAcInputBox div:nth-child(3) {
    width: 92px;
}
.forgot-email-address .femail_reverseButton ul.buttonBox,
.fpass_reverseButton ul.buttonBox {
    float: left !important;
    width: 50% !important;
}
.search-result form.gsc-search-box {
    margin: 0px 0 4px !important;
}
.search-result img {
    width: auto !important;
}
.search-result .gsc-search-box td {
    display: table-cell;
}
.search-result .gsc-search-box .gsc-branding-img {
    width: 15px !important;
}
.user-migration .buttonBox li:first-child {
    xfloat: left;
    xmargin: 0 -140px 0 30px;
}
.search-an-outage .mapInnerContainer #map_canvas {
    width: 100% !important;
}
.automatic-payment-inner .popupContainer {
    font-size: 0.813em;
    font-weight: normal;
}
.newPnmLoginInfo {
    border: none;
    width: 100%;
}
.newPnmLoginInfo div.content {
    display: block;
    padding: 0;
    width: 100%
}
.newPnmLoginInfo .tableScrollBox1 {
    height: 133px !important;
    border-right: 1px solid #474747;
    border-left: 1px solid #474747;
    width: auto;
}
.newPnmLoginInfo .content table {
    border-bottom: none;
}
.sky-blue-inner .pbeBox .seSelectBox {
    position: relative;
}
.sky-blue-inner .pbeBox .seSelectBox select {
    width: 100% !important
}
.sky-blue-inner .pbeBox .seSelectBox span.customStyleSelectBox {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 35px;
}
/* outage-center page Starts */

.rightColBlock {
    border-top: 1px solid #474747;
    margin: 10% 0 0 0%;
    padding-left: 8% !important;
}
.rightColBlock .headingRightCol {
    padding: 8% 0 0 0;
    line-height: 25px;
}
.outageContainerInner {
    display: inline-block;
    width: 100%;
    margin: 10px 0 0 0;
}
.UpdateOutagesLink li {
    display: inline-block;
}
.rightColBlockContent {
    margin-top: 7%;
}
/* outage-center page Ends */
/* media-center page Starts */
.mediaCenterLeftBox p {
    font-size: 0.75em;
}
.mediaCenterLeft {
    float: left;
    width: 30%;
}
.mediaCenterLeft h1 {
    font-size: 2.75em;
    font-weight: 400;
    line-height: 50px;
}
.mediaCenterRight {
    float: right;
}
.rightColMediaCenter {
    border-top: 1px solid #474747;
    margin: 10% 0 0 -4%;
    padding-left: 0% !important;
    padding-top: 8% !important;
}
.mediaCenterMiddle {
    margin: 5% 0% 0;
    width: 101.5%;
    border-top: 1px solid #474747;
    border-bottom: 1px solid #474747;
    display: inline-block;
}
.mediaCenterMidLeft {
    float: left;
    width: 50%;
    border-right: 1px solid #474747;
    padding: 30px 0 0 0;
    position: relative;
}
.mediaCenterMidRight {
    float: left;
    width: 47%;
    padding: 30px 0 0 10px;
}
.mediaCenterMidLeftHead {
    font-weight: normal;
}
.midContentWrap {
    margin: 8% 0 13% 0;
}
.midContent {
    padding: 0 5px 20px 0;
}
.midContentImg {
    float: left;
    width: 25%
}
.midText {
    float: right;
    width: 70%;
}
p.newsTitle {
    font-weight: bold;
    padding-bottom: 8px;
    font-size: 0.8em;
}
.mediaCenterMidRight .midContent {
    background: url(../images/media_center_icons.png) no-repeat;
    padding-left: 50px;
}
.mediaCenterMidRight .midContent a {
    font-size: 0.75em;
}
.mediaCenterMiddle .paginationDiv {
    font-size: 0.75em;
    float: left;
}
.mediaCenterBottom {
    margin-top: 4%;
}
.mediaCenterBottom .headingCol {
    margin-bottom: 4%;
}
/* media-center page Starts */
/* image gallery page */

.largerView img {
    width: 100%;
}
.largerImage,
.imageListHeading h1 {
    padding: 0 0 20px 0;
}
.largerImageInfo {
    margin: 10px 0 0 0;
    padding: 0 0 22px 0
}
.largerImageInfo ul {
    float: right;
    margin: 0 10px 0 0
}
.largerImageInfo ul li {
    display: inline;
    text-align: center
}
.largerImageInfo ul li a {
    border-right: 1px solid;
    padding: 0 10px 0 8px;
}
.largerImageInfo ul li.last a {
    border-right: 0px;
}
.imageList {
    min-height: 500px;
}
.imageList ul li {
    float: left;
    margin: 2%;
    width: 150px;
}
.indivImg {
    padding: 5px 10px;
    height: auto;
    width: auto;
    font-size: 0.8em;
    text-align: center;
}
.imageLinks ul li {
    font-size: 0.8em;
    float: left;
    margin: 0 auto;
    width: 80px;
}
.imageLinks ul li.last {
    width: 70px;
}
.imageLinks ul li a {
    border-right: 1px solid;
    padding: 0 5px;
}
.imageLinks ul li.last a {
    display: block;
    float: right;
    border-right: 0px;
}
.paginationImgGallery {
    font-size: 0.75em;
    margin: 25px 0 0 0;
    padding: 0 0 10px 0;
}
.paginationImgGallery ul {
    float: left;
    margin: 0 10px 0 0
}
.paginationImgGallery ul li {
    display: inline;
    text-align: center
}
.paginationImgGallery ul li a {
    color: #9e9e9e;
    border-right: 1px dotted #474747;
    padding: 0 10px 0 8px;
}
.paginationImgGallery ul li.prev a,
.paginationImgGallery ul li.next a,
.paginationImgGallery ul li.last a {
    border-right: 0px;
}
.paginationImgGallery ul li.prev a {
    padding: 0 0 0 4px;
    color: #474747;
}
.paginationImgGallery ul li.next a {
    padding: 0px;
    color: #474747;
}
.paginationImgGallery ul li.current a {
    color: #474747;
}
.socialLinks {
    border-bottom: 1px solid;
    padding: 20px 24px;
    min-height: 136px;
}
.socialLinks p {
    text-align: justify;
}
.socialLinks ul li {
    float: left;
    padding: 10px 8px;
}
.imageGallery .myAccntLeftbox {
    width: 76.4%;
}
/* starts -------  added on 20th Jan 2014 */

.imageList table {
    width: 100%;
}
.imageList table tr td {
    float: left;
    margin: 2%;
    width: 150px;
}
/* ends -------  added on 20th Jan 2014 */
/* image gallery page ends*/
/* twitter feed section in media-center page */

.twitterFeed {
    background-color: #1a7388;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    border: 0;
}
.twitterFeedHeading {
    padding: 10px;
}
.twitterFeedHeading p {
    color: #FFFFFF;
    margin-top: 10px;
}
/* twitter feed section in media-center page */
/* For career link in home page ---- start */

.footerCopyrightBox .copyrightText {
    clear: both;
    padding: 7px 0;
    text-align: center;
    width: 100%;
}
/*.termsLink li:first-child + li + li + li +li { padding: 0 8px; background: 0 none; }*/
/* For career link in home page ---- end */
/* For payment history UI change ---- start */

.paymentHistoryDownload {
    width: 74%;
    height: 64px;
}
.paymentHistoryDownload .radioBox {
    width: 42%;
}
.paymentHistoryDownload .radioBox li {
    float: none;
    margin: 10px 7px 10px 10px;
    font-weight: bold;
}
.paymentHistoryDownload .buttonBox {
    overflow: visible;
    float: right;
    margin-top: -55px;
    text-align: justify;
}
/* For payment history UI change ---- end */
/* For usage history UI change ---- start */

.usageHistory .paymentHistoryDownload {
    width: 100%;
}
.usageHistory .paymentHistoryDownload .displayBody {
    display: inline-block;
                /* DXP Changes */
    width: 64%;
                /* DXP Changes */
}
.usageHistory .paymentHistoryDownload .displayBody .customStyleSelectBoxInner {
    width: 63px !important;
}
.usageHistory .paymentHistoryDownload .displayBody fieldset {
    float: left;
    position: relative;
    top: 6px;
    width: 9%;
    display: block;
}
.usageHistory .paymentHistoryDownload .displayBody fieldset.usageHistoryDrpdown {
    border-right: 4px solid #F2EEE5;
                
}
.usageHistory .paymentHistoryDownload .displayBody fieldset:last-child {
    border-right: none;
}
.usageHistory .paymentHistoryDownload .displayBody fieldset.usageHistoryDrpdown {
    width: 19%;
                /* DXP Changes */
                margin-right: 5px;
                /* DXP Changes */
}
.usageHistory .paymentHistoryDownload .displayBody fieldset label {
    line-height: 34px;
}
.usageHistory .paymentHistoryDownload .displayBody select {
    height: 31px !important;
    width: 88px;
}
.usageHistory .paymentHistoryDownload .radioBox {
    width: 17%;
    float: left;
}
.usageHistory .paymentHistoryDownload .radioBox li {
    padding-right: 0px;
}
.usageHistory .paymentHistoryDownload .buttonBox {
    width: 16%;
    margin: 1.5% 3% 0 0;
}
.usageHistory .paymentHistoryDownload .usageHistorySelTo {
    position: relative;
    right: 5px;
    text-align: right;
}
/* For usage history UI change ---- end */
/*My Account modification*/

.verMid {
    vertical-align: middle;
}
.multipleCustomer ul.searchAccount li.marRt30Bt10 {
    margin: 0 30px 10px 0;
}
/*My Account modification*/
/*Impersonate Search*/

.noTopMar {
    margin-top: 0;
}
.impersonateRow {
    border-bottom: 1px solid #008097;
    padding-bottom: 15px;
}
div.impersonateCol1 {
    float: left;
    width: 65%;
}
div.impersonateCol2 {
    float: left;
    width: 35%;
    line-height: 70px;
}
div.impersonateCol2.nolineHt {
    line-height: normal
}
.searchCustomerInput .impersonateRow .inputRow label {
    width: 25%;
}
.impersonateColFull {
    text-decoration: underline;
    font-weight: bold;
    margin: 10px 0 15px 26%;
}
.impersonateCol1 .inputRow label span {
    margin: 5px 33px -10px 0;
}
/*Impersonate Search*/
/*Move In / Out*/

.moveCenter,
.moveCenter-account {
    margin: 10px 0 0 15px;
}
.moveCenter li,
.moveCenter-account li {
    margin-bottom: 20px;
}
.moveCenter li .desp {
    margin: -75px 0 0 120px;
}
.moveCenter li .desp p,
.moveCenter-account li .desp p {
    font-size: 12px;
}
.moveCenter li img {
    height: 74px;
    width: auto;
}
.moveCenter-account .buttonGreenCommon {
    float: left;
    margin-top: 24px;
}
.moveCenter-account li .desp {
    width: 70%;
    float: left;
}
.moveCenter-account li .desp:after {
    content: ".";
    clear: both;
    visibility: hidden;
}
/*Move In / Out*/
/*Move In / Out steps*/

.fntSz11 {
    font-size: 11px;
}
.fntSz12 {
    font-size: 12px;
}
.MoveIn-Outsteps .datepickerHold {
    width: 100%;
    text-align: center;
    position: relative;
    overflow: hidden
}
.MoveIn-Outsteps .datepickerHold input.datepicker {
    height: 30px;
    padding: 0px;
    background: url(../images/calIcon.jpg) no-repeat 95% #fff;
    border: none;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src="../images/calIcon.jpg", sizingMethod="scale");
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/calIcon.jpg', sizingMethod='scale')";
    background-size: 16% 90%;
}
.MoveIn-Outsteps .bankInfoList li.bankInfoSubList {
    width: 30%;
    text-align: left;
}
.MoveIn-Outsteps .bankInfoList li.bankInfoSubList1 {
    font-weight: normal;
}
.MoveIn-Outsteps .moveContact {
    width: 63%
}
.MoveIn-Outsteps .moveContact input {
    width: 30%
}
.MoveIn-Outsteps .moveContact input.movePhNo {
    width: 15%
}
.MoveIn-Outsteps .modifyRow {
    padding-bottom: 0px;
}
.MoveIn-Outsteps p.gnfNewDonationTxt {
    line-height: 32px;
    width: 30%;
}
.MoveIn-Outsteps .gnfGoPaperless {
    float: right;
    padding: 0 !important;
    margin-left: 5px;
}
.MoveIn-Outsteps .gnfGoPaperless ul li {
    display: inline-block;
    width: 100%;
    margin: 0;
    vertical-align: top
}
.MoveIn-Outsteps .gnfGoPaperless .viewDetailsContainer {
    width: 50%;
}
.MoveIn-Outsteps .gnfGoPaperless .gnfUserName {
    margin-bottom: 5px;
}
.MoveIn-Outsteps .buttonBox .moveOutSubmit {
    float: right;
    margin: 0 0 0 20px;
}
.MoveIn-Outsteps .buttonBox .moveOutCancel {
    float: left;
}
.MoveIn-Outsteps .rowSelectBox span.customStyleSelectBox {
    margin: 0
}
.MoveIn-Outsteps .row .radioBox li.zIn {
    z-index: -1
}
.moveoutModal.automaticModal {
    width: 40%;
    left: 28%;
}
/*Update 24.6 ISSUE 229*/

/*.moveoutModal.automaticModal .popupHeader {
    height: 63px;
    padding: 10px 15px 0;
}*/
/*Update 24.6 ISSUE 229*/

.moveoutModal.automaticModal .buttonBox {
    width: 75%;
}
.MoveIn-Outsteps .dob {
    width: 300px;
}
.MoveIn-Outsteps .dob li {
    float: none;
    width: 30%;
    font-weight: normal;
    position: relative;
    padding: 0
}
.selectHold {
    display: inline-block;
    position: relative;
    width: 30%;
}
.selectHold span.customStyleSelectBox,
.selectHold select {
    width: 100% !important;
}
.selectHold span.customStyleSelectBoxInner {
    padding-right: 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box
}
.MoveIn-Outsteps .dob span.customStyleSelectBox,
.selectHold span.customStyleSelectBox {
    font-size: 0.938em;
    font-weight: bold;
    background: #f8f6f2;
    background: -moz-linear-gradient(top, #f8f6f2 0%, #e4ded1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f6f2), color-stop(100%, #e4ded1));
    background: -webkit-linear-gradient(top, #f8f6f2 0%, #e4ded1 100%);
    background: -o-linear-gradient(top, #f8f6f2 0%, #e4ded1 100%);
    background: -ms-linear-gradient(top, #f8f6f2 0%, #e4ded1 100%);
    background: linear-gradient(to bottom, #f8f6f2 0%, #e4ded1 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f8f6f2', endColorstr='#e4ded1', GradientType=0);
    color: #404040;
    font-weight: normal;
    padding: 6px 10px 6px 13px;
    border: 1px solid #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.MoveIn-Outsteps .dob .customStyleSelectBoxInner,
.selectHold span.customStyleSelectBoxInner {
    background: url(../images/myAccntDropDivider.png) no-repeat center right;
}
.width {} .MoveIn-Outsteps.MoveInAdj .navSteps .navStepsLink {
    width: 105%
}
.MoveIn-Outsteps.MoveInAdj .navSteps .navStepsLink li {
    width: 19%;
}
.MoveIn-Outsteps.MoveInAdj .navSteps .navStepsLink li span {
    width: 25%;
}
.moveinPop>li {
    float: left;
    width: 50%;
    margin-bottom: 5px;
}
.moveinPop>li.moveinQ {
    width: 50%;
}
.moveinPop>li .styled {
    height: 32px !important;
}
.moveinPop>li .rowSelectBox select,
.moveinPop>li .rowSelectBox {
    width: 100%;
}
.zipWidget {
    background-color: #E8E2D6;
    border: 1px solid rgba(255, 255, 255, 0.57);
    font-size: 0.75em;
    padding: 10px;
    margin-bottom: 25px;
    box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.3);
    margin-left: 6%;
}
.zipWidgetHead {
    color: #008CA5;
    font-size: 13px;
    padding-bottom: 5px;
    border-bottom: 2px solid;
    font-weight: bold;
}
.radioCustom {
    background: url(../images/radios.png) 0 0 no-repeat;
    width: 16px;
    height: 16px;
    font-size: 0.99em;
    position: relative;
    font-weight: normal;
    display: inline-block
}
.radioCustom.active {
    background-position: 0 -48px;
}
.radioCustom input {
    opacity: 0;
    left: 2px;
    position: absolute;
    top: 1px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity 0);
}
.marTp-35px {
    margin-top: -35px;
}
.marRt5px {
    margin-right: 5px;
}
/*Move In / Out steps*/

.editRgt {
    float: right;
    padding: 2% 1%;
    font-size: 11px;
}
.width60Pt {
    width: 60% !important;
}
.width43Pt {
    width: 43% !important;
}
.nostyleBtn {
    background: none;
    border: 0;
    white-space: normal;
    text-align: left;
    color: #008097;
}
.nostyleBtn:hover {
    text-decoration: underline;
}
.dataTable td {
    padding: 2px 5px;
}
.mesgBox .info.noBgImage {
    background: url(../images/msg_bg.png) repeat;
    padding: 16px 12px 14px 12px;
    min-height: 70px;
}
.defaultList {
    list-style: disc inside !important;
    font-size: 0.875em;
}
.defaultList li {
    margin: 5px 0;
}
.halfBox {
    width: 40%;
    font-size: 0.85em;
    padding: 0 5%;
    min-height: 0px;
}
.rightBorder {
    border-right: 1px solid #49a7b6;
    margin-bottom: 6px;
    overflow: hidden;
}
.vline {
    background: url(../images/pipe_blue.jpg) center repeat-y;
}
.midOr {
    background: url(../images/OR.png) no-repeat;
    height: 55px;
    position: absolute;
    right: px;
    top: 29.5%;
    left: 47%;
    width: 31px;
    z-index: 9;
}
.radioBox li.required-radio {
    background: url("../images/radio_btn_red_border.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    float: left;
    font-size: 0.99em;
    height: 18px;
    padding: 0 30px 0 26px;
    position: relative;
    width: 18px;
}
.bankInfoList li.required-radio {
    background: url("../images/radio_btn_red_border.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    float: left;
    font-size: 0.99em;
    height: 18px;
    padding: 0 30px 0 26px;
    position: relative;
    width: auto;
}
.bankInfoList div.required-radio {
    background: url("../images/radio_btn_red_border.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.divMeterAccess {
    font-weight: bold;
    font-size: 14px;
}
.linkWidth {
    width: 30%;
}
.linkFloatL {
    margin-left: -5px !important;
}
@media ( max-width: 979px) {
    .linkWidth {
        width: 26% !important;
        font-size: 10px;
    }
    .linkFloatL {
        margin-left: -2px !important;
    }
}
a.linkWidth:focus {
    text-decoration: underline;
}
ul.radioBox li:focus {
    background-position: 0px -48px;
    border: none;
}
a.reEstimate:focus {
    text-decoration: underline;
}
.bankInfoList li.moveInRadioCustom {
    padding: 0 0px 0 30px;
}
.customFedAndSSN {
    width: 112px;
    /* height: 48px; */
}
.moveinPerson {
    height: 25px;
    margin-top: 10px;
}
.moveinBusiness {
    height: 48px;
    width: inherit;
    margin-top: 10px;
}
input.Datefocus:focus::-webkit-input-placeholder {
    color: transparent;
}
input.Datefocus:focus:-moz-placeholder {
    color: transparent;
}
/* FF 4-18 */

input.Datefocus:focus::-moz-placeholder {
    color: transparent;
}
.MoveIn-Outsteps .goPaperlessMoveIn {
    float: none;
    padding: 0 !important;
    margin-left: 5px;
}
.btnCompleteMoveIn {
    margin: 0% 0% 0% 33%;
    display: inline-block;
    line-height: 28px;
    margin-top: 20px;
    padding: 0 24px;
    text-decoration: none !important;
    float: none;
    font-size: 0.938em;
}
.dashboardDetails li.dashTitleMoveIn {
    text-align: right;
    width: 51%;
}
.dashboardDetailsMoveIn li.dashTitle {
    text-align: right;
    /*QA Fix*/
    width: 58%;
}
.dashboardDetailsMoveIn li:last-child {
    width: 35%;
}
/*Move In / Out steps*/
/* Transfer */

.row .radioBox li.disabledRadios {
    float: left;
    background: url(../images/radio_btn_disabled.png) 0 0 no-repeat;
    padding: 0 30px 0 26px;
    font-size: 0.75em;
    position: relative;
}
.MoveIn-Outsteps.MoveInAdj.transferSteps .navSteps .navStepsLink li {
    width: 16%;
}
.incrLiWidth {
    width: 55% !important;
}
span.spanInfo {
    width: 150px;
    margin-right: 100px;
}
span.spanMarginRight {
    margin-right: 46% !important;
}
#gateCode {
    width: 137px;
}
.fntSz13 {
    font-size: 13px;
}
.hiddenDiv {
    display: none;
    padding-left: 3px;
}
input.smallInput {
    margin-left: 20%;
    width: 30px;
}
.paddingRight10 {
    padding-right: 10px;
}
.marginLeftPhone {
    margin-left: -5px;
}
.linkDate {
    width: 80px;
    margin-left: 7px;
}
.newRadioStyle {
    padding: 0 0px 0 30px !important;
    font-weight: normal !important;
    width: 112px !important;
    height: 48px !important;
}
.margTop7 {
    margin-top: -7px;
}
.customRadioBtn {
    padding: 0 0px 0 30px !important;
    height: 48px !important;
}
/* Transfer */

ul.ulMargLeft {
    list-style-type: disc;
    margin-left: 8%;
}
.spanStyle {
    width: 94% !important;
    height: 30px !important;
    padding-top: 10px !important;
    padding-left: 5px !important;
}
.quickLinksStartStop {
    margin-left: 0% !important;
    width: 100% !important;
}
.MoveIn-Outsteps .customStyleSelectBox {
    min-width: 175px !important;
    max-width: 290px !important;
}
.MoveIn-Outsteps .rowSelectBox select {
    min-width: 200px !important;
    height: 30px !important;
}
.MoveIn-Outsteps .rowSelectBox .customStyleSelectBoxInner {
    background: url(../images/myAccntDropDivider.png) no-repeat center right;
    width: auto !important;
    padding-right: 30px !important;
}
/*llsb css STARTS*/

.fntSz875 {
    font-size: 0.0875em;
}
.spanColon {
    position: absolute;
    left: 42%;
}
.landlordStndContrAcc th:nth-of-type(1) {
    width: 20%;
}
.landlordStndContrAcc th:nth-of-type(2) {
    width: 25%;
}
.landlordStndContrAcc th:nth-of-type(3) {
    width: 40%;
    text-align: center;
}
.landlordStndContrAcc th:nth-of-type(4) {
    width: 15%;
    text-align: center;
}
.landlordStndContrAcc td:nth-of-type(1) {
    text-align: center;
}
.landlordStndContrAcc td:nth-of-type(3) {
    text-align: center;
}
.landlordStndContrAcc td:nth-of-type(4) {
    text-align: center;
}
.landlordStndContrAcc .profileBtn {
    padding: 0 2%;
    background: url(../images/button_green_bg.jpg) 0 0 repeat-x;
    text-shadow: 1px 1px #024D5B;
    -moz-box-shadow: 1px 2px 3px #B3AEA4;
    -webkit-box-shadow: 1px 2px 3px #B3AEA4;
    box-shadow: 1px 2px 3px #B3AEA4;
    color: #FFFFFF;
    font-size: 0.9375em;
    padding: 0 15px;
    font-weight: normal;
    height: 32px;
    border: 0 none;
    outline: none;
    cursor: pointer;
    margin-top: 10px;
    -webkit-appearance: none;
    margin-left: 16px;
}
.landlordStndContrAcc .profileBtn:enabled:hover {
    background-image: none;
    background-color: #0396b0;
}
.btnDisable {
    pointer-events: none !important;
    cursor: default !important;
    background: url(../images/disablebtnbg.jpg) 0 0 repeat-x !important;
    text-shadow: none !important;
    box-shadow: none !important;
}
.landlordForceOff th:nth-of-type(1) {
    width: 33.33%;
}
.landlordForceOff th:nth-of-type(2) {
    width: 33.33%;
}
.landlordForceOff th:nth-of-type(3) {
    width: 33.33%;
   text-align: left;
    padding-left: 20px;
}
.landlordForceOff td:nth-of-type(1) {
    text-align: center;
}
.landlordForceOff td:nth-of-type(2) {
    text-align: center;
}
.landlordForceOff td:nth-of-type(3) {
    text-align: center;
}
.landlordForceOff .profileBtn {
    padding: 0 2%;
    background: url(../images/button_green_bg.jpg) 0 0 repeat-x;
    text-shadow: 1px 1px #024D5B;
    -moz-box-shadow: 1px 2px 3px #B3AEA4;
    -webkit-box-shadow: 1px 2px 3px #B3AEA4;
    box-shadow: 1px 2px 3px #B3AEA4;
    color: #FFFFFF;
    font-size: 0.9375em;
    padding: 0 15px;
    font-weight: normal;
    height: 32px;
    border: 0 none;
    outline: none;
    cursor: pointer;
    -webkit-appearance: none;
    float: right;
}
.landlordForceOff .profileBtn:hover {
    background-image: none;
    background-color: #0396b0;
}
.landlordForceOff .cancel {
    margin: 0;
}
.marB10 {
    margin-bottom: 10px;
}
.landlordStndContrAcc table {
    margin-bottom: 20px;
}
.landlordForceOff table {
    margin: 0 auto 3%;
}
.llsb_gnfHeader {
    border-top: none;
}
.llsb_meterContent {
    float: none;
    width: 90%;
}
.llsb_meterContent .navSteps .navStepsLink li,
.llsb_meterContent .navSteps .navStepsLink li:first-child {
    width: 30%;
}
.llsb_meterContent .navStepsLink li p {
    width: 120px;
}
.tabs.inActiveTabs li {
    background: transparent;
    cursor: default;
}
.step2Tableheading {
    font-weight: bold;
    padding-bottom: 10px;
}
.disclaimer {
    margin-top: 20px;
    margin-bottom: 10px;
}
.disclaomerNote {
    margin-top: 20px;
    height: 200px;
    overflow-y: scroll;
    border: 1px solid #484747;
    margin-bottom: 20px;
    padding: 10px 5px;
}
.llsb_right {
    float: right;
}
.llsb_accLandingAccordion {
    margin-bottom: 3%;
    font-size: 0.875em;
}
.llsb_accLandingAccordion .content table {
    border: none;
}
.llsb_accLandingAccordion .content {
    border-bottom: none !important;
}
.llsb_accLandingAccordion {
    border-bottom: 1px solid #474747;
}
.accNotElgblehelp {
    border: 2px solid rgb(189, 189, 189);
    border-radius: 50%;
    line-height: 13px;
    width: 14px;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    color: rgb(23, 23, 23);
    padding-top: 2px;
}
.landLordStartTxt {
    font-size: 12px;
    margin-top: 15px;
}
.landLordGetStartButton {
    text-align: center;
}
.programsOffers,
.AccountActivity {
    padding-left: 5px;
}
.programsOffers li,
.AccountActivity li {
    padding-bottom: 15px;
}
.programsOffers li p {
    padding: 5px 0 5px 0;
}
.AccountActivity li p {
    padding: 10px 0 10px 0;
}
.forceOffTable {
    border: none !important;
    border-bottom: none !important;
}
.forceOffTable td:nth-of-type(1) {
    width: 50%;
}
.statementFax .input {
    width: 25%;
}
.selectedParent {
    background: url(../images/left_menu_selected_bg.png) repeat-y;
    color: #008097 !important;
}
.paraFont {
    font-size: 12px;
    font-family: arial, verdana, sans-serif;
}
.disclaomerNote,
.disclaimer,
#groupTableContainer tr {
    font-size: 14px;
    font-family: arial, verdana, sans-serif;
}
.statementAccount li.bankInfoSubList {
    width: 50% !important;
}
.statementAccount li.bankInfoSubList1 {
    /* DXP Changes */
    
    width: 46% !important;
    /* DXP Changes */
}
.statementAccount .customStyleSelectBoxInner,
.statementAccount .selectHold {
    width: 100% !important;
}
.search-box {
    float: right;
    padding: 10px;
}
.serviceAddressSearchBox {
    background-image: url(../images/search_icon.jpg);
    background-repeat: no-repeat;
    background-position-x: 156px;
    background-position-y: 6px;
    height: 25px;
}
ul.selectedAccountsList1 li {
    padding: 5px;
    margin-top: 5px;
}
ul.selectedAccountsList1 li:nth-child(odd) {
    background: #CEDED9;
}
ul.selectedAccountsList1 li:nth-child(even) {
    background: #E3DDD0;
}
.deleteAccount {
    cursor: pointer;
}
.popupBox1 {
    width: 40% !important;
    left: 28% !important;
}
.mesgBox1 .info {
    background: url(../images/successImg.png) no-repeat 12px 12px, url(../images/successBackgrnd.png) repeat !important;
}
.deliveryMethods {
    display: none;
}
.profileBtn {
    line-height: 30px;
}
ul.selectedAccountsList1 {
    padding-bottom: 20px;
    max-height: 180px;
    overflow: auto;
}
.center {
    text-align: center;
}
.TBM10 {
    margin: 10px 0 10px 0;
}
.rightM10 {
    margin-right: 10px;
}
.llsb_searchBox form {
    background-color: #FFFFFF;
    border-color: #A5A39D #A5A39D #CDCAC5;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    margin-bottom: 20px;
    float: right;
}
.createGroupRow {
    margin-bottom: 20px
}
ul.createGroupRow li:first-child {
    width: 40%;
    min-width: 320px;
}
.createGroupRow li {
    margin-top: 10px;
    margin-left: 2%;
}
.createGroupRowCont .customStyleSelectBoxInner {
    width: 100% !important;
}
.createGroupRow li span.buttonGreen {
    line-height: 31px;
    display: inline-block;
    padding-bottom: 0;
}
.customerGroupSwitch li {
    width: 46% !important;
    padding: 5px 2%;
    text-align: center;
    border-radius: 20px;
}
.customerGroupSwitch li:last-child {
    background-color: grey;
}
.customerGroupSwitch {
    width: 70%;
    overflow: hidden;
    display: inline-block;
    border-radius: 20px;
    border: 1px solid grey;
}
.modifyGroup {
    display: inline-block;
    float: right;
    width: 35%;
    margin: -10px 0;
    padding: 10px 0;
    background: #d4d4d4;
    text-align: center;
    border: 1px solid #CEDED9;
    font-size: 14px;
}
.modifyGroup div {
    margin: -10px 0;
    padding: 10px 10px;
    background: white;
    display: inline-block;
    width: 50%;
}
.modifyGroup div span.popup {
    font-weight: normal;
    text-decoration: underline;
    margin-right: 10px;
}
.modifyGroup span.modifySpan {
    width: 50%;
    padding-left: 5px;
    padding-right: 5px;
}
.accountGroupTable .content th:first-child+th+th {
    width: 18%;
}
.accountGroupTable .content th:first-child+th {
    width: 13%;
}
.accountGroupTable .content td:last-child {
    text-align: right;
}
.searchAccounts {
    float: right;
    margin-bottom: 10px;
    margin-right: 5px;
    font-size: 14px;
}
.buttonGroup {
    margin-bottom: 10px;
}
.customerNameButton {
    border-radius: 15px 0 0 15px;
    width: 38%;
    padding: 0 10px;
}
.groupNameButton {
    border-radius: 0 15px 15px 0;
    width: 38%;
    padding: 0 10px;
}
.customStyleSelectBox {
    max-width: none;
    float: none;
}
/*
.displayBody .customStyleSelectBoxInner {
       width: inherit !important;
       padding-right: 27px;
}
*/

.creatGroupPopupInput {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 34px;
}
.creatGroupPopupInput .createGroupName {
    height: 25px;
}
.popupContainer .creatGroupPopupInput:first-child h4 {
    width: 100%;
}
.popupContainer .creatGroupPopupInput:first-child input {
    float: left !important;
}
.popupContainer .creatGroupPopupInput:nth-child(2) h4 {
    padding-left: 10px;
}
.creatGroupPopupInput input {
    width: 50%;
}
.creatGroupPopupInput .serviceAddressSearchBox {
    background-position-x: 98%;
}
.createGroupPopupCont #myAccountsTbl {
    height: 100%;
}
.createGroupPopupCont .popupContainer {
    overflow: hidden;
    max-height: 450px;
}
.createGroupPopupCont .popupHeader {
    background: none;
}
.createGroupPopupCont .popupButtonCreate,
.createGroupPopupCont .popupButtonClose,
.createGroupPopupCont .popupButtonAdd,
.createGroupPopupCont .popupButtonRemove {
    margin-top: 0px !important;
}
.createGroupPopupCont .buttonBox {
    margin-top: 10px;
}
.popupCancelBtn {
    background-image: none !important;
    margin-top: -32px;
}
.tableResponsive .smallDevice {
    display: none;
}
.tableResponsive .largeDevice {
   display: table-header-group;
}
.popupPadd15 {
    padding: 15px 15px;
}
.displayBody ul.createGroupRow select {
    width: auto !important;
    margin: 0 !important;
}
ul.createGroupRow li label.custom-select {
    margin-right: 0;
}
label.custom-select {
    position: relative;
    display: inline-block;
}
.custom-select select {
    display: inline-block;
    padding: 4px 3px 3px 5px;
    margin: 0;
    font: inherit;
    outline: none;
    background: #FFF;
    color: #000;
    border: 0;
    background: linear-gradient(to bottom, #f8f6f2 0%, #e4ded1 100%);
    height: 31px !important;
    max-width: 250px;
    font-weight: normal;
}
.custom-select:after {
    content: url(../images/myAccntDropDivider.png);
    position: absolute;
    top: 0;
    right: 3px;
    bottom: 0;
    font-size: 60%;
    line-height: 30px;
    padding: 0 0;
    margin-bottom: 0px;
    margin-top: 4px;
    background: #FFF;
    color: #000;
    background: linear-gradient(to bottom, #f8f6f2 0%, #e4ded1 100%);
    pointer-events: none;
}
.custom-select {
    border: 1px solid #FFF;
}
.no-pointer-events .custom-select:after {
    content: none;
}
a.addAccounts {
    display: inline-block;
}
.popupContainer {
    height: 80%;
}
.popupContainer p {
    padding-bottom: 5px;
}
.tableResponsive tbody tr:nth-of-type(even) {
    background-color: rgb(227, 221, 208);
}
.tableResponsive td[data-title="Select"] {
    text-align: center;
}
.tableResponsive .largeDevice tr th.myAccountsTh {
    text-align: center;
}
.statusSmall {
    display: none;
}
.tableResponsive th:nth-of-type(1),
.tableResponsive td:nth-of-type(1) {
    width: 15%;
}
.tableResponsive th:nth-of-type(2),
.tableResponsive td:nth-of-type(2) {
    width: 30%;
}
.tableResponsive th:nth-of-type(3),
.tableResponsive td:nth-of-type(3) {
    width: 55%;
}
.tableResponsive td {
    padding: 10px 0;
}
.tableResponsive td,
.tableResponsive th {
    text-align: center;
}
.addressSearchPopup {
    width: 50%;
}
.addressSearchPopup .searchInput {
    width: 90%;
}
.addressSearchPopup .searchButton {
    width: 10%;
}
.accountNameTable .content th:first-child+th+th {
    width: 8%;
    text-align: center;
}
.accountNameTable .content th:first-child+th+th+th {
    width: 8%;
    text-align: center;
}
.accountNameTable .content th:first-child+th+th+th+th {
    width: 9%;
    text-align: center;
}
.accountNameTable .content th:first-child+th+th+th+th+th {
    width: 16%;
    text-align: center;
}
#customerFullName {
    background-color: #CEDED9;
    padding: 5px;
    box-shadow: 1px 2px 3px #B3AEA4;
    color: #000;
    display: none;
    z-index: 1;
}
.groupingAccountsName {
    margin-top: 20px !important;
}
.groupingAccountsName span {
    font-weight: normal;
}
.viewByToggleButton {
    display: inline-block;
    width: 60%;
    font-size: 1em;
}
.viewByToggleButton li {
    margin-top: 0;
}
.viewByToggleButton .ViewToggleOn {
    background: #008097;
    background-image: -moz-linear-gradient(top, #008097 1%, #02505d 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #008097), color-stop(100%, #02505d));
    background-image: -webkit-linear-gradient(top, #008097 1%, #02505d 100%);
    background-image: -o-linear-gradient(top, #008097 1%, #02505d 100%);
    background-image: -ms-linear-gradient(top, #008097 1%, #02505d 100%);
    background-image: linear-gradient(to bottom, #008097 1%, #02505d 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#008097', endColorstr='#02505d', GradientType=0);
    -webkit-appearance: none;
    box-shadow: 1px 2px 3px 2px rgba(165, 162, 157, 0.44);
    -moz-box-shadow: 1px 2px 3px 2px rgba(165, 162, 157, 0.44);
    -webkit-box-shadow: 1px 2px 3px 2px rgba(165, 162, 157, 0.44);
    color: #fff;
    border: none;
    width: auto;
    padding: 0 10px;
    line-height: 31px;
    font-weight: bold;
    cursor: pointer;
    outline: 0;
    text-shadow: 1px 1px #024D5B;
}
.viewByToggleButton .ViewToggleOn:hover {
    background-image: none;
    background-color: #0396b0;
}
.viewByToggleButton .ViewToggleOff {
    background-color: #d9d9d9;
    box-shadow: inset 2px 2px 1px 1px rgba(186, 186, 186, 0.44);
    -moz-box-shadow: inset 2px 2px 1px 1px rgba(186, 186, 186, 0.44);
    -webkit-box-shadow: inset 2px 2px 1px 1px rgba(186, 186, 186, 0.44);
    -webkit-appearance: none;
    color: #474747;
    border: none;
    width: auto;
    padding: 0 10px;
    line-height: 31px;
    font-weight: bold;
    cursor: pointer;
    outline: none;
    -webkit-appearance: none;
}
.viewByShow {
    display: block !important;
}
.viewByHide {
    display: none !important;
}
.toggleAccountName .accLandingAccordion .content tr:nth-of-type(even) {
    background: none;
}
.llsb_printImage {
    height: 30px;
    width: 30px;
    cursor: pointer;
    margin-left: 10px;
}
.llsb_signupTableContainer {
    display: block;
    max-height: 300px;
    overflow-y: auto;
    border: 1px solid #474747;
    height: auto;
}
.llsb_signupTableContainer table {
    border: none !important;
}
.llsb_signupTableContainer th {
    border-top: none;
}
/*Update 24.6 ISSUE 216*/

.llsb_signupTableContainer th:first-child {
    border-left: none;
    width: 20%;
}
/*Update 24.6 ISSUE 216*/

.llsb_signupTableContainer th:first-child {
    border-left: none;
}
.llsb_signupTableContainer th:last-child {
    border-right: none;
}
.SelectedAcconts {
    padding-top: 10px;
}
#termsCondition,
#termsConditionSignUp,
#termsConditions,
#termsConditions2 {
    opacity: 0;
}
.SignUpCheck,
.termsConditions,
.termsConditions2 {
    background: url(../images/checkDefault.png) 0 0 no-repeat;
    padding: 3px 0 4px 30px;
    cursor: pointer;
}
.signupcheckHolder input[type="checkbox"]:checked+label {
    background: url(../images/tick.gif) no-repeat 0 0px;
}
.signupcheckHolder {
    margin-bottom: 8px;
}
.MoveIn-Outsteps .mngMyAccntBody.landlordStndContrAcc #landlordStandbyForm #landlordStandby_Cancel_Button,
.MoveIn-Outsteps .mngMyAccntBody.landlordStndContrAcc #landlordStandbyForm #landlordStandby_Continue_Button {
    font-size: 1.2em;
}
/*Update 18.6 ISSUE 213*/

.landlordForceOff table#myAccountsTbl .forceOffTB,
.landlordForceOff table#myAccountsTbl thead {
    display: block;
}
.landlordForceOff table#myAccountsTbl .forceOffTB {
    overflow: auto;
    height: 273px;
}
.forceOffTB td {
    width: 210px;
}
.landlordForceOff #myAccountsTbl th {
    width: 228px;
}
/*Update 18.6 ISSUE 213*/
/*llsb css ENDS*/
/*Authorized Agent CSS starts */

.aa_autorizeAgentmyAccntLeftbox .tabs li.active,
.aa_autorizeAgentmyAccntLeftbox .tabs li {
    width: 20%;
}
;
.aa_autorizeAgentmyAccntLeftbox .tabs li:first-child+li+li+li:after {
    content: url(../images/tab-Shadow.png);
    position: absolute;
    top: 6px;
}
.aa_autorizeAgentmyAccntLeftbox .tabs li:first-child+li+li+li+li:after {
    content: url(../images/tab-Shadow-blank.png);
    position: absolute;
    top: 6px;
}
.aa_autorizeAgentmyAccntLeftbox .tabs li:first-child+li+li+li a {
    border-right: #7b7a77 solid 1px;
}
.aa_autorizeAgentmyAccntLeftbox .tabs li:after {
    top: 4px;
}
.aa_autorizeAgentBody #AddAutorizeUser {
    margin-top: 0;
    margin-bottom: 10px;
}
.aa_autorizeAgentTable .content th:first-child {
    width: 15%
}
.aa_autorizeAgentTable .content th:first-child+th {
    width: 35%;
}
.aa_autorizeAgentTable .content th:first-child+th+th {
    width: 14%;
}
.aa_autorizeAgentTable .content th:first-child+th+th+th {
    width: 20%;
}
.aa_autorizeAgentTable .content th:first-child+th+th+th+th {
    width: 13%;
}
.aa_autorizeAgentTable .content td,
.aa_myAutorizeAgentTable .content td {
    padding: 11px 0;
}
.tabs.inActiveTabs li {
    background: transparent;
    cursor: default;
}
.aa_atutoAgentInnerTabs span {
    padding: 5px 10px;
    display: inline-block;
    background-color: #e3ddd0;
    color: #000;
    font-size: 0.75em;
}
.aa_atutoAgentInnerTabs span.aa_active {
    background-color: grey;
    color: #FFF;
}
.aa_autorizeAgentTable .content table,
.aa_myAutorizeAgentTable .content table {
    border: none;
}
.aa_autorizeAgentBody {
    border: 1px solid #474747;
    padding: 10px 5px 0 5px;
}
.aa_autorizeAgentTable thead,
.aa_myAutorizeAgentTable thead {
    border-top: 1px solid #474747;
}
.aa_autorizeAgentBody {
    border: 1px solid #474747;
    padding: 10px 5px 0 5px;
}
.mngAutrzdUser .accLandingAccordion .content tr:nth-of-type(even) {
    background: none;
}
.viewByShow {
    display: block !important;
}
.fntSz11 {
    font-size: 11px;
}
.fntSz12 {
    font-size: 12px;
}
.addAutUser span {
    line-height: 31px;
    display: inline-block;
    padding: 0px 24px;
    margin-bottom: 10px;
}
.aa_multipleAccTable {
    margin: 0px -5px;
}
.aa_multipleAccTable td {
    text-align: left !important;
}
.aa_multipleAccTable th {
    text-align: left !important;
    border: none !important;
}
.accLandingAccordion .content .tableScrollHeader th:first-child {
    width: 30%;
}
.accLandingAccordion .content .tableScrollHeader th:first-child+th {
    width: 35%;
}
.accLandingAccordion .content .tableScrollHeader th:first-child+th+th {
    width: 26%;
}
.tableScrollBody {
    table-layout: fixed;
}
.accLandingAccordion .content .tableScrollBody td:first-child {
    width: 34%;
    text-align: center;
}
.accLandingAccordion .content .tableScrollBody td:first-child+td {
    width: 39%;
}
.accLandingAccordion .content .tableScrollBody td:first-child+td+td {
    width: 26%;
}
.accLandingAccordion .content table.tableScrollBody,
.accLandingAccordion .content table.tableScrollBody2 {
    border-top: none;
}
.accLandingAccordion .content table.tableScrollBody td,
.accLandingAccordion .content table.tableScrollBody2 td {
    vertical-align: top;
    text-align: left;
}
.accLandingAccordion .content .tableScrollHeader2 th:first-child {
    width: 27%;
}
.accLandingAccordion .content .tableScrollHeader2 th:first-child+th {
    width: 33%;
}
.accLandingAccordion .content .tableScrollHeader2 th:first-child+th+th {
    width: 36%;
}
.accLandingAccordion .content .tableScrollBody2 td:first-child {
    width: 26%;
    text-align: center;
}
.accLandingAccordion .content .tableScrollBody2 td:first-child+td {
    width: 30%;
}
.accLandingAccordion .content .tableScrollBody2 td:first-child+td+td {
    width: 30%;
}
.myAutrzdUser .accLandingAccordion .content tr:nth-of-type(even) {
    background: none;
}
.viewByShow {
    display: block !important;
}
.viewByHide {
    display: none !important;
}
.createGroupPopupCont {
    height: auto !important;
    font-size: 14px;
}
.createGroupPopupCont .buttonBox {
    margin-top: 10px;
}
.moveoutModal.automaticModal {
    width: 40%;
    left: 28%;
}
.moveoutModal.automaticModal .buttonBox {
    width: 75%;
}
.hider {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0.5;
    -ms-filter: alpha(opacity 50);
    filter: alpha(opacity 50);
    background-color: #000;
    clear: both;
    overflow: hidden;
    height: 100%;
    display: none;
    z-index: 9999;
}
.popupBox {
    position: fixed;
    display: none;
    width: 70%;
    /*height: auto;*/
    
    top: 10%;
    left: 15%;
    background: #f2eee5;
    -webkit-box-shadow: 3px 15px 17px rgba(50, 50, 50, 0.7);
    -moz-box-shadow: 3px 15px 17px rgba(50, 50, 50, 0.7);
    box-shadow: 3px 15px 17px rgba(50, 50, 50, 0.7);
    z-index: 99999;
}
/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/cross.png', sizingMethod='scale'); 
color: #008097; float: right; font-size: 0.875em; padding-right: 24px; width: 42px; display:block; height:26px; }*/

.popupHeader {
    height: 46px;
    background: #e4ddd0;
    padding: 27px 20px 0;
}
.popupHeader h4 {
    font-size: 1.25em;
    display: inline;
}
.showpopup {
    cursor: pointer;
}
.popupContainer {
    margin: 10px auto;
    width: 94%;
    min-height: 100px;
    max-height: 450px;
    overflow-y: scroll;
}
.aa_overlayPopup {
    height: auto !important;
    max-height: 400px !important;
    overflow-y: auto !important;
}
.aa_overlayPopup .tableContainer {
    max-height: 150px;
    height: auto;
    border: 1px solid black;
    overflow: auto;
}
.popupErrorMsg {
    margin-bottom: 5px;
}
.Grp_overlayPopup .tableContainer {
    /*max-height: 250px;height:auto;*/
    
    border: 1px solid black;
    /*overflow: auto;*/
}
.tableResponsive tbody tr:nth-of-type(even) {
    background-color: rgb(227, 221, 208);
}
.tableResponsive td[data-title="Select"] {
    text-align: center;
}
.tableResponsive .largeDevice tr th.myAccountsTh {
    text-align: center;
}
.statusSmall {
    display: none;
}
.tableResponsive th:nth-of-type(1),
.tableResponsive td:nth-of-type(1) {
    width: 15%;
}
.tableResponsive th:nth-of-type(2),
.tableResponsive td:nth-of-type(2) {
    width: 30%;
}
.accessDetails {
    margin-top: 10px;
}
.tableResponsive th:nth-of-type(3),
.tableResponsive td:nth-of-type(3) {
    width: 55%;
}
.tableResponsive td {
    padding: 10px 0;
}
.tableResponsive td,
.tableResponsive th {
    text-align: center;
}
.tableResponsive .smallDevice {
    display: none;
}
.tableResponsive .largeDevice {
    display: table-header-group;
}
.aa_myAutorizeAgentTable .content th:first-child {
    width: 15%;
}
.buttonpb a.buttonGreen {
    color: #fff;
    display: inline-block;
    line-height: 28px;
    margin-top: 20px;
    padding: 0 24px;
    text-decoration: none !important;
}
.designTable {
    padding: 3px 3px 3px 0px;
    bgcolor: #00FF00;
}
.creatGroupPopupInput .groupng_newInput {
    width: auto;
}
.aa_accessControlAutorize {
    width: 60%;
    display: inline-block;
}
.aa_accessControlAutorize span {
    font-weight: normal;
    font-size: 14px;
    text-align: center;
    padding-left: 20px;
}
/*Authorized Agent CSS ends here */

.pdfNofOpeningHelp {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 0.825em;
}
/* Changes required for liferay 7 theme */

body {
    font: 16px Arial, Helvetica, Verdana, sans-serif !important;
}
/* .wrapper {
    width: 980px !important;
    margin: 0 auto !important;
} */
.cntrlBarPnm {
    display: block !important;
    position: static !important;
    height: 65px !important;
}
h2.portlet-title-text {
    display: none !important;
}
.moreFaqs .displayBody .go {
    float: right !important;
    width: 43px !important;
    height: 32px !important;
    margin-top: 5px;
}
span.gnfEnrollNot.spanStyle {
    width: 196px !important;
    display: inline-block;
    margin-bottom: 10px;
}
.login #portlet_PNMRLoginportlet_WAR_PNMRLoginportlet {
    margin-bottom: 0px !important;
}
.login .loginContainer > div > p label {
    display: inline-block;
    margin: 0px !important;
    padding: 0px !important;
    /* font-size: 1.167em !important; */
}
.login .loginContainer > div > p label:nth-child(2) {
    font-weight: 200;
    font-size: 1em !important;
}
.regLeftBox.loginSec {
    /* DXP Changes */
    
    padding-top: 25px !important;
    /* DXP Changes */
}
.rememberMe {
    font-weight: 200;
}
.login .portlet-body {
    margin-top: -10px !important;
}
#accountSummary_AddAccount,
.login .remEmailAddrLabel label,
p.remEmailAddrLabel label {
    font-weight: 200 !important;
}
input#customerCode {
    font-size: 0.85em;
}
.regLeftBox.loginHelper {
    width: 81%;
}
div.chatLabel {
    top: 5px !important;
}
div.chatWithPNM {
    padding: 0px !important;
    display:inline-block;
}
td.gsc-input input.gsc-input {
    width: 101%;
}
.leftNav ul li ul.show1, .show1 {
    display: block;
}
.gsc-branding-text {
    width: 100px;
}
li.bankInfoSubList1.statementFax input#newEmailAddress {
    font-weight: 200;
    width: 173px !important;
}
li.bankInfoSubList1.statementFax {
    width: 50% !important;
}
li.bankInfoSubList1.statementFax ul.bankInfoList li.radioCustom:nth-child(2) {
    width: 100%;
}
div.accLandingAccordion div div.myAccountAccordian {
    vertical-align: middle;
}
div.accLandingAccordion div div.myAccountAccordian h2 {
    display: inline-block;
}
.portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ section.portlet,
.portlet-boundary_PNMRMyPersonalInfoportlet_WAR_PNMRMyPersonalInfoportlet_ section.portlet,
.portlet-boundary_PNMRMyPersonalInfoportlet_WAR_PNMRMyPersonalInfoportlet_ section.portlet {
    margin: 0;
}
form#outageFeedbackForm .row label {
    display: block;
    font-weight: bold;
    font-size: 0.875em;
    padding-bottom: 7px;
}
.usageContent .tabHolder ul li.active button.buttonGreyCommon {
    border-right: 1px solid #484747;
}
.usageContent .tabHolder ul li button.buttonGreyCommon {
    height: 29px !important;
}
#portlet_PNMRManageMyAccountsportlet_WAR_PNMRManageMyAccountsportlet .tabHolder {
    margin-top: 7px;
}
#missingAccDropDown .customStyleSelectBox {
    display: inline-block !important;
    width: 91% !important;
}
#missingAccDropDown .customStyleSelectBoxInner {
    width: 216px !important;
}
section#portlet_PNMRMyMailingPreferencesportlet_WAR_PNMRMyMailingPreferencesportlet {
    margin-top: 5px;
}
.floatLeft.fntSz12.addAutUser {
    font-weight: normal;
}
.tabHolder #tab1 {
    border-left: none;
}
.popupBox.automaticModal .popupHeader {
    padding-bottom: 43px;
}
#command .accDashContent .accLeft ul.dashboardDetails li:nth-child(3) {
	/*QA Fix*/
    width: 222px important;
}
#command .accDashContent .accLeft ul.dashboardDetails li:nth-child(4) a {
    /* DXP Changes */
    width: 105px;
    /* DXP Changes */
}

.displayBody fieldset:nth-child(4) label.usageHistorySelTo {
                display: block;
    text-align: right;
}

.displayBody fieldset:nth-child(4) label.usageHistorySelTo  h4,
.displayBody fieldset:nth-child(1) label  h4{
                display: inline-block;
}

.mesgBox.info .info,
.mesgBox.success .success{
    padding: 16px 12px 26px 74px;
}
 
#accountRegistration label{
padding-left:0px;
padding-bottom: 11px;
}
 
#portlet_PNMRRegistrationportlet_WAR_PNMRRegistrationportlet .portlet-content .portlet-content-container  .portlet-body .regLeftBox{
width: 74%;
}

.pseBlock.percentElectricBlock h4{
font-weight: normal !important;
}
 
 
#portlet_PNMRLoginportlet_WAR_PNMRLoginportlet .regLeftBox.loginSec{
    padding-top: 34px !important;
}
 
.benefitsHelpBox.loginRightCol{
padding-top: 40px;
}
 
.leftNav ul li a{
width: 95%;
}

.manage-account .meterContent {
    margin-right: 0%;
    width: 71%;
}

.pay-online1 .smallContainerLeft .gnfButtonBox {
    margin-top: 36.2%;
}

.manage-accounts .missingAccBody span.customStyleSelectBox
{
	width:248px;
}

.manage-accounts .missingAccBody select{
	width:248px;
}

.manage-accounts .missingAccBody .customStyleSelectBoxInner{
	width: 224px !important;
}
.bill-summary .payExtList li.payExtSubList{
	width: 40%;
}
.bill-summary .billSummary li.payExtSubList2{
	width: 22%;
}

.registration .mesgBox.info .info{
	padding: 16px 12px 30px 74px;
}

.alerts-and-communication  .tabHolder{
    margin-top: 5px;
}

.alerts-and-communication  .faq_Box{
    margin-top: 8px;
}

#p_p_id_PNMRMyPersonalInfoportlet_WAR_PNMRMyPersonalInfoportlet_ .rightFaq>ul {
width:102.5%;
}


.registration ul.reviewDropdown span.customStyleSelectBox{
}

.pay-online1 .smallContainerLeft,
.pay-online1 .smallContainerRight{
	width: 47.6%;
}

.pay-bill  .payBillContent .pseBlock.blockSolarEnergy h4{
    font-weight: normal !important;
}


.manage-authorized-users .aa_autorizeAgentmyAccntLeftbox .tabs li:first-child+li+li+li a{
	border-right: 1px transparent !important;
}

#portlet_PNMRMyOnlineAccountProfileportlet_WAR_PNMRMyOnlineAccountProfileportlet ul.tabs li:first-child{
	border-left: 1px transparent !important;
}

.feedback-survey form#outageFeedbackForm .row{
    margin-left: 0px;
    margin-right: 0px;
}

.pnm-payment-locations .mapInfoList .mapInfoListInner{
	height:590px;
}

.report-an-outage-inner .mesgBox.warning .warning{
	padding: 16px 6px 14px 74px;
}

.report-an-outage .oSafty label.label{
padding-left:0px;
}

.previous-bill .mesgBox.error .error{
padding: 16px 12px 26px 74px;
}

.pnm-profiler .accNotice{
padding: 2% 1% 2% 2%;
}

#portlet_PNMRUsageHistoryportlet_WAR_PNMRUsageHistoryportlet .regLeftBox{
	padding-bottom: 17px;
}

.impersonate-search .inputRow input{
    height: 28px;
    font: 13.3333px Arial;
}

#submit_impersonate_email_button{
    width: 229px !important;
}

.impersonate-search .inputRow input{
    height: 28px;
    font: 13.3333px Arial;
}

.impersonate-search .leftContainerBox.contactUsdiv.myAccntLeftbox.aui-w70{
                width: 74%;
}

.impersonate-search .inputRow label{
text-align: right !important;
}

.sky-blue-inner .pbeBox span.customStyleSelectBox{
	padding-right: 0px;
}

#parentbillsummary .payHistory.billSummaryRightCol .viewPrintBtn.gnfGoPaperless input.gnfPaperlessButton{
    width:100%;
}

.online-account-profile .accProfEditSec fieldset .inputSmaller,
.online-account-profile .accProfEditSec fieldset .inputSmall
{
	width: 44px;
    height: 34px;
    padding: 0px 0px 0px 5px;
    font: 13.3333px Arial;
    color:#000;
}
.online-account-profile .accProfEditSec fieldset .inputSmall{
	width: 54px;
	height: 34px;
}
.online-account-profile .accProfEditSec{
	width: 100%;
}
.online-account-profile .accProfEditSec{
	width: 100%;
}
#outgfrom select:disabled{
    color: graytext;
}
/* QA Fixes */
/*.bodyContainer{
    overflow-x:hidden;
}*/
/* QA Fixes */
.accLandingAccordion #tableContainer div div.content{
width:100%;
}
/*.popupBox.link-2-modal.moveoutModal.automaticModal .popupHeader{
	height:51px;
}*/
.moveoutModal.automaticModal .popupHeader{
	padding: 10px 20px 5px 20px !important;
	height: auto !important;
}
.creatGroupPopupInput h4{
    line-height:34px;
}
.creatGroupPopupInput #authorizedUserEmailId{
	/*QA Fix*/
	/*padding: 12.5px 0px;*/
    width: 257.23px;
    font: 13.3333px Arial;
}
p#errorMessageShowForAddAA{
	padding-bottom: 0px;
}

@media only screen and (max-width:599px){
	#portlet_PNMRRegistrationportlet_WAR_PNMRRegistrationportlet .portlet-content .portlet-content-container  .portlet-body .regLeftBox{
		width: 100%;
	}
	.headerBreadcrum{
		min-height: 0px;
	}
}
/*QA Fixes*/
.bill-summary .budgetBillInfo {
    width: 100%;
}

.bill-summary .budgetBillInfo li:first-child {
    width: 70%;
}

/* changes for portlet action menu */
.showPortletHeader .portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_{
min-height:50px;
}
.showPortletHeader .overlay{
        opacity : 1 !important;
}
@media only screen and (min-width: 768px) {
  .portlet:hover > .portlet-topper, .portlet.focus > header.portlet-topper {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform:  none;
    -o-transform: none;
    transform: none;
    } 
   }

/* hide webserver info detail */
.alert-info{
    display: none;
}
/*QA Fix 62*/
.bodyContainer.manage-authorized-users .tableContainer .editTable.tableResponsive .smallDevice {
	min-height: 65.88px;
}
.bodyContainer.manage-authorized-users .tableContainer .editTable.tableResponsive .smallDevice .accDetails {
    padding: 22px 0px 0px 11px;
}
/*QA fix 62*/
/*Fix 74*/
.bodyContainer.move-in .row{
	margin-left: 8px;
}
/*Fix 74*/
/* end */



/*Additional security CSS*/
section#portlet_PNMRImpersonateportlet_WAR_PNMRImpersonateportlet .additionalSecurityRow {
	padding: 20px;
}

section#portlet_PNMRImpersonateportlet_WAR_PNMRImpersonateportlet .addSecInputRadio {
	width: 30px !important;
}


section#portlet_PNMRImpersonateportlet_WAR_PNMRImpersonateportlet .additionalSecLabelDiv{
	
    padding-bottom: 10px;
    padding-top: 10px;
}
section#portlet_PNMRImpersonateportlet_WAR_PNMRImpersonateportlet .additionalSecInputsDiv{
margin: 15px;
}

section#portlet_PNMRImpersonateportlet_WAR_PNMRImpersonateportlet .phnNumberDiv{
margin-left: 7px;
}
section#portlet_PNMRImpersonateportlet_WAR_PNMRImpersonateportlet .emailIdDiv{
margin-left: 7px;
}


section#portlet_PNMRImpersonateportlet_WAR_PNMRImpersonateportlet .labelCSS{
margin-left: 18px;
}

section#portlet_PNMRImpersonateportlet_WAR_PNMRImpersonateportlet .securityTypeDiv input[type='radio']{
    cursor: pointer;
    height: 12px;
    width: 12px;
    margin-bottom: 8px !important;
}


section#portlet_PNMRImpersonateportlet_WAR_PNMRImpersonateportlet .confirmation_Class{
    width: 14px !important;
    margin-left: 0px !important;
    margin-top: 15px !important;
}

section#portlet_PNMRImpersonateportlet_WAR_PNMRImpersonateportlet .mainSecurityDiv{
	margin-top: 5px;
    margin-left: 5px;
}
section#portlet_PNMRImpersonateportlet_WAR_PNMRImpersonateportlet #div_email{
margin-top: 8px !important;
display:none
}
section#portlet_PNMRImpersonateportlet_WAR_PNMRImpersonateportlet .codeExpireDiv{
margin-top: 8px !important;
display:none
}

section#portlet_PNMRImpersonateportlet_WAR_PNMRImpersonateportlet .messageAndRates{
font-size: 13px;
}
section#portlet_PNMRImpersonateportlet_WAR_PNMRImpersonateportlet .confirmationDiv{
	margin-left: 5px;
}

section#portlet_PNMRImpersonateportlet_WAR_PNMRImpersonateportlet .submitButtonDiv{
	margin-top: 12px;
}

section#portlet_PNMRImpersonateportlet_WAR_PNMRImpersonateportlet .securityTypeDiv{
	margin-bottom: 3px;
}


section#portlet_PNMRImpersonateportlet_WAR_PNMRImpersonateportlet .existing_AAS_div{
    margin-bottom: 15px;
}

section#portlet_PNMRImpersonateportlet_WAR_PNMRImpersonateportlet #impersonateAASRowId{
margin: 23px 23px 0 3%;
}


section#portlet_PNMRImpersonateportlet_WAR_PNMRImpersonateportlet .existing_AAS_div u{
    width: 39%;
    margin-left: 97px;
    font-weight: bold;
}


section#portlet_PNMRImpersonateportlet_WAR_PNMRImpersonateportlet #to_show4{
    background-color: white;
    padding: 10px;
    border: 1px solid black;
}
section#portlet_PNMRImpersonateportlet_WAR_PNMRImpersonateportlet #errorDiv{
	color: red;
	display:none;
    margin-top: 4px;
}