/* CSS for mobile devices (screen width <= 480px) */

.noDesktop{ display: inherit;}

.noDesktop.td{ display: table-cell;}

.dropdown .dropdown-menu {
  max-width: 100%;
}

.dropdown .dropdown-menu li a {
	border-bottom: 1px solid #415b6c;
	height: auto;
	text-overflow: ellipsis;
	white-space: normal;
}

.td.firstChild{ padding-left:25px;}

#mobileDialog { /* Defines size of jQuery dialogs in mobile view */
	width:80%;
	height:100%;
}

.outageMapMobile { visibility:inherit; }

#divTabContentMap{
	position: absolute; left:-1000%; top:-1000%
}

.searchResultsIFrame 
{
	width:100%;
	height:100%;
}

.indication {
	display: inherit;
}
.scrollLeft, .scrollRight {
	display: block;
}

/* GENERIC TAGS */
html, body {
    padding: 0;
    letter-spacing:1px;
}

h1, h2 {
	font-size:18px;
	position: relative;
}

h2 {font-size:18px;}

td {font-size:12px;}

/* HEADER */

.headerContent, 
#menuElements, 
.alertsContainer,
.mainContent,
.smartHabitsContent, 
.ftrLinks,
.footerWrapper {
	width: 100%;
}

.hdrMenu,
.alert,
.breadcrumbContainer {
	width: 90%;
}

ul.breadcrumbs {
	margin-bottom: 10px;
	margin-top: 5px;
}

ul.breadcrumbs li {
	font-size: 10px;
}

.headerWrapper { height: auto; }

.headerContent { height: 100%;}

.hdrQuickLinks {
	height: auto;
	line-height: normal;
	margin-bottom: 0;
	padding-bottom: 10px;
	position:static;
	right: auto;
	text-align: center;
	top: auto;
	width: auto;
}

.hdrQuickLinks.hdrMobileLoginUser {
	padding: 0;
	padding-bottom: 3px;
	padding-top: 2px;
}

.hdrLoginLinks {
    display: inline-block;
    float: none;
}

.hdrQuickLinks .hdrLoginLinks a, 
.hdrQuickLinks a {
	display: inline-block;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 0;
}

.hdrQuickLinks .hdrLoginLinks, 
.hdrQuickLinks a {
	float: none;
	white-space: nowrap;
}

.hdrQuickLinks .hdrLoginLinks a:after {
	content: normal;
}

.hdrQuickLinks, .hdrQuickLinks a, 
.hdrQuickLinks .hdrLoginUser {
  float: none;
}

.hdrQuickLinks .hdrLoginLinks a.hdrLoginUser {
	display: block;
	height: auto;
	line-height: auto;
	margin-top: 5px;
	padding: 0;
}

.hdrMobileItems {
	height: 50px;
	position: relative;
}

.mobileLogo {
	left: 5%;
	position: absolute;
	top: 5px;
}

.mobileLogo img {
	width: 165px;
}
.mobileSearchButton
{
	background-size: 22px 22px;
	height: 22px;
	right: 20%;
	position: absolute;
	top: 6px;
	width: 22px;
	background: transparent no-repeat;
}

.mobileSearchButton img
{
	height: 22px;
	width: 22px;
}

.mobileMenuButton {
	background: transparent no-repeat;
	height: 19px;
	position: absolute;
	right: 5%;
	top: 9px;
	width: 29px;
}

.mobileMenuButton img {
	height: 19px;
	width: 29px;
}

#mobileSearch {
	background-color: #f3f3f3;
	border-bottom: 1px solid #c3c3c3;
	padding: 10px 5% 30px 5%;
	position: absolute;
	top:100%;
	width:90%;
	z-index:999;
}

#mobileSearch > .txtSearch {
	border: none;
	color: #E26C24;
	padding: 10px 10% 10px 5%;
	width: 85%;
}
#mobileSearch > input[type=image] {
	float: right;
	margin: -26px 8px 0 0;
	position: relative;
}

#menuWrapper {
  top: auto;
}

#menuElements {
	background: #f3f4f4;
	border-bottom: 1px solid #c3c3c3;
  	height: auto;
	margin-top:0;
	padding: 30px 0 50px;
	position: absolute;
	display:none;
	z-index:999;
}

ul#menuTabs {
	float: none;
	margin: 0;
}

#menuTabs li {
	border-bottom: #fbfbfb 1px solid;
	float: none;
}
#menuTabs li a{ font-weight: normal;}

.megaMenu { display: none !important; }

/* FOOTER */


.footerWrapper  
{
 	min-height: 0;
    padding: 0;
}

.footerHelp { 
	margin-bottom: 0;
	margin-top: -35px;
}
	
.footerHelp label {
    background-image: url(/Resources/images/mobile/FooterHelp_Mobile.png);	
  	background-size:  151px 134px;
	padding-left: 20px;
	padding-top: 45px;
	right: 20px;	
	width: 133px;
}

.footerSocialNetwork {
  padding-bottom: 30px;
  padding-top: 10px;
}

.footerSocialNetwork .ftrSocialLinks a.ftrTwitter {
  background-image: url(/Resources/images/mobile/FooterTwitter_Mobile.png);
  background-position: center 12px;
  background-size: 31px 23px;
}

.footerSocialNetwork .ftrSocialLinks a.ftrFlickr {
  background-image: url(/Resources/images/mobile/FooterFlickr_Mobile.png);
  background-position: center 22px;
  background-size: 19px 9px;
}

.footerSocialNetwork .ftrSocialLinks a.ftrYouTube {
  background-image: url(/Resources/images/mobile/FooterYouTube_Mobile.png);
  background-position: center 18px;
  background-size: 26px 18px;
}

.footerSocialNetwork .ftrSocialLinks {
	width: 100px;
}

.ftrLinks .ftrNBPInfo, 
.ftrLinks .ftrLinksCol {
  margin-top: 55px;
}

#ftrLogo img {
	width:129px;
}

.ftrOutages {
    background: url(/Resources/images/mobile/outages.png) no-repeat left center;
	background-size: 18px 25px;
    font-weight:bold;
    margin: 25px 0;
    padding:10px 0 10px 25px;
    position: relative;
    text-transform: uppercase;
}

.ftrLinks .ftrNBPInfo,
.ftrLinks .ftrLinksCol {
	float: none;
	padding-left: 50px;
	padding-right: 20px;
	width: auto;
}

.ftrLinks .ftrLinksCol {
	margin-top: 30px;
}

/* WELCOME */
#myCarousel{ width: 100%;}
.carousel-caption {display:none; /*top:0;*/}
.carousel-indicators {
    bottom: auto;
    left: auto;
    right: 5%;
    top: 10px;
    width: auto;
}
.carousel-indicators li, .carousel-indicators .active {
    height:15px;
    width:15px;
}

.homeCarousel img {
	height: auto;
	width: 100%;
}

.homeCarousel > h1 {
	color: #000;
	font-size:28px;
	font-weight: normal;
	position: absolute;
	text-transform:none;
	top:20px;
}

.homeOutagesStatus {top: 200px;}
.homeOutagesStatus .homeOutagesTab {
    min-height: 0;
    padding: 10px 0;
}

.homeOutagesStatus a.homeOutagesTitle {
    background-color: #e26c24;
	background-image: url(/Resources/images/mobile/HomeOutagesMap_Mobile.png);   
	background-position: 95% center;
	background-size: 12px 18px;
    border-top: 2px solid #10212A;
    padding-right:0;
    width: 100%;
}
	
.homeOutagesStatus .homeOutagesTab.homeOutagesTabActive:after {display: none;}
#accountSummary, #outages {
    background:rgba(0, 0, 0, 0.5) url(/Resources/images/mobile/accSummary.png) no-repeat center 20px;
	background-size: 23px 23px;
    cursor: pointer;
	display: table-cell;
    padding-bottom: 20px;
    text-align: center;
    text-transform: uppercase;
    width: 49%;
}

.welcomePage .greyContainer {
	margin-bottom: -40px;
	padding-bottom: 0;
}

#accountSummary a,
#outages a {
	font-size:12px;
	font-weight: bold;
	color: #fff
}

#outages {
    background:rgba(0, 0, 0, 0.5) url(/Resources/images/mobile/reportOutages.png) no-repeat center 20px;
	background-size: 21px 22px;
    width: 49%;
}

.outagesLinks > a {
	background:url(/Resources/images/reportOutage.png) center 15px no-repeat;
}

.outagesLinks > a:first-child {background:url(/Resources/images/currentOutages.png) center 15px no-repeat;}

.verticalLine {
    background:rgba(0, 0, 0, 0.5) url(/Resources/images/mobile/verticalLine.png) repeat-y center top;
    display: table-cell;
    padding-bottom: 20px;
}

.homePromotionLong .level1Navigation {position: relative;}
.homePromotion1 {
    background-position: center;
    background-repeat: no-repeat;
    height:200px;
	overflow: hidden;
    position: relative;
    width: 100%;
}
.homePromotionLong {
    background: #10212A;
    border-bottom: #fff 2px solid;
}
.homePromotionsShort {
    float: none;
	overflow: hidden;
    padding: 0;
    width: 100%;    
}
.homePromotionsShort img {
    display: block;
    margin: 0;
	width: 100%;
}
.homePromoShort {
	margin-bottom:0;
	padding-bottom:20px;
	width: auto;
}

.blueBox > div, .orangeBox > div {
	font-weight: bold;	
    padding: 20px 0;
	position: relative;
}
.blueBox {background: #7cbcd2;}
.orangeBox {background: #e26c24;}
.blueBox .title, .orangeBox .title {
    background: inherit;
    border: none;
    color: #fff;
    font-size:16px;
    font-weight:bold;
    text-transform: uppercase;
}

.greyContainer {
  margin-bottom: 0;
}

.homeMedia {
	float: none;
	margin: 0;
	width: inherit;
}
#homeBlog {padding-top: 20px;}
.homeMediaInfo {
    float: none;
    position: relative;
    /*padding: 20px 0 20px;*/
}
.homeMediaInfo h2 {
	left: 0 !important;
	width: 100% !important;
}
.homeMediaInfo{padding-bottom:0 !important;}
.homeMediaInfo .date {margin-bottom:5px;}
#homeNews { padding-bottom:20px !important;}

.ftrSocialNetwork {
    padding: 0 0 40px;
    text-align: center;
}
.ftrSocialNetwork .ftrSocialLinks, .ftrSocialNetwork .ftrTwitter { 
    display: inline-block;
    float: none;
    vertical-align:top;
    width: 100px;
}
.ftrSocialNetwork .ftrTwitter a {
    left:0;
    width: 100%;
}

/* ACCOUNT SUMMARY */
.accountBillingAccountInfo, .accountBillingRight {
    float: none;
    margin-left:0;
    max-width: 100%;
    position: relative;
    width: auto;
}

.accountBillingAccountInfo { margin-bottom: 30px; }

.accountBillingRight .billingDetails, 
.accountBillingRight.viewBill .billingDetails {
    display: block;
    float: none;
    line-height:15px;
    margin: 0;
    vertical-align: top;
    width: auto;
}

.accountBillingRight .billingDetails.lastPaymentAmount {
	margin-bottom: 30px;
}

.accountBillingRight.viewBill .billingDetails.meter{
	width: auto;
}

.accountBillingRight .billingDetails.currentBalance, 
.accountBillingRight .billingDetails.dueDate {
	margin-bottom:30px;
}

.accountBillingRight .billingDetails.currentBalance .value {
	font-size:36px;
	line-height: 30px;
}

.accountBillingRight .billingDetails .value {
	font-weight:bold;
	padding-bottom:10px;
}

.accountBillingRight .accountBillingDetails{ 
	padding: 20px 0 20px;
}

.accountBillingRight .billingLinksContainer {
    background: #f3f3f3;
	border-top: #E26C24 1px solid;
    height:auto;
    margin: 30px 0 0 0;
    padding:30px 0;
	width: 100%;
}

.accountBillingRight .paymentOptionsColumn {
	width: 50%;
}

.accountBillingRight .threeLinks .billingLink {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	padding-left: 10%;
	width: 80%;
}

.accountBillingRight a.paymentOptionsLink {
  font-size: 12px;
  height: 90px;
}

.accountBillingRight .threeLinks .billingLink:first-child {
	margin: auto;
}

.accountBillingRight .billingLink a {
    float: none;
    font-weight: bold;
    height: auto;
    line-height:1;
    padding: 15px 0 15px 60px;
    width: auto;
}

.accountBillingRight .payBill > span{ background-image: url(/Resources/images/mobile/currency.png);}
.accountBillingRight .viewBill > span{ background-image: url(/Resources/images/mobile/eye.png);}
.accountBillingRight .reportPayment > span{ background-image: url(/Resources/images/mobile/check.png);}

.ipRunningTotal {
	width:auto;
}
div.noMobileTableHeader>table>thead,
table.noMobileTableHeader th{ display: none;}

th.mobileOnlyHeader{ display: table-cell; }

[id$='div_OneTimeFromAccount'].required .value select  { width: 88%; }
[id$='div_RecurringFromAccount'].required .value select  { width: 88%; }

[id$='div_RecurringAmount'].required .value .formButton .formButton { width: 73%; vertical-align:top; }
[id$='div_RecurringAmount'].required .value .formButton .upDownInput.controlOnRight { width: 25%; }

[id$='div_NewAccount'] .localizedRadioButton { width: 100%; }
[id$='div_AmountUpTo'] .value .localizedRadioButton { width: 75%; }
[id$='div_AmountUpTo'] .upDownInput { float: right; }

/* Side-scrolling divs and indicators */
div.scroll {
	overflow: auto;
	position:relative;
}

div.scroll > div.scrollIndicator {
	display: block;
	position: absolute;
	top: 10px;
	left:auto;
	right:10px;
	padding: 10px;
	color: #fff;
	background: #415b6c;
}

div.stackedColumnTable tr,
table.stackedColumnTable tr {
	display: table;
	width: 100%;
}

div.stackedColumnTable td,
table.stackedColumnTable td {
	display: table-cell;
	padding: 10px 20px;
}

td.pdfButton, 
.RadGrid .rgRow td.pdfButton {
  padding-right: 20px;
}

.outagesTable { border-top: none;}

/* 
//! Pull-down functionality is being removed. Clean this up.
div.stackedColumnTable > table > tbody > tr:last-child {
	border-bottom: #e4f1f6 10px solid;
}
div.stackedColumnTable > table > {
	background-image: url(/Resources/images/mobile/arrowDown.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	padding-bottom:30px;
}*/

/*
#ctl00_contentPlaceHolder_ucBillingPaymentHistory_radGridBillingPayment_ctl00 tr > td{ padding: 0;}
#ctl00_contentPlaceHolder_ucBillingPaymentHistory_radGridBillingPayment_ctl00 tr > td:nth-of-type(2) {
	display: table-header-group;
	font-weight:bold;
}
*/
.pdfButton{ vertical-align: bottom;}
tr.odd td { background: none;}
tr {
	background: #f7f7f7;
	width: 100%;
}
tr.odd{ background: #ffffff;}

.paymentOptionsHeader > a > .title {
	display: block;
	font-size:14px;
	padding: 8px 0;
	text-transform: uppercase;
}
.paymentOptionsHeader > a > .content {
	background: #efefef;
	border-top: #fff 2px solid;
	display: block;
	font-size:14px;
	font-weight: bold;
	padding: 70px 0px 25px;
	text-transform: uppercase;
}
.accountBillingRight .paymentOptionsHeader a, .accountBillingRight .paymentOptionsHeader a:first-child, .accountBillingRight .paymentOptionsHeader a:last-child {
	border: none;
	display: inline-block;
	float: none;
	height: auto;
	line-height:1;
	vertical-align:top;
	width: 49%;
}
.accountBillingRight .paymentOptionsHeader a:nth-of-type(1n+0) { margin-right: 1%;}

.accountBillingAccountInfo .GreyContainer.bigContainer, 
.accountBillingAccountInfo .BlueContainer.bigContainer {
	color: #96999c;
	padding:40px 20px;
}

.accountBillingAccountInfo .accountName{
	font-family: Helvetica,"Helvetica Neue", Roboto, Arial, sans-serif;
}

.accountBillingAccountInfo .accountAddress{ color: inherit;}
.accountBillingAccountInfo .accountNumber{font-size:16px;}
.GreyContainer a {
	color: #10212A;
	font-weight:bold;
	padding: 10px 0 10px 40px;
	text-transform: uppercase;
}

.profileRegistrationCompletion{
	font-size: 17px;
}

#ctl00_contentPlaceHolder_lnkManageEmployees{background:url(/Resources/images/mobile/key.png) no-repeat left center;}
#ctl00_contentPlaceHolder_lnkEditProfile{background:url(/Resources/images/mobile/man.png) no-repeat left center;}

.accountBillingRight .detailsButton {
    left: 5% !important;
	text-align: center;
	margin-bottom:20px;
	position: relative;
    width: 90% !important;
}

/* View Account Statement */

img.sampleAccountStatementImage {
	width: 100%;
}

/* Only display current step in mobile/tablet at full width */
#wizard, .wizardStep,
#wizard.fourSteps .wizardStep,
.wizard.fourSteps .wizardStep,
.wizard.fiveSteps .wizardStep,
.wizard.sixSteps .wizardStep,
.wizard.sevenSteps .wizardStep,
.wizard.eightSteps .wizardStep,
.wizard.nineSteps .wizardStep
{ width: 100%;}

.wizardStep{ display: none;}
.wizardStep.currentStep {display:inline-block;}
.stepTitle > span > span{ text-transform:none;}

#wizardHeader{height:74px;}
#wizardContent .value{ width: auto;}
.wizardButtonContainer {
	padding: 0;
	width: 100%;
}
.wizardButtonContainer.twoLinks > input {
	background: #E26C24;
	border: none;
	color: #fff;
}
#wizardContent .label, #wizardContent .value{ float: none;}

#wizardContent, .wizardContent { padding: 30px 5%; }

.wizardStep.currentStep { background: #425C6B !important; }


[id$='fsConfirmation'] table td { display: block; }
[id$='ddlServiceAddress'] { width: 100%; }

#fieldset .nestedFields { margin-left: 0;}

.wizardContent fieldset[id$='fsConfirmation'] td { width: 90%; }
.wizardContent fieldset[id$='fsConfirmation'] td table td { display:inline-block; }

[id$=mvwWizard_upnlWizard]
{
	min-width: 320px;
}

[id$=mvwWizard_upnlWizard] th
{
	font-size: 9px;
	padding: 10px 2px;
}


/* OUTAGES */
.stormHeader > div {
	display: table-cell;
	padding: 10px 10%;
	width: 30%;
}
.stormHeader > div > div {height:60px;}
.stormHeader > div.stormModeAlert {
	background: #e4f1f6;
	display: block;
	float: none;
	padding: 10px 8%;
	width: auto;
}
.stormHeader > div.stormModeAlert > p{font-size:13px;}
.tabsWrapper {
	background: #fff;
	padding: 0;
	min-height: 0;/*Fix huge gap among tabs*/
}
.checkOutages {
	background: #E4F1F6;
	left: 0;
	padding: 10px 0;
	position: relative;
	top:0;
	width: 100%;
}
.outagesLinks {
	margin: 0;
	position: relative;
}
.tabs {
	margin: 0;
	padding: 0;
	right:0;
	width: 100%;
}
.tabs.mapOn {
	margin-left: 0%;
}
.tabsWrapper .tabInactive{ display: inherit;}
#divTabContentTable{ padding: 0;}
#divTabContentTable .notes {
	font-size: 12px;
	padding: 0 25px;
}
.msgCustomers {
	background: #fff;
	display: block;
	padding: 0;
	position: relative;
	width: auto;
}
.msgCustomers h2 {
	left:0 !important;
	width: 100% !important;
}
.emergencyContact {
	background: inherit;
	color: inherit;
	margin: 0;
}
.emergencyContact .col1of3 {
	display: block;
	margin:0 0 15px;
	width: 100%;
}

.tweets{ display: block;}
.stormGallery {
	background: inherit;
	display: block;
	padding: 0;
}

/* ONLINE PROFILE */
.profileRow{ background: #F3F3F3;   margin-bottom: 10px;  padding-bottom: 20px; }
.profileLeftCol, .profileRightCol {
	border: 0;
	display: block;
	padding: 10px 0;
	position: relative;
	width: 100%;
}

.deleteProfile {
	margin-left: -5%;
	padding: 30px 5%;
	width: 100%;
}

div#form_buttonImage a.securityhelp{ float: none;}
div#form_buttonImage a.securityhelp:hover span {display: none;width: auto;}

/*** Web Login Page ***/

.webLoginForm {
	width: 100%;
}

/* DEFAULT PAGE */
.defaultPage {
	width: 100%;
}
#imgSplash{ width: 100%;}

/* PAYMENT ARRENGEMENT */
.paymentTable td input{width: 150px;}


/* SHARED MARGINS */
.mobileMargin{ position: relative;}
.mobileMargin, 
h1, 
h2, 
.carousel-caption, 
.homeOutagesStatus, 
.homePromotionLong .level1Navigation, 
.homePromotionLong.textLeft .level1Navigation, 
/*.homeMediaInfo, */
.footerContent .ftrLinks .ftrLinksCol, 
.blueBox > div, 
.orangeBox > div,
.tab_border > input,
.findOutages,
.outagesLinks,
.msgCustomers,
#outageInfo,
.navigationLevel2,
.navigationLevel3,
.profileLeftCol, 
.sidebar,
#paperlessControls {
    left: 5% !important;
    width: 90% !important;
}

.homeMediaInfo {
	width: 90% !important;
}

.fullWidthCancelMobileMargin {
	margin-left:-5%;
	width: 110%;
}

.mobileMargin h1, 
.ui-dialog h2, 
.mobileMargin h2 {
	left:0 !important;
	width: auto !important;
}

.ui-dialog, .ui-dialog.paperlessPromoteDialog {
	left: 0 !important;
	padding: 40px 5%;
	width: 90% !important;
}

#wizard .validationSummary, 
.wizard .validationSummary {
	margin-left: -3%;
	width: 106%;	
}
.carousel-caption, 
#accountSummary, 
#outages, 
.verticalLine, 
.homePromotionLong.homePromotion1 .level1Navigation, 
.accountBillingDetails {padding: 60px 0 20px;}

.accountBillingRight .billingPaymentOptions { padding-bottom: 0; }

#divddlStatements {
	position: relative;
	left: 5% !important;
	width: 90% !important;
	margin: 0px 0 20px 0;
	/*
	For everything on ONE line:

	    background-position: right top;
	*/
}

#lblStatementsMobile{
	/*width: 83%;
	display: none;
	padding: 10px 10px 11px;
		*/
	display:inline !important;
	font-weight: bold
}

.divLblStatements {
	padding-top: 30px;
}

#lblStatements {
	padding: 1px 0 1px !important;
}

#ddlStatements {
	/*
		This changes the position of the 'fake' dropdown arrow!
	*/
	background-position: right 40px;
	/*
		For everything on ONE line:

		width: 62%;
		padding-right: 0;
		margin-left: -4px;
		font-size: 15px !important;
	*/
}

.formsBG {
	padding: 20px 5%;
}
.formsBG h1, .formsBG h2{
    left: inherit !important;
    width: inherit !important;
}
.smallContent{ width: auto;}
.smallContent.registration{ width: 100%;}


h1.smallContent {
	margin-left:0;
	margin-right:0;
	width: auto;
}

.splitCellTroubleOuter {
	background: #ebebeb;
	margin-left: 0px;
	padding-left: 40px;
	margin-right: 0px;
	padding-right: 40px;
	padding-top:20px;
}

.noMargin{ 
	left:0;
	width: 100%;
}

.noMobile{ display: none !important;}
/*.footerContent .ftrLinks .ftrNBPInfo.noMobile, .footerContent .ftrLinks .ftrLinksCol.noMobile, .footerContent .ftrLinks .ftrLinksCol a.noMobile, */
#ctl00_contentPlaceHolder_ucBillingPaymentHistory_radGridBillingPayment_ctl00 tr > td:nth-of-type(3), 
#ctl00_contentPlaceHolder_ucBillingPaymentHistory_radGridBillingPayment_ctl00 tr > td:nth-of-type(4), 
#ctl00_contentPlaceHolder_ucBillingPaymentHistory_radGridBillingPayment_ctl00 tr > td:nth-of-type(5) { display: none;}

.floatedRight{ float: right;}

/*//! .oneLink a : anchors overflow : set to 60% instead, */
.oneLink input, .oneLink button { width: 100%; }
/*.oneLink, .twoLinks, .threeLinks, .fourLinks, .fiveLinks{ width:100%; }*/
.wizard td button, .wizard td input[type="button"], .wizard td input[type="submit"], .wizard td input[type="reset"]{ padding: 10px 0;}
.wizard td .oneLink button, .wizard td .oneLink input[type="button"], .wizard td .oneLink input[type="submit"], .wizard td .oneLink input[type="reset"]{ padding: 10px 60px;}

label.gigya-composite-control[class*="button-"],
body .gigya-screen-dialog div.gigya-screen-dialog-main .gigya-screen-dialog-inner .gigya-screen .gigya-composite-control-submit > input,
body .gigya-screen-dialog div.gigya-screen-dialog-main .gigya-screen-dialog-inner .gigya-screen label[class*="alerts-multi-edit-email-label-"],
.preference-centre section .expandable-content form label[class*="-button"],
.twoLinks a, .twoLinks input, .twoLinks button, 
.threeLinks a, .threeLinks input, .threeLinks button, 
.fourLinks a, .fourLinks input, .fourLinks button, 
.fiveLinks a, .fiveLinks input, .fiveLinks button, .threeLinks input.formButton {
	display: block;
	margin:0 0 6px;
    padding: 10px 0;
    width: 100%;
}

.stack a, .stack input {
	display: block;
	margin-left:0;
	width: 100%;
}

.shortHR {
    background: #fff;
    height:1px;
    margin:0 0 10px;
    width:45px;
}
.tableFullWidth {
	display: table;
	width: 100%;
}
.row{ display: table-row;}
.cell {
	display: table-cell;
	vertical-align:top;
}

/* Use for divs that contain a calendar extender, to override the position: relative applied to fieldset > div */
fieldset > div.calendarContainer
{
	position: static;
}

fieldset > div > div {
	margin-left:0;
	width: 100%;
	min-height: 0;
}

fieldset select.ddldobDay, 
fieldset select.ddldobMonth,
fieldset select.ddldobYear
{
	float:left;
}
fieldset div.error > div > select.ddldobDay
{ 
	width: 26%;
}
fieldset div.error > div > select.ddldobMonth
{ 
	width: 32%;
}
fieldset div.error > div > select.ddldobYear
{ 
	width: 32%;
}

fieldset > div > label, fieldset > div > span{ float: none;}

fieldset.groupOfFields {
	margin: 0 -5% 25px;
	padding: 25px 5% 0;
}

fieldset > div[id$="div_Or"] {
    margin: 0;
	padding-bottom: 25px;
}

/* COLLAPSIBLE PANEL */
.collapsiblePanel 
{
	position: inherit;
	display: block;
}

.accountBillingRight .accountBillingConsumption {
	padding-bottom: 0;
	padding-top: 10px;
}

.cp-header.cp-Desktop {
	font-size:inherit;
	padding:inherit;
}
.cp-header {
	background: #fbfbfb;
	border-top: #eee 1px solid;
	color: #000;
	display: block;
	font-family: Helvetica,"Helvetica Neue", Roboto, Arial, sans-serif;
	font-size:18px;
	padding: 15px 11% 15px 5%;
	position: relative;
}
a.cp-header {
	cursor: pointer;
}
.cp-header h2{
	border: none;
	font-size: inherit;
	left: 0 !important;
	margin: 0;
	padding: 0;
	width: auto !important;
}
.cp-icon {
	display: block;
    background: url(/Resources/images/mobile/cpIcons.png) no-repeat;
    height:16px;
    margin-top:-8px;
    position: absolute;
    right:10px;
    top: 50%;
    width:23px;
}
.cp-icon.cp-Desktop 
{
	margin-top:-8px;
}
.collapsed .cp-icon {background-position:0 -16px;}
.cp-content {
    overflow: hidden;
    padding: 20px 5%;
    width: 90%;
}
.cp-content.noPadding {
	padding: 0;
	width: 100%;
}
.collapsed .cp-content{ display: none;}
.collapsed .cp-icon {background-position:0 -16px;}
.cp-IPItem.cp-icon.cp-Desktop {
	margin-top: -32px;
}

/* LOCALIZED POPUP */
.localizedControlPopupInfo:before, .localizedControlPopupInfo:after {
	display: none;
}

.localizedControlPopupInfo, .formButton .localizedControlPopupInfo {
	background: none;
	border: none;
	color:#9b9ea0;
	font-size:12px;
	left: inherit;
	margin-left:0;
	position: relative;
	top: inherit;
	width: 100% !important;
	bottom: 0;
	padding: 0;
}

/* RECAPTCHA */
.g-recaptcha {
    -ms-transform: scale(0.95); /* IE 9 */
    -webkit-transform: scale(0.95); /* Safari */
    transform: scale(0.95);
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin:0 0
} 
.error .g-recaptcha > div{
    -ms-transform: scale(0.90); /* IE 9 */
    -webkit-transform: scale(0.90); /* Safari */
    transform: scale(0.90);
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin:0 0
}


/* Two colomn layout with content on the left */

.twoColumnContent {
	float: none;
	width: 100%; 
}

.sidebar { /*** In the CMS; maybe apply these to template ***/
	float: none;
	position: relative;
	width: 100%;
}

.twoColumnContent {
	padding-left: 0;
	padding-right: 0;
}


/*** Navigation Level 1, 2, 3  & Side Navigation ***/

.navigationLevel1Content,
.sectionContentBlock,
.sideNavBlock {
	margin-left:5%;
	width:90%;
}

/* Side Navigation */

.sideNavBlock {
	margin-top: 25px;
}

.sideNav { 
	padding-bottom:30px;
}

.sideNav .item.ui-accordion-header {
  background-position: 93% center;
}

/* Level 1 Navigation */

.navigationLevel1 {
	border-bottom: 2px solid #425c6d;
}

.homePromotion2 {
	background-image: none;
}

.navigationLevel1,
.promoImage {
  background-color: #10212a;
  min-height: 500px;
  position: relative;
}

.navigationLevel1 .navSection,
.promoImage .promoImageText {
  height: 280px;
  padding-left: 0;
  padding-right: 0;
  padding-top: 40px;
}

.navigationLevel1 .navSection {
  margin-left: 0;
  width: 100%;
}

.navigationLevel1 .navImage,
.promoImage .navImage {
 	display: block;
	float: none;
	left: auto;
	margin-left: auto;
	margin-right: auto;
	max-height: 150px;
	max-width: 90%;
	min-width: 0;
  	position: relative;
  	top: 320px;
  	left: 0;
}

.navigationLevel1.flickr.item .navImage,
.navigationLevel1 .carousel.youtube .navImage {
	max-height: none;
	max-width: none;
	top: auto;
} 

.promoImage .promoLongImage {
	display: none;
}

.promoImageLinks {
  top: 345px;
  width: 90%;
  margin-left: 5%;
}

.promoImageLinks a {
	display: block;
	margin-bottom: 15px;
	margin-left: 0;
	width: 100%;
}

.promoImage .promoImageText {
  margin-left: 5%;
  width: 90%;
}

.promoImage.textRight .promoImageText {
  right: auto;
  top: 0;
}

/* Level 2 Navigation */

.navigationLevel2 .navImage,
.navigationLevel2 a.navHeadLink,
.navigationLevel2 span.lev2NavHead,
.navigationLevel2 a.lev2NavButton,
.navButton { 
	display: none;
}

.navigationLevel2 {
	margin-left: 5%;
	padding: 0;
	width: 90%;
}

.navigationLevel2 .navImageMobile  {
	border-radius: 100%;
	display: block;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
}

.navigationLevel2 .navSection {
	float: none;
	margin-bottom: 0;
	margin-right: 0;
	padding-bottom: 0;
	padding-top: 25px;
	width: 100%;
}

.mainContentNav.navigationLevel2 .navSection {
	width: 100%;
}

.navigationLevel2 .navSection .navSectionText {
	min-height: auto;
	text-align: center;
}

.navigationLevel2 .navSection .navSectionText {
	min-height: 0;
}

.navigationLevel2 .navHeader {font-size: 20px;}

/* Level 3 Navigation */

.navigationLevel3 {
	margin-left: 5%;
	padding: 0;
	padding-top: 40px;
	width: 90%;
}

.navigationLevel3 hr.shortHR {
	margin-bottom: 20px;
}

.navigationLevel3 .navSection {
  height: auto;
  margin-bottom: 30px;
  margin-right: 0;
  width: auto;
}


/* Smart Habits */

.smartHabits .navigationLevel1 {
  min-height: 440px;
  position: relative;
}

.smartHabits .mediumBlue .navigationLevel1 {
    background-color: #526199;
}

.smartHabits .lightBlue .navigationLevel1 {
    background-color: #7cbcd2;
}

.smartHabits .navigationLevel1 .navSection {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

.smartHabits .navigationLevel1 .navImage {
  bottom: 30px;
  max-width: 100%;
  min-width: 100%;
  position: absolute;
  top: auto;
}

.smartHabits .promoImage {
	background-color: transparent;
	min-height: 380px;
}

.smartHabits .promoImage .promoImageLinks {
	bottom: 30px;
  	left: auto;
	margin-left: 0;
  	right: auto;
  	top: auto;
  	width: 100%;
}

.smartHabits .rightCol {
  float: none;
  margin-bottom: 40px;
  margin-left: 5%;
  width: 90%;
}

a.sideNavLink {
    box-sizing: border-box;
	width: auto;
}

.smartHabits h1 {
	left: 0 !important;
}

.smartHabits .navigationLevel2 {
  margin-left: 0 !important;
  margin-right: 0;
  padding: 0;
  padding-top: 30px;
  position: static;
  width: 100% !important;
}

.smartHabits .navLevel2MainImg {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}

.smartHabits .navigationLevel2 .navImage {
  display: block;
  float: none;
  margin-left: auto;
  margin-right: auto;
  width: 127px;
}

.smartHabits .navigationLevel1 .navSection,
.smartHabits .promoImage .promoImageText {
  height: auto;
}

.smartHabits .navigationLevel2 .navSection {
  margin-left: 5%;
  margin-right: auto;
  padding-bottom: 20px;
  width: 90%;
}

.smartHabits .navigationLevel2 .navSection .navSectionText {
  min-height: auto;
  padding-top: 15px;
}

.smartHabitsSlogan {
	height:280px;
	overflow: hidden;
	position: relative;
}

.smartHabitsSloganImg,
.smartHabitsSloganText {
  float: none;
  position: absolute;
}

.smartHabitsSloganImg {
	right: 0;
	top: 20px;
}

.smartHabitsSloganText {
	padding: 0;
	left: 5%;
	top: 20px;
	width: 200px;
}

.smartHabitsSloganText,
.smartHabitsSloganText p {
	font-size: 18px;
}

/* Accordion */

.smartHabits .accordion {
	width: 100%;
}

.accordion .informationSection .icon,
.accordion .informationSection .informationList {
	box-sizing: border-box;
	display: inline-block;
	width: 100%;
}

.accordion .informationSection .icon {
	background-position: center 20px;
	padding-bottom: 20px;
	padding-top: 50px;
}

.accordion .informationSection .informationList {
  	padding-left: 5px;
}

.section.fullWidth .sectionContentBlock {
	margin-left: 0;
	width: 100%;
}

/*PopUp fix*/
.localizedControlPopupMain {	
	padding: 5px;
}

/*SignUp left and right sections*/
.leftCol > div,
.rightCol > h3,
.rightCol > ul {
	padding: 5%;
}

/*signup stacked containers*/
#signUp .leftCol.td,
#signUp .rightCol.td {
	display: inherit;
}

/*//! Review if doesn't collide with other rules */
.oneLink a {  width: 60%; }

/*ReportOutage options*/
.reportOutageOptionsContainer  .localizedRadioButton:first-child {
	margin-top: 10px;
}

/*Outage Confirmation*/
.confirmationSectionHeader
{
	padding-bottom: 0;
	margin-bottom: 25px;
}

.confirmationDataRow
{
	margin: 0 0 0 10px;
}

table.wizardConfirmation td,
table.wizardConfirmation td.label,
div.wizardContent table.innerTable td.label
{
	padding-left: 10px;
}

div.wizardContent table.innerTable
{
	padding-left: 10px;
}

div.wizardContent table.innerTable.errorBorder td.label
{
	padding: 0 0 5px 10px;
}

div.wizardContent table.innerTable.errorBorder
{
	padding: 10px 10px 0 0;
	width: 100%;
}

/*google custom search in Answers.aspx*/
td.gcsc-branding-text {
	width:53%!important;	
}

.searchResultsGoogle .gsc-results .gsc-cursor-box .gsc-cursor-page {
	margin-right: 20px;
}

.searchResultsGoogle .gsc-results .gsc-cursor {
	float:left;
}

.searchResultsSingleAnswer, .searchResultsMultipleAnswers {
	padding: 0 20px 10px;
}

.searchResultsResultsBox .searchResultsAnswerBox {
	margin-bottom: 10px;
}

.gsc-result-info-container {
	padding: 0!important;
}
.gsc-control-cse .gsc-option-selector { right: -1px!important; }

/*Customer Service search bar: TODO: Refactor markup and remove absolute position of "Top 10" text */
/*Workaround in the meantime*/
.searchResultsSearchBox {
	padding: 20px 5px 20px 15px;
}
.searchResultsSearchInput.searchInput {
	width: 260px;
	padding-left: 5px;
}
.searchResultsSearchInput.searchInput input[type="text"] {
  width: 230px;
  font-size: 12px;
  font-weight: normal;
}
.searchResultsSearchInput.searchInput > a {
  left: 15px;
  top: 55px;
}

.RadUpload .ruFileWrap {
  width: 61%;
}
.RadUpload .ruFakeInput,
.RadUpload .ruUploadProgress,
.RadUpload .ruUploadFailure {  
	width: 100%;
}

.ruInputs .fileSizeError {
  width: 95%;
}


/* Content images with overlays */

.imageHeader {
	background-color: #e4f2f5;
	background-position: center 20px;
	background-size: 84% auto;
	height: auto;
	padding-bottom: 0;
	padding-left: 8%;
	padding-right: 8%;
	padding-top: 45%;
	width: 84%;
}

.imageHeaderOverlay {
 	 background-color: transparent;
	color: #415b6c;
	font-size: 16px;
	padding-bottom: 20px;
  	position: static;
}

.imageHeader img {
	margin-bottom: 20px;
	width: 100%;
}

.imageHeader p {
	color: #415b6c;
	font-size: 16px;
	padding: 0;
}

#interiorMainContentColumn .imageHeader p:last-child {
	margin-bottom: 0 !important;
}

a.help:hover span {
	display: none;
}

/* Carousel Flickr/YouTube */
.carousel .flickr.item,
.carousel .youtube.item {
	height: 100% !important;
}

.carousel.slide.flickr {
	margin: 0px !important;
}

.carousel-inner .flickr.item .image, 
.carousel-inner .youtube.item .image 
{
    margin: 0px !important;
    width: 100% !important;
}

.carousel .navigationLevel1 .navSection 
{
    display: none;
    height: 0px;
}

.carousel .navigationLevel1 .navImage {
    min-width: 100% !important;
}

.navigationLevel1.carousel-navigation {
    min-height: 200px !important;
	margin: 0px !important;
}

.carousel-control 
{
    z-index: 1;
    background: White !important;
    width: 34px !important;
}

.carousel-control img {
  margin-top: 115px; 
}

.carousel-indicators.youtube 
{
    display: none !important;
}

.carousel-indicators li {
	margin: 0px 0px 0px 15px !important;
	height: 20px !important;
	width: 20px !important;
}

.stormGallery.noDesktop.noTablet .carousel-indicators.flickr {
	display: none;
}


.gs-result table, .gs-result tbody, .gs-result td, .gs-result tr {
	display: block;
}

td.gsc-table-cell-snippet-close, td.gsc-table-cell-snippet-open {
	word-wrap: break-word;
	overflow-wrap: break-word;
	overflow: hidden;
}

.gsc-table-result td:first-child {
  padding-left: 1px;
}

.newsItem {
	padding-bottom:20px;
}

.calloutSection .oneLink a { 
	padding-left: 0;
	padding-right: 0; 
	width: 100%; 
}

.calloutLarge {
	padding-bottom: 2%;
	padding-top:7%;
}

/* BillPayment - Check */
.oneTimeNumbers {
	position: relative;
	width: 100%;
}
fieldset div.error > div.oneTimeNumbers > span:first-child {width: 70.5%;}
fieldset div.error > div.oneTimeNumbers:before{ width: 9%;}

.helpCheque, 
.helpChequeRecur {
	position: relative;
	margin-left: 0;
	width:210px;
	z-index:100;
}

table[id$=gvAccounts] td { display:inline-block; padding: 10px 6px; }
table[id$=gvAccounts] td:first-child, 
table[id$=gvAccounts] td:last-child { display:block; }
table[id$=gvAccounts] td span.localizedRadioButton { float: left; margin-right: 5px;}


fieldset > div.required.simpleField.error > label::before, /* for SimpleField */
div.required.simpleField.error > label::before {
	width: 9%;
}

.scrollableDialogContent {
	height:250px;
}

.button.block{ display: block;}

fieldset > div.confirmationDataRow > div > span{
	width: auto;
}

/* Increase font-size for inputs to 16px for mobile to avoid iOS zooming in. */
select, 
textarea,
input[type="text"], 
input[type="password"], 
input[type="file"],
input[type="datetime"],
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"]
{ font-size: 16px !important; }

#passwordStrengthIndicator {
	margin-top: 20px;
	width: 100%;
}

#passwordStrengthIndicator.controlOnRight {
	float: none;
	text-align: left;
}

.reportOutagesAccountSelect {
}

fieldset > div.reportOutagesAccountSelect  > div > span {
	max-width: 100%;
	width: auto;
}

.reportOutagesAccountSelect select {
	float: none;
	width: 100%;
}

.outagesSearchResults .labelValuePair {
	display: block;
	padding-bottom: 10px;
}

.outagesSearchResults .labelValuePair > span, 
.outagesSearchResults .labelValuePair > div {
	display: block;
	padding: 0;
}

.txtAdditionalComments {
	height: 120px !important;
}

#ctl00_contentPlaceHolder_mvwWizard_wizard_FinishNavigationTemplateContainerID_btnPrint {
  display: none;
}

#ctl00_contentPlaceHolder_mvwWizard_wizard_ctrlNewService_div_ConstructionTypeLabel,
#ctl00_contentPlaceHolder_mvwWizard_wizard_ctrlNewService_rptAdditionalService_ctl00_div_ConstructionTypeLabel {
  padding-top: 25px;
}


.lblRunningTotal,
#divIPItemsTotalDesk {
	white-space: nowrap;
}

.asrProfileSearchExportTable
{
	font-size: 10pt;
}

#ui-datepicker-div {
	position: fixed !important;
	top: 0px !important;
	left: 0px !important;
	width: 100% !important;
	height: 100% !important;
}

.ui-datepicker table.ui-datepicker-calendar td a {
	font-size: 14px;
	align-content: center;
	text-align: center;
	padding: 0.5em;
}