/* BASE CSS */
* {
	margin: 0;
	padding: 0;
}

html,body {
	height: 100%;
	font-size: 100%;
}

body {
	background: #f2eee5;
}

.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;
}

.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;
}

.fright {
	float: right !important;
}

.width80 {
	width: 80px;
}

.width30 {
	width: 30px;
}

.marleft {
	margin-left: 15px !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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.placeHolderTxt {
	color: #a9a9a9 !important;
}

.buttonAsAnchor {
	background: none repeat scroll 0 0 transparent;
	border: medium none;
	color: #008097;
	cursor: pointer;
	font-size: 1.05em;
	height: 30px
}

.buttonAsAnchor:hover {
	text-decoration: underline;
}
/*GLOBAL STYLE END*/

/*SPANISH HOME PAGE*/
.spanishBlankMenu {
	background-color: #e3ddd0;
	height: 50px;
	min-width: 500px;
	padding: 0;
	margin-top: 4px;
}
/* END SPANISH HOME PAGE*/

/* 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 */
body {
	background: #f2eee5;
	font-weight: normal;
	-webkit-text-size-adjust: none;
	text-align: left;
}

.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: left;
	padding: 5px 0px 0px 20px;
	position: relative;
}

.mainNavigation div.serviceLabel {
	background: #e3ddd0 url(../images-spanish/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-spanish/nav_selected_left_curve.png') 0 0 no-repeat;
	z-index: 999;
}

.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-spanish/nav_selected_right_curve.png') 100% 0 no-repeat;
	padding: 20px 35px 16px 0;
}
/* sub navigation */
.mainNavigation ul li div {
	position: absolute;
	z-index: 9999;
	display: none;
	background: transparent url('../images-spanish/up_arrow.png') 20% 0
		no-repeat;
	padding: 12px 0 0;
	margin: -12px 0 0;
	/*width: 22%;*/
	white-space: nowrap;
}

.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-spanish/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-spanish/dropmenu.png) 0 0 no-repeat;
	width: 42px;
	height: 35px;
	margin-top: 1px;
	display: none;
	cursor: pointer;
}

.headerMenuTab {
	background: url(../images-spanish/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-spanish/menucnr.jpg) no-repeat 0 0,
		url(../images-spanish/pipe.jpg) no-repeat 100% 50% #e3ddd0;
	padding-left: 48px;
	padding-right: 8px;
}

.searchBox {
	float: right;
}

.findIcon {
	background: url(../images-spanish/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: right;
	padding: 15px 10px 0 28px;
}

.termsLink li {
	float: left;
	background: url(../images-spanish/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.last { 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: 2%*/
	margin-left: 0;
	width: 31%;
}

.talkLink li {
	float: left;
}

.talkLink li a {
	background: url(../images-spanish/icons.png) 0 -31px no-repeat;
	float: left; /*margin-right: 9px*/
	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-spanish/icons.png) 0 0 no-repeat;
	float: left; /*margin-right: 9px*/
	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;
}

.searchButton {
	background: url(../images-spanish/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-spanish/fbg.jpg) repeat-x bottom left #0792ab;
	float: left;
	min-height: 501px;
	width: 100%;
	margin-top: 20px;
}

.bodyContainer {
	float: left;
	min-height: 230px;
	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: 21.7857%; /*22.8%;*/
	margin-left: 2.83674%; /*1.836734693877551%;*/
	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: 89%;
}

.copyRightLogo {
	float: right;
	width: 11%;
}

.copyRightLogo .flogo {
	margin-right: 0;
}

.copyrightText {
	float: left;
	font-size: 0.625em; /*padding: 42px 0 0 4px*/
	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-spanish/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: /*42%*/ 37%;
}
/*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: 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;
}

.buttonClose {
	background: url(../images-spanish/cross.png) no-repeat scroll 100% 0
		transparent;
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images-spanish/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;
}
/*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: 9999;
}

.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-spanish/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-spanish/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-spanish/step_line_act.png) repeat-x;
}

.navStepsLink li:first-child span {
	background: none; /*width: 20%;*/
}

.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:first-child p { margin-right: -16%; }*/
.navStepsLink li.preActive span {
	background: url(../images-spanish/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 {
	float: right;
	padding-top: 25px;
	width: 24%;
}

.registration .benefitsHelpBox {
	border: medium none;
	float: right;
	padding-top: 25px;
	margin: 0;
	width: 24%;
}

.benefitHelpTitle {
	color: #484747;
	font-size: 0.875em;
	padding: 0 0 25px 0;
}

.bText {
	font-size: 0.75em;
}

.bTextList {
	padding-top: 30px; /* padding-left: 14px;*/ /*list-style: disc; */
}

.bTextList li {
	background: url(../images-spanish/bullet_black.png) no-repeat 0 10px;
	padding: 0 0 6px 11px;
	font-size: 0.75em;
}
/*.bTextList li a { font-size: 0.75em; color: #474747; }*/
.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-spanish/info_icon.png) no-repeat 12px 12px,
		url(../images-spanish/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-spanish/icon_warning.png) no-repeat 12px 12px,
		url(../images-spanish/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-spanish/successImg.png) no-repeat 12px 12px,
		url(../images-spanish/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: 16px 12px 14px 74px;
	min-height: 40px;
}

.mesgBox .error {
	background: url(../images-spanish/icon_error.png) no-repeat 12px 12px,
		url(../images-spanish/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;
	padding: 16px 12px 14px 74px;
	min-height: 40px;
}

.mesgBox.notFound {
	border: none;
}

.mesgBox .notFound {
	background: url(../images-spanish/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 { float: left; padding-top: 12px; width: 100%; }
.buttonBox li { float: left; line-height: 32px; padding-right: 16px; font-size: 0.875em; }*/
.buttonBox {
	margin: 26px auto 0;
	overflow: hidden;
	padding: 6px 0;
	width: 40%;
	text-align: center;
}

.regButton {
	padding: 25px 0 4px !important;
	width: 360px;
}

.buttonBox li { /*float: left;*/
	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-spanish/lock_icon.png) no-repeat 0 35%;
	padding-right: 0;
	padding-left: 19px
}

.buttonBox .secureLink a,.buttonBox .startOver 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-spanish/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-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-spanish/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-spanish/button_purple_bg.jpg) 0 0 repeat-x;
}

.buttonDisable {
	background: url(../images-spanish/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;
}
/* 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;
}

.smallParaDiv h4 {
	text-align: left;
	background: url(../images-spanish/bar_blue.png) repeat-x;
	padding-right: 4px;
	color: #FFFFFF;
	font-weight: normal;
	line-height: 37px;
	padding-left: 3%;
}

.skbcompare {
	
}

.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 {
	min-height: 435px;
}

.pseBlock ul {
	margin: 5%;
	min-height: 159px;
}

.pseBlock ul li {
	background: url(../images-spanish/bullet_black.png) no-repeat 0 7px;
	margin-bottom: 6%;
	padding: 0 0 0 8px;
}

.percentElectricBlock h4,.blockSolarEnergy h4 {
	background: url(../images-spanish/bar_orange.png) repeat-x;
	color: #FFFFFF;
	font-weight: normal;
	line-height: 37px;
	padding-left: 3%;
}

.blockSolarEnergy h4 {
	background: url(../images-spanish/bar_blue.png) repeat-x;
	text-align: right;
	padding-right: 4px;
}

.vs {
	background: url(../images-spanish/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: 173px;
	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: 98%;
}

.skbcompare .buttonpb {
	width: 73%;
}

.skbcompare .buttonpb .orBox {
	font-weight: bold;
}
/*.accHeader .buttonBox { margin: 5% 0; padding-top: 0; }*/
.buttonBox .startOver a {
	color: #008097;
}

.accHeader .blueLine {
	clear: both;
}

.accHeader .buttonBox li:first-child {
	width: 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;
	width: 40.2439%;
}

.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-spanish/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%;
}
/*.skbreview .buttonpb { margin: 5% 0 5.5% 26%; width: 72%;/ * padding: 12px 20%; width: 60%;* / }*/
.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 */
.skblanding,.paperlessBill,.unEnrollLanding {
	float: right;
	margin-right: 1%;
	width: 69%;
}

.skblanding h3 {
	font-size: 1.25em;
	margin-bottom: 3%;
}

.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%;
	width: 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-spanish/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;
}

.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-spanish/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: 1000;
}

.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*/
/*HOME PAGE SLIDER SECTION*/
.carouselWrapper {
	width: 100%;
	background: url(../images-spanish/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;
	bottom: 0;
	margin-bottom: 2%;
	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-spanish/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: 81%;
	padding: 3% 0 3% 12%;
	overflow: hidden;
}

.quickLinks {
	margin-top: 12%;
	background: url(../images-spanish/quickLinkBackground.png) repeat;
}

.quickLinks ul {
	background: url(../images-spanish/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 {
	width: 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;
}
/*.subitMeterForm .buttonpb {margin: 5% 0 5.5% 26%; width: 72%; padding-top: 0;}*/
.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: 467px;
}

.pay-online .smallContainerLeft,.pay-online .smallContainerRight {
	min-height: 510px;
}

.pay-online .smallContainerLeft .gnfButtonBox {
	margin-top: 0; /*42.5%; margin-top: 42.5%\9*/
}

.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 ul.paymentList li,.smallContainerRight ul.paymentList li,ul.iconTextList li
	{
	background: url(../images-spanish/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-spanish/view-details-box-bg.jpg) repeat-x top
		left;
	background-color: #e3ddd1;
	padding: 9px 9px 18px;
	border-bottom: 1px solid #ffffff;
}

.viewDetailsBox p {
	padding: 18px 0;
}

.viewDetailsContainer a.openViewDetailsBt {
	background: url(../images-spanish/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-spanish/viewDetailsarrow.png) no-repeat 95%
		center;
	display: block;
	line-height: 30px;
}

a.openViewDetailsBt span.arrowDown {
	background: url(../images-spanish/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 ul li ul 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 {
	width: 30%;
	padding: 0 3% 1% 0;
}

.primEmailDiv ul.mailingAdresses li:first-child {
	width: 40%;
}

.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 {
	height: 43px;
	color: #484848;
	line-height: 46px;
	background: url(../images-spanish/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: 0.75em;
	text-align: center;
}

.inputBox li {
	display: inline-block;
	width: 30%;
	padding: 0px;
}

.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 {
	width: 56px !important;
	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 {
	width: 216px !important;
	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;
	padding-top: 5px;
	font-size: 1em;
}

.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-spanish/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-spanish/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 { /*font-size: 0.6em;*/
	font-weight: normal;
}

.faqpaymentTitle {
	font-size: 2.8125em;
	font-weight: 400;
	line-height: 50px;
	padding-right: 3%;
	padding-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;
	width: 100%;
	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-spanish/faqaccordion_plus.png) no-repeat 0
		28px;
}

.paymentfaqOpen {
	background: url(../images-spanish/faqaccordion_minus.png) no-repeat 0
		29px !important;
}

.expand {
	background: url(../images-spanish/faqaccordion_showall.png) no-repeat
		left 3px;
	margin-top: 0px;
	padding-top: 0px;
	color: #008097;
	font-size: 1em;
}

.collapse {
	background: url(../images-spanish/faqaccordion_minus.png) no-repeat 0
		5px;
}

.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 {
	width: 74% /* 78.2%*/;
	border-right: solid 1px #000;
	float: left;
}

.contactUsHelpBox {
	width: 24% /*19.8%*/;
	float: right;
	padding-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);
	margin-top: 25px;
}

.reportOutage h1 {
	line-height: 40px;
	margin: 0 3%;
	padding: 30px 0;
	border-bottom: solid 1px #000;
	font-size: 1.75em;
	font-weight:bold;
}

.reportOutagelink {
	float: right;
	padding: 10px 20px;
}

.reportOutagelink a {
	color: #008097;
	padding: 0 6px;
}

.emailUs {
	padding-top: 15px;
	padding-left: 2.5%;
}

.emailUs h1 {
	font-weight: normal;
	padding-bottom: 15px;
	font-size: 1.625em;
}

.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: 30%;
	padding-left: 0px;
	float: left;
}

.emailDropdown .displayBody fieldset .customStyleSelectBox {
	width: 80%;
}

.emailDropdown .displayBody fieldset .customStyleSelectBox .customStyleSelectBoxInner
	{
	width: 100% !important;
}

.emailDropdown .displayBody fieldset span.customStyleSelectBox {
	padding: 6px 10px 6px 10px;
}

.emailDropdown .displayBody select.topicSelect {
	width: 86%;
	left: 0px;
	top: 100px;
}

.es-contact-us .emailDropdown .displayBody select.topicSelect {
    height: 32px !important;
    top: 113px;
}

.emailDropdown .displayBody select.contactSelect {
	width: 86%;
	left: 0px;
	top: 45px;
}

.emailDropdown .displayBody fieldset h4 {
	padding-bottom: 9px;
}

.labelContact {
	font-weight: normal;
	padding-left: 5px;
}

.questions {
	width: 256px;
	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 {
	padding-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: 25px;
}

.mailUs label {
	padding-top: 25px;
}

.headingRight {
	font-size: 1.625em;
	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: 96px;
}

.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;
}
/*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;
}

.usageContent {
	float: left;
	margin-left: 2.5%;
	width: 76.4%;
	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-spanish/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-spanish/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%;
}

.electricService span { /*color: #e80000; */
	
}

.advancedElecinfo .electricService {
	border-bottom: solid 1px #474747;
}

.electricService h3:first-child {
	float: left;
	padding-left: 5.5%;
}

.electricService h3:last-child {
	float: right;
	padding-right: 2%;
}

.electricOpen {
	background: #e3ddd0 1.4% 14px no-repeat;
	background-image: url(../images-spanish/electricservice_dropdown.png)
}

.accordionOpen {
	background: url(../images-spanish/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-spanish/accordion_plus.png) 10px 5px no-repeat
		#dad3c3;
	border-top: none;
	border: 1px solid #474747;
	border-top: none;
}

.accProfAccordion .open {
	background: url(../images-spanish/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-spanish/top_arrow.png) no-repeat 0px 8px;
	font-size: 0.75em;
	padding-top: 10px;
	line-height: 15px;
}

.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*/
}

.accLandingRightCol {
	width: 23%;
	padding-bottom: 28px;
	padding-top: 0px;
}

.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%;
}

.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-spanish/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%;
	width: 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;
}

.headingRightCol span {
	font-weight: bold;
	display: block;
	padding-bottom: 11px;
}

.gnfHeader {
	border-bottom: 1px solid #474747;
	border-top: 1px solid #474747; /*width: 100%; */
	margin-bottom: 20px /*1.250em*/;
	/*font-family: Arial, Helvetica, sans-serif; */
	color: #484848; /*float: left; */
	overflow: hidden;
	padding: 20px 0;
}

.gnfAccName {
	float: left;
	width: 58%;
	text-align: left;
	word-break: break-word;
}

.gnfName {
	font-size: 1.625em; /* margin-top: 8%; */
	line-height: 1em;
}

.gnfAddress {
	font-size: 0.750em;
	margin: 2% 0 0;
}

.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;
}

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 {
	width: 36%;
}

.gnfFunds .blueLine {
	clear: both;
}

.gnfFunds .gnfFundSteps .buttonBox li:first-child {
	width: auto;
}

.gnfFunds .gnfFundSteps .buttonBox {
	margin-bottom: 5.5%;
	width: 38%;
}

.gnfFunds .modifygnfFunds .buttonBox {
	margin-bottom: 5.5%;
	width: 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-spanish/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%;
	width: 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%;
	width: 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; /*padding: 10px 10px 10px 13px;*/
	border: 1px solid #fff;
	margin: 0 0 20px 0;
	padding: 5% 20%;
	cursor: pointer;
	-webkit-appearance: none;
}

.gnfGoPaperless a.gnfPaperlessButtonLink {
	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: 10px 10px 10px 13px;*/
	border: 1px solid #fff;
	margin: 0 0 20px 0;
	padding: 5% 20%;
	cursor: pointer;
	-webkit-appearance: none;
	text-decoration: 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; /*padding: 10px 10px 10px 13px;*/
	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 8% 0%;*/
	margin: 0;
	display: block;
}

.gnfQuickLinks ul li:first-child {
	margin-bottom: 16%;
}

.gnfQuickLinks ul li:nth-child(even) {
	background: #e3ddd0;
	overflow: hidden;
	padding: 4%;
}

.gnfQuickLinks ul li:nth-child(odd) {
	overflow: hidden;
	padding: 4%;
}

.gnfQuickLinks ul li span.gnfEnrollNot {
	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: 28%;
	float: left;
	font-weight: normal; /*margin-left: 3%;*/
}

.gnfQuickLinks li.gnfNameBreak { /*margin: 0 0 15px 0;*/
	margin: 0;
}

.gnfQuickLinks .gnfEnroll {
	background: url(../images-spanish/list-style-image.png) no-repeat 0px
		4px;
	margin-left: 0px;
	padding-left: 17px;
}

.gnfCurrentEnroll {
	background: url(../images-spanish/list-style-image.png) no-repeat;
	padding-left: 10%;
	margin-left: 36%;
}
/*.gnfQuickLinks .gnfEnrollNot { margin-left: 8%; }*/
.gnfDetails {
	border-left: 1px solid #484848;
	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;
}

.accDashB .gnfMyProfileDetails,.gnfGoPaperless,.gnfQuickLinks {
	margin-left: 0;
	padding-left: 10% !important;
}

.accdisconnectNotice {
	border: 2px solid red;
	height: 300px;
	width: 400px;
}

.accNotice {
	border: 3px solid #e80000;
	padding: 2%;
	overflow: hidden;
}

.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-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;
}

.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-spanish/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;
	width: 51%;
}

.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-spanish/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-spanish/scroller_lt_arrow.jpg)
		no-repeat left top;
	width: 20px;
	height: 50px;
	display: block;
}

.theRotator span#leftBtn a:hover {
	background: transparent url(../images-spanish/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-spanish/scroller_rt_arrow.jpg)
		no-repeat left top;
	width: 20px;
	height: 50px;
	display: block;
}

.theRotator span#rightBtn a:hover {
	background: transparent url(../images-spanish/scroller_rt_arrow.jpg)
		no-repeat left top;
}
/*Caroussel section end*/

/*2nd outage alert*/
.accInnerRight {
	background: #e3ddd0;
	border: 2px solid #e80000;
	padding: 3% 5% 9%;
	margin: 3%;
}

.outageAlert {
	background: url(../images-spanish/outage_alert.png) no-repeat top left;
}

.accInnerRight .outageAlert h2 {
	color: #e80000;
	font-size: bold;
	margin-left: 15%;
	padding: 5% 0 0 4%;
}

.outageAlert .outageList {
	margin: 10% 0 0 -2%;
	list-style: none;
	overflow: hidden;
}

.outageList li {
	float: left;
	text-align: left;
	font-size: 0.75em;
	padding: 1% 4% 2% 0;
	width: 90%;
}

.outageAlert li.outageListDetails {
	text-align: left; /*width: 32%;*/
	font-weight: bold;
	clear: both;
}

.outageAlert li.outageSubDetails {
	text-align: left; /*width: 60%;*/
	font-weight: normal;
}

.accInnerRight .outageFooter {
	float: left;
	border-top: 1px solid #474747;
	background: url(../images-spanish/outageDivider.png) no-repeat center;
	width: 96%;
	padding: 2% 0 2% 0;
}

.accLeft .outageFooter {
	float: left;
	background: url(../images-spanish/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 .footerLink{ float:right;}*/
.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: left;
	margin-left: 2.5%;
	width: 77%;
	z-index: 1; /*background:yellow;*/
	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-right: 1px solid #8a9290;
	border-bottom: 1px solid #474747;
	color: #545555;
	font-weight: bold;
	padding: 13px 16px;
	text-align: center;
	font-size: 0.813em;
	vertical-align: middle;
}

.paymentTable .content table {
	width: 100%;
	border-collapse: collapse;
	border: none;
}

.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-spanish/bullet_black.png) no-repeat 3px 7px;
}

.paymentTable .bTextList li.blueText {
	background: url(../images-spanish/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-spanish/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-spanish/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-spanish/divider-border-bg.jpg)
		repeat-y center top;
	border: 1px solid #4f4f4e;
	overflow: hidden;
}

.or {
	background: url(../images-spanish/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-spanish/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-spanish/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: 10px 0;
}

.payBill .percentElectricBlock ul {
	margin: 5% 13% 5% 5%;
}

.payBill p.payMsg {
	margin: 20px 11% 25px 5%;
}

.payBill .blockSolarEnergy ul li {
	background: url(../images-spanish/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: 40%;
}

.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%;
	width: 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%;
}

.payExtension .remEmailAddrLabel {
	font-size: 0.813em;
}

.payExtStep .buttonBox {
	margin-bottom: 2%;
	width: 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 {
	width: 38%;
	padding: 2% 10%;
	font-weight: normal;
}

.outageStep .buttonBox {
	margin-bottom: 2%;
	width: 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 {
	width: 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-spanish/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;
}

.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 {
	width: 28%;
}

.autoLinkText {
	margin-top: 2%;
	color: #008097;
	font-size: 0.75em;
	display: block;
	width: 100%;
}

.automaticPay3 .buttonLinkBox .butRight {
	width: 40%;
}
/*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;
}

.payHistory .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;
	width: 32%;
	padding: 0 0 0 10%;
}

.payHistory .payImageText li {
	background: url(../images-spanish/bullet_black.png) no-repeat scroll 0
		8px transparent;
	padding: 0 0 0 10px
}

.payHistory .payImageText {
	float: left;
	font-size: 0.75em;
	width: 54%;
	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;
}

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,.multipleAccTable .paginationDiv {
	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-spanish/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: 205px;
	border-top: 1px solid #8c8a86;
	background: url(../images-spanish/left_menu_arrow.png) no-repeat 182px
		10px;
	padding: 8px 0px 8px 5.128205128205128%;
} /* Fix for Defect ID:616 */
.leftNav ul li.open {
	background: url(../images-spanish/left_menu_arrow_sel.png) no-repeat
		180px 10px;
}

.leftNav ul li a.selected {
	background: url(../images-spanish/left_menu_selected_bg.png) repeat-y;
	color: #008097;
}

.leftNav ul li ul {
	background: #f2eee5;
	display: none;
	overflow: hidden;
	margin-top: 10px;
}

/* DXP Changes */
.leftNav ul li ul.show2{
	display:block;
}
/* DXP Changes */

.leftNav ul li a {
	color: #484747;
	display: block; /*padding: 8px 0px 8px 5.128205128205128%; */
	/* DXP Changes */
	width: 92%;
	/* DXP Changes */
} 

/* Fix for Defect ID:616 */
.leftNav ul li:last-child {
	border-bottom: 1px solid #8c8a86;
}

.leftNav ul li ul.show {
	display: block;
	margin-top: 10px;
}

.leftNav ul li ul li {
	background: none;
	padding: 8px 0px 8px 0.128205%;
} /* Fix for DEfect ID:616 */
.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-spanish/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: left; margin-left: 3.68421%; z-index: 1; width: 69.5% }*/
.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-spanish/faq_border_top.png) no-repeat left top,
		url(../images-spanish/faq_border_bottom.png) no-repeat left bottom;
	padding: 10px 0 0 5px;
	font-size: 0.75em;
}

.rightFaq ul>li {
	cursor: pointer;
	color: #3096a7;
	margin-top: 25px;
	background: url(../images-spanish/faq_arrow.png) no-repeat left 6px;
	padding-left: 5.5%
}

.rightFaq ul>li>ul {
	display: none;
}

.rightFaq ul>li>ul>li {
	color: #484848;
	background: none;
	padding-left: 0%;
	margin-top: 10px
}

.rightFaq ul>li>ul>li a {
	color: #3096a7;
}

.rightFaq ul>li.faqOpen {
	background: url(../images-spanish/faq_down_arrow.png) no-repeat left 6px;
}

.rightFaq p {
	padding: 28px 0 12px 5.5%
}

.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
}

.loginSec {
	border-right: 1px solid #484848;
	margin-right: 0;
	font-size: 0.75em;
	width: 76.69%;
	padding-right: 0;
	padding-bottom: 28px;
	min-height: 480px;
}

.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;
	font-weight: bold;
	margin: 19px 0 7px 0
}

.loginContainer input[type="email"],.loginContainer input[type="text"],.loginContainer input[type="password"]
	{
	width: 63%;
	padding: 6px 0 6px 1.8%;
	border-top: 1px solid #b6b7b7;
	border-left: 1px solid #b6b7b7
}

.loginContainer p a {
	color: #008097;
	padding-top: 2px;
	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
}

p.remEmailAddrLabel input[type='checkbox'] {
	display: none;
}

p.remEmailAddrLabel label {
	cursor: pointer;
	background: url(../images-spanish/checkDefault.png) 0 0 no-repeat;
	padding: 0 0 0 30px;
}

p.remEmailAddrLabel input[type='checkbox']:checked+label {
	background: url(../images-spanish/tick.gif) no-repeat 0 0px;
}

.warning .requestMail a {
	display: inline;
	margin-left: 1%;
}

.requestMail {
	margin-top: 5px
}

.errorLogin {
	background: url(../images-spanish/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-spanish/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;
	color: #d9d6ce;
	padding: 0 2.8%;
	background: #f7f5ef;
}

input.captchaContent {
	margin-top: 0px;
	border: 2px solid #d5d1c8;
	background: #f2eee5 url(../images-spanish/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;
}
/*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
}
/*.blockHeading { border-top: 1px solid #484848; border-bottom: 1px solid #484848; height: 4%; padding: 3% 1%; background-color: #a19f9b; font-size: 1.250em; color: #f2eee5; margin: 15px 0 26px 0; }*/
.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
}

.forgotEmailInput .label span {
	display: block;
	font-weight: normal;
	font-size: 0.835em
}

.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
}

.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
}
/*Step 2*/
.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
}
/*Step 3*/
.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 { /*width: 18.2%; */
	text-align: left
}
/*Forgot email section css ends here */

/*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-spanish/icon_warning.png) no-repeat 1.75% 8px;
}

.searchCustomer {
	min-height: 290px;
}

.searchCustomerInput {
	padding: 0px;
	margin: 23px 0 0 2%;
}

.searchCustomer .buttonBox {
	width: 220px;
	margin: 0 0 0 174px;
}

.logOutMsg {
	margin: 30px 0 29px 0;
}
/* 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-spanish/accordion_plus.png) 9px 6px no-repeat
		#dad3c3;
	border: 0px;
	border-bottom: 1px solid #474747;
	cursor: pointer
}

.accLandingAccordion .open {
	background: url(../images-spanish/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 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 .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: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 {
	margin: 10px 0 0 0;
	padding: 0 0 22px 0
}

.paginationDiv ul {
	float: right;
	margin: 0 10px 0 0
}

.paginationDiv ul li {
	display: inline;
	text-align: center
}

.paginationDiv ul li a {
	color: #9e9e9e;
	border-right: 1px dotted #474747;
	padding: 0 10px 0 8px;
}

.paginationDiv ul li.prev a,.paginationDiv ul li.next a,.paginationDiv ul li.last a
	{
	border-right: 0px;
}

.paginationDiv ul li.prev a {
	padding: 0 0 0 4px;
	color: #474747;
}

.paginationDiv ul li.next a {
	padding: 0px;
	color: #474747;
}

.paginationDiv ul li.current a {
	color: #474747;
}

.alerts-and-communication .displayBody select {
	width: 52.5%;
}

.alerts-and-communication .displayBody .customStyleSelectBoxInner {
	width: 351px !important;
}

.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%;
	height: 150px;
	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;
}

.rightFaq ul>li>ul.show {
	display: block
}
/* 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%;
}

.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;
}

.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-spanish/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-spanish/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 */
.myAccntLeftbox {
	width: 76.5%;
	padding-right: 1.13%;
	padding-bottom: 30px;
	border-right: 1px solid #484848;
	float: left;
	padding-top: 20px;
}

.rtrnTxt a {
	color: #008097;
	display: 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: 25%;
	font-size: 0.750em;
	font-weight: bold;
	background: #e3ddd0;
	text-decoration: none;
	border-bottom: #7b7a77 solid 1px;
	cursor: pointer;
}

.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;
	border-bottom: 1px solid #F2EEE5;
	width: 25%;
	cursor: pointer;
}

.myAccntLeftbox .tabs li a {
	padding: 2% 20%;
	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-spanish/tab-Shadow.png);
	position: absolute;
	top: 6px;
}

.myAccntLeftbox .tabs li:last-child:after {
	content: url(../images-spanish/tab-Shadow-blank.png);
	position: absolute;
	top: 6px;
}

.myAccntLeftbox .tabs li:first-child+li+li+li:after {
	content: url(../images-spanish/tab-Shadow-blank.png);
	position: absolute;
	top: 6px;
}

.myAccntLeftbox .tabs li.active:before {
	content: url(../images-spanish/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-spanish/myAccWhteCrnrLeft.png);
	background-repeat: no-repeat;
	background-position: 97% 99%;
}

.headerMenuLoginTab li.curveLBig {
	background-image: url(../images-spanish/myAccWhteCrnrLBig.png);
	background-repeat: no-repeat;
	background-position: 97% 99%;
}

.headerMenuLoginTab li.curveR {
	background-image: url(../images-spanish/myAccWhteCrnrRight.png);
	background-repeat: no-repeat;
	background-position: bottom left;
}

.headerMenuLoginTab li.rightCurve {
	padding: 41px 12px 8px 0;
	background-image: url(../images-spanish/myAccGrayCrnr.jpg);
	background-repeat: no-repeat;
	background-position: 97% 99%;
	background-color: none;
}

.headerMenuLoginTab li.serviceFor {
	background-image: url(../images-spanish/myAccWhteCrnrLBig.png),
		url(../images-spanish/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-spanish/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-spanish/pipe.jpg);
	background-position: 95% 50%;
	background-repeat: no-repeat
}

.headerMenuLoginTab li.serviceFor1Bg a {
	background-image: url(../images-spanish/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: 9999;
}

.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-spanish/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;
	width: 21.408%;
	padding-top: 20px;
}

.faqTitle {
	color: #484747;
	font-size: 1.500em;
	font-weight: normal;
	padding: 0;
	line-height: 1.313em;
}

.faqTitle span {
	font-weight: bold;
}

.rightFaq {
	margin-top: 16px;
	font-weight: bold;
	width: 100%;
	background: url(../images-spanish/faq_border_top.png) no-repeat left top,
		url(../images-spanish/faq_border_bottom.png) no-repeat left bottom;
	padding: 10px 0 0 5px;
	font-size: 0.75em;
}

.rightFaq>ul {
	margin-top: 25px;
}

.rightFaq ul>li {
	cursor: pointer;
	color: #008097;
	margin-top: 17px;
	background: url(../images-spanish/arrow-normal.png) no-repeat left 6px;
	padding-left: 12px;
	font-weight: normal;
}

.rightFaq ul>li>ul {
	display: none;
}

.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-spanish/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*/

/*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-spanish/myAccntDropDivider.png) no-repeat
		right center;
	width: auto !important;
	display: block;
}

.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%;
}

.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: 1.000em;
	width: 35%;
	word-break: break-all;
}

.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 .inputSmall {
	width: 40px;
	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-spanish/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;
}

.accProfEditSec .closeBtn {
	color: #008097;
	font-size: 15px;
	padding: 0 0 10px 0;
	text-align: right;
	font-weight: bold;
	cursor: pointer;
	width: 100px;
	float: right;
}

.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 {
	font-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 {
	width: 48%;
	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;
	padding: 0 3%;
	word-break: break-all;
}

.emailDiv li:first-child {
	padding: 0 3% 0 0;
	width: 22%;
}

.emailDiv li:nth-child(2) {
	width: 38%;
}

.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;
	padding: 0 3%;
}

.phoneDiv li:first-child {
	padding: 0 3% 0 0;
	width: 22%;
}

.phoneDiv li:nth-child(2) {
	width: 38%;
}

.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 /* !important*/;
	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;
}

.displayBody span.customStyleSelectBox.changed {
	background-color: #f0dea4;
}

.displayBody .customStyleSelectBoxInner {
	background: url(../images-spanish/myAccntDropDivider.png) no-repeat
		center right;
	width: 340px !important;
}

.alerts-and-communication .displayBody .customStyleSelectBoxInner {
	padding-right: 24px;
}

.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%;
}

.alrtCommPrefHld td table tr td.mobileAlertIcon {
	background: url(../images-spanish/mobile-icon.png) no-repeat left center;
	padding-left: 30px;
}

.alrtCommPrefHld td table tr td.mailAlertIcon {
	background: url(../images-spanish/mail-icon.png) no-repeat left center;
	padding-left: 30px;
}

.alrtCommPrefHld td table tr td.crossAlertIcon {
	background: url(../images-spanish/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-spanish/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 .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-spanish/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 {
	width: 29.7%;
	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-spanish/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-spanish/myAccntDropDivider.png) no-repeat
		center right;
	width: 200px !important;
	padding-right: 24px;
}

.missingAccBody select {
	height: 30px !important;
	width: 18.5%;
}

.missingAccBody select option {
	background: #ffffff;
	font-size: 0.938em;
}

.mngMyAccntTblHldr .profileBtn {
	padding: 0 2%;
	background: url(../images-spanish/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;
}

.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: .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 {
	width: 100%;
}

.energy_storage_detail {
	padding: 22px 36px 0 10px;
}

.energy_storage_detail h4 {
	font-size: .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: .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: .75em;
	background: url(../images-spanish/bullet_black.png) no-repeat scroll 0
		7px transparent;
	padding: 0 0 6px 11px;
}

.environment_container ol li {
	font-size: .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 */
.buttonGreenCommon {
	dispaly: block;
	float: left;
	background: url(../images-spanish/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-spanish/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: 32px;
	line-height: 32px;
	border: 0 none;
	outline: none;
	cursor: pointer;
	text-shadow: none;
	-webkit-appearance: none;
}

.buttonPurpleCommon {
	dispaly: block;
	float: left;
	background: url(../images-spanish/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 Hove */
.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;
	padding-top: 25px;
	width: 75.3%;
}

.rightContainerBox {
	float: left;
	padding-left: 1.5%;
	padding-top: 25px;
	width: 24%;
}

.rightContainerBox .blackLine {
	margin-left: -6%;
}

.fboxContainer {
	float: left;
	width: 100%; /*73.5%*/
}

.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-spanish/legend1.png) no-repeat 0 0;
}

.mapLegendList li.legend2 {
	background: url(../images-spanish/legend2.png) no-repeat 0 0;
}

.mapLegendList li.legend3 {
	background: url(../images-spanish/legend3.png) no-repeat 0 0;
}

.mapLegendList li.legendSearch1 {
	background: url(../images-spanish/legendSearch1.png) no-repeat 0 0;
}

.mapLegendList li.legendSearch2 {
	background: url(../images-spanish/legendSearch2.png) no-repeat 0 0;
}

.mapLegendList li.legendSearch3 {
	background: url(../images-spanish/legendSearch3.png) no-repeat 0 0;
}

.mapLegendList li.active {
	background: url(../images-spanish/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;
	width: 33.6734693877551%;
}

.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 /*2px*/   7px 0 /*12px*/   9px;
	min-height: 430px;
	height: 430px;
	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: 500px;
	border: 1px solid #bfbcb6;
	overflow: hidden;
	position: relative;
}

.westernUnionLocations .return {
	clear: both;
	padding-top: 10px;
}
/*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; /*float:right;*/
}

.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 */

/* Start Search An Outage */

/*MAP POP UP*/
.mapPopUp {
	background: #e4ddd0 url(../images-spanish/map-popup-bg.jpg) repeat-x top
		left;
	min-height: 259px;
	width: 325px;
	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-spanish/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: /*32%*/ 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-spanish/legend.png) no-repeat center;
}

.mapPopUp .mapPopUpBody {
	border-top: 2px solid #fff;
	min-height: 180px;
}

.popUpPointer {
	background: url(../images-spanish/popup-arrow.png) no-repeat center;
	height: 11px;
	width: 19px;
	position: absolute;
	top: 37px;
	left: 16%;
}
/* END MAP POP UP*/
.searchAnOutage {
	padding-right: 15px;
}
/*.leftBoxContainer {border-right:1px solid #484848; float:left; padding-top:30px; padding-bottom:26px; width: 77%;}
.rightBoxContainer { float: right; padding-left: 15px; padding-top: 25px; width: 21.3%;;}*/
.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-spanish/tab-Shadow.png);
	position: absolute;
	top: -5px;
}

.tabsHolder .tabs li:last-child:after {
	content: url(../images-spanish/tab-Shadow-blank.png);
	position: absolute;
	top: 6px;
}

.tabsHolder .tabs li.active:before {
	content: url(../images-spanish/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;
}

.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-spanish/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%;
}

.ocs {
	padding: 14px 15px 0;
	min-height: 180px;
}

.ocs p {
	font-size: 0.75em;
	padding-bottom: 20px;
	text-align: left;
}

.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: 110px;
}

.outageLanding p.return,.outageConfirm p.return {
	margin-top: 14px;
	padding-left: 15px;
}

.rightContainerBox .benefitsHelpBox {
	float: none;
	padding-top: 0;
	width: auto;
}
/*.rightContainerBox .blackLine {margin-left: -16px;}*/
.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 {
	padding: 1% 2%;
}

.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;
}

.previewBox .row .radioBox {
	margin-top: 5px;
}

.previewBox .row label.labelPadB {
	padding-bottom: 12px;
	width: 98%;
}

.rowPhoneBox,.rowAccountBox {
	display: block;
	float: left;
	margin-left: 3%;
	margin-top: 2px;
	position: relative;
	width: 70%;
}

.rowPhoneBox input {
	text-align: center;
	width: 66px;
}

.rowPhoneBox span.ac {
	left: 2%;
}

.rowPhoneBox span.d7 {
	left: 72%;
}

.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: 45.5%;
}

.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: 94px;
}

.rowAccountBox span.d1 {
	left: 186px;
}

.rowAccountBox p {
	float: none;
	font-size: 0.75em;
	margin-top: 25px;
	width: 100%;
}

.outageInfo .buttonBox {
	width: 180px;
}
/* Custom Select Box */
.rowSelectBox {
	float: left;
	position: relative;
}

.rowSelectBox select {
	width: 160px;
}

.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-spanish/myAccntDropDivider.png) no-repeat
		center right;
}

.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%;
}

.outageLanding .iBoxELeft,.outageLanding .iBoxLeft,.outageLanding .iBoxRight
	{
	float: left;
	padding-bottom: 25px;
	width: 32%;
}

.outageLanding .iBoxRight {
	float: right;
}

.outageLanding .iBoxLeft {
	margin-left: 2%;
}

.iBoxELeft .buttonBox {
	width: 170px;
}

.outageLanding .ocs {
	min-height: 210px;
}
/* End Outage Landing */

/** Unenroll 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-spanish/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: 16px 12px 14px 14px;
	min-height: 40px;
}

.successImage {
	width: 31%;
	float: left;
	padding-right: 6px;
}

.successBox1 p {
	padding: 0;
	font-size: 1.2em;
}
/*END SUCCESS-MSG*/

/** 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;
	}
	/*.mainNavigation>ul>li {position:relative;}*/
	.mainNavigation>ul>li>span {
		position: absolute;
		width: 40px;
		height: 40px;
		right: 0px;
		top: 0px;
		z-index: 9999;
	}
}

@media ( max-width : 979px) {
	.wraper {
		width: 100%;
	}
	.headerLogo,.headerBreadcrum,.bodyContainer {
		padding: 0 1.5%;
		width: 97%;
	}
	.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-spanish/up_arrowM.png) no-repeat scroll 0 0
			transparent;
		content: "";
		display: block;
		height: 12px;
		margin: -12px 0 0 14%;
		width: 23px;
	}
	.headerMenuLoginTab li span.upArrow,.headerMenuLoginTab li span.upArrow
		{
		display: none;
		margin: -12px 0 0 20%;
	}
	.whitebg {
		background: none;
	}
	.headerMenuLoginTab li.last .hoverBox:before {
		margin: -12px 0 0 14%;
	}
	.headerMenuLoginTab li.active {
		margin: 0;
		padding: 0;
	}
	.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-spanish/arrow-down_Mmenu.png) no-repeat 50%
			66%;
	}
	.headerMenuLoginTab li#envr a {
		background: url(../images-spanish/arrow-down_Mmenu.png) no-repeat 69%
			66%;
	}
	.headerMenuLoginTab li#myAcnt a {
		background: url(../images-spanish/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 : 768px) and (max-width: 1024px) {
	.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 .pbeBox .seSelectBox {
		width: 20.2439% !important;
	}
	.sky-blue-inner .seSelectBox select {
		width: 90px;
	}
}

/* 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: 50%;
	padding: 0 2%;
}
/*.migrationUserDataTableVerify .missingAccBody .selectAccnt li.bussinessPhoneControl{position: relative;width: 370px;margin-left: -148px;}*/
.migrationUserDataTableVerify .missingAccBody .selectAccnt li.group span
	{
	display: block;
}
/** 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: 0 45px !important;
}
/*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 {
	float: left;
	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 {
	font-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 .gsc-search-box td {
	display: table-cell;
}

.search-result .gsc-search-box .gsc-branding-img {
	width: 10%;
}

.user-migration .buttonBox li:first-child {
	float: left;
	margin: 0 -140px 0 30px;
}

.user-migration .inputBox li input {
	font-size: 1em;
}

.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: 175px !important;
}

.newPnmLoginInfo .content table {
	border-bottom: none;
}

.forgot-password table.portlet-layout {
	width: 100%;
}

.headTitle span.brdCrmb span {
	background: url(../images-spanish/breadcrumb.png) no-repeat scroll left center
		transparent;
	margin-left: 4px;
	padding-left: 13px;
}

/* 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 */

/*home page height ---- start */
.bodyContainer.home {
    min-height: 300px;
}

/* Changes required for liferay 7 theme */

.wrapper{
width: 980px !important;
margin: 0 auto !important;
}
.cntrlBarPnm{
	display: block !important;
    position: static !important;
    height: 45px !important;
}
h2.portlet-title-text{
display: none !important;
}

.moreFaqs .displayBody .go {
	float: right !important;
	width: 43px !important;
	height: 32px !important;
	margin-top: 5px;
}

label#contactListValueLabel{
	text-align: left;
}

.show2{
	display: block;
}
/*QA Fixes*/
.portlet#portlet_PNMRLeftnavigationportlet_WAR_PNMRLeftnavigationportlet,
.portlet#portlet_PNMRMyPersonalInfoportlet_WAR_PNMRMyPersonalInfoportlet{
	margin-bottom:0;
}
.\$layoutIdentifier .environment_container .progDivcontent{
height:170px;
}
.journal-content-article .environment_container .lgdListContainer{
	width:39.5%;
}