/*** Global Styles ***/

.left {
	float: left;
}
	
.right {
	float: right;
}

.longWordsText {
	word-break: break-all;
}

.noWrap
{
    white-space: nowrap;
}

/*** Home Page ***/

.homeCarousel {
	height: 477px;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.homeCarouselText,
.homeCarouselImage,
.homeOutagesStatus,
.homeCarouselNavigation {
	position: absolute;
}

.homeCarouselText,
.homeOutagesStatus,
.homeCarouselNavigation {
	z-index: 1;
}

.homeCarouselText {
	color: #10212a;
	font-size: 35px;
	left: 35px;
	line-height: 42px;
	top: 175px;
	width: 700px;
}

.homeCarouselImage {
	z-index: 0;
}

.homeOutagesStatus {
	left: 755px;
	top: 8px;
	width: 246px;
}

.homeOutagesStatus a {
	text-decoration: none;
}

.homeOutagesStatus a.homeOutagesTitle {
	background-color: #e26c24;/**/
	background-image: url(/Resources/images/icons/HomeOutagesMap.png);
	background-position: 205px center;
	background-repeat: no-repeat;
	border-bottom: 2px solid #10212a;
	color: #221e1f;
	display: block;
	font-size: 12px;
	font-family: Helvetica,"Helvetica Neue", Roboto, Arial, sans-serif;
	font-weight: bold;
	letter-spacing: .05em;
	min-height: 25px;
	padding-bottom: 5px;
	padding-right: 35px;
	padding-top: 10px;
	text-align: center;
	text-transform: uppercase;
}

.homeOutagesStatus .homeOutagesTabs {
	background-color: #ffffff;
}

.homeOutagesStatus .homeOutagesTab {
	color: #808080;
	float: left;
	font-size: 12px;
	font-family: Helvetica,"Helvetica Neue", Roboto, Arial, sans-serif;
	font-weight: bold;
	min-height: 26px;
	padding-top: 6px;
	text-align: center;
	text-transform: uppercase;
	width: 50%;
}

.homeOutagesStatus .homeOutagesTab.homeOutagesTabActive {
	color: #e26c24;
	position: relative;
}

.homeOutagesStatus  .homeOutagesTab.homeOutagesTabActive:after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ffffff transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 6px;
    content: " ";
    height: 0;
    left: 50%;
    margin-left: -7px;
    pointer-events: none;
    position: absolute;
    top: 100%;
    width: 0;
}

.homeOutagesStatus a.homeOutagesTab:last-child {
	float: right;
}

.homeOutagesLoginForm {
	background-color: #303d43; /*** Not in pallette; Photoshop colour picker ***/
	border-bottom: 2px solid #10212a;
	padding-bottom: 14px;
	padding-top: 20px;
	text-align: center;
}

.homeOutagesLoginForm input[type="text"], /*** Make a generic style ***/
.homeOutagesLoginForm input[type="password"] {
	background-color: #10212a; 
	border: 0;
	color: #5bd1f6;
	margin-bottom: 13px;
	padding-bottom: 2px;
	padding-top: 2px;
	width: 180px;
}

.homeOutagesLoginForm ::-webkit-input-placeholder { /* WebKit browsers */
    color:    #5bd1f6;
}

.homeOutagesLoginForm :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #5bd1f6;
   opacity:  1;
}

.homeOutagesLoginForm ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #5bd1f6;
   opacity:  1;
}

.homeOutagesLoginForm :-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #5bd1f6;
}

.homeOutagesLoginForm .btnDarkGrey {
	margin-top: 3px;
	margin-bottom: 7px;
	max-width: 200px;
	overflow: hidden;
}

.homeOutagesLoginForgot {
	color: #e26c24;
	font-size: 11px;
	display: block;
}

.homeOutagesLoginForgot:hover {
	color: #ffffff;
}

.homeOutagesLinksBG,
.homeOutagesLinks {
	height: 211px;
	width: 100%;
}

.homeOutagesLinks {
	position: relative;
	z-index: 1;
}

.homeOutagesLinksBG {
	background-color: #10212a;
	filter: alpha(opacity=65);
	opacity: .65;
	position: absolute;
	z-index: 0;
}

.homeOutagesLinks a.homeOutagesLink {
	background-repeat: no-repeat;
	color: #ffffff;
	display: block;
	filter: alpha(opacity=100);
	float: left;
	font-size: 12px;
	font-family: Helvetica,"Helvetica Neue", Roboto, Arial, sans-serif;
	font-weight: bold;
	height: 55px;
	line-height: 16px;
	opacity: 1;
	padding-left: 5px;
	padding-right: 8px;
	padding-top: 50px;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	width: 110px;
}

a.homeOutagesLink.homeOutagesLinkPayment,
a.homeOutagesLink.homeOutagesLinkConsumption {
	border-right: 1px solid #10212a;
}

a.homeOutagesLink.homeOutagesLinkPayment,
a.homeOutagesLink.homeOutagesLinkMoving {
	border-bottom: 1px solid #10212a
}

a.homeOutagesLink.homeOutagesLinkMoving,
a.homeOutagesLink.homeOutagesLinkManage {
	left: 50%;
}

a.homeOutagesLink.homeOutagesLinkConsumption,
a.homeOutagesLink.homeOutagesLinkManage {
	top: 50%;
}

a.homeOutagesLink.homeOutagesLinkPayment {
	background-image: url(/resources/images/icons/HomeOutagesLinkPayment.png);
	background-position: center 20px;
}

a.homeOutagesLink.homeOutagesLinkMoving {
	background-image: url(/resources/images/icons/HomeOutagesLinkMoving.png);
	background-position: center 20px;
}

a.homeOutagesLink.homeOutagesLinkConsumption {
	background-image: url(/resources/images/icons/HomeOutagesLinkConsumption.png);
	background-position: center 20px;
}

a.homeOutagesLink.homeOutagesLinkManage {
	background-image: url(/resources/images/icons/HomeOutagesLinkManage.png);
	background-position: center 20px;
}


/* Carousel */

.homeCarouselNavigation {
    left: 27px;
    line-height: normal;
	list-style: outside none none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 422px;
}

.homeCarouselNavigation li {
    display: inline-block;
    line-height: normal;
    margin: 0 14px 0 0;
    padding: 0;
}

.homeCarousel  .homeCarouselNavigation li a {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #415b6c;
    border-radius: 80px;
    behavior: url(/resources/css/PIE.htc);
    cursor: pointer;
    display: block;
    height: 10px;
    line-height: normal;
    text-indent: -9999px;
    width: 10px;
}

.homeCarousel  .homeCarouselNavigation li a.flex-active {
	background: none repeat scroll 0 0 #415b6c;
}

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

.homePromotionsShort {
	float: left;
	padding-left: 155px;
    padding-top: 60px;
    width: 350px;
}

.homePromoShort {
	margin-bottom: 45px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 20px;
	/*width: 285px;*/
}

.homePromoShort:last-child {
	margin-bottom: 0;
}

.homePromoShort .title,
.homePromoShort .title a {
	color: #ffffff;
	font-size: 15px;
	font-weight: 600;
	padding-bottom: 5px;
	text-transform: uppercase;
	text-decoration: none;
}

.homePromoShort hr.shortHR {
	margin-bottom: 10px;
}

.homePromoShort .subTitle,
.homePromoShort .subTitle a {
	color: #10212a;
	font-size: 17px;
	font-weight: 600;
	line-height: 22px;
	padding-bottom: 15px;
}

.homePromoShort img {
	display: block;
	margin-left: -15px;
	width: 350px;
}

.homePromoShort1 { 
	background-color: #7cbcd2;
}

.homePromoShort2 { 
	background-color: #e26c24;
}

#homeBlog {
	padding-top: 55px;
}

.homeMedia {
	float: right;
	margin-right: 165px;
	padding-bottom: 20px;
	width: 385px;

}

.homeMediaInfo h1 {
	color: #10212a;
	font-size: 24px;
	border-bottom: 1px solid #e26c24;
	margin-bottom: 20px;
	padding-bottom: 10px;
}

.homeMediaInfo img {
	float: left;
	height: 130px;
	margin-right: 15px;
	margin-bottom: 15px;
	width: 90px;
}

.homeMediaInfo h2 {
	margin-bottom: 15px;
}/**/

.homeMediaInfo h3,
.homeMediaInfo h3 a
 {
	border-bottom: none;
	color: #e26c24;
	padding-bottom: 0;
}

.homeMediaInfo .date {
	color: #989a9d;
	padding-bottom: 10px;
}

.homeMediaInfo p { /*** Maybe generic <p> tag ***/
	line-height: 18px;
}

.greyContainer {
	background: #F7F7F7;
}

.newsItem .date {
	color: #989a9d;
	font-size: 12px;
}


/*** Accounts & Billing Pages ***/

.accountBillingAccountInfo, 
.accountBillingRight {
    font-size: 13px;
    float: left;
}

.accountBillingRight h2 {
	margin-bottom: 2px;
}

.accountBillingAccountInfo {
	width: 262px;
}

.profileRegistrationCompletion{
	margin-left: 68px;
	font-size: 24px;
}

.accountBillingRight {
	margin-left: 68px;
	width: 760px;
}

.accountBillingAccountInfo .accountToggle select {
    width: 100%;
}

.accountBillingAccountInfo hr { 
	margin: 0;
	margin-bottom: 10px;
    margin-top: 15px;
	padding: 0;
	text-align: left;
}

.accountBillingAccountInfo .accountName {
	font-family: Helvetica,"Helvetica Neue", Roboto, Arial, sans-serif;
    color: #10212a;
    font-size: 27px;
    line-height: 30px;
    max-width: 60%; 
}

.accountBillingAccountInfo .accountLabel,
.accountBillingAccountInfo .accountValue { 
	font-size: 14px;
}

.accountBillingAccountInfo .accountLabel { 
	color: #989a9d;
	margin-bottom: 20px;
}

.accountBillingAccountInfo .accountValue {
    color: #e26c24;
}

.accountBillingAccountInfo a.accountEditProfile,
.accountBillingAccountInfo a.accountManageEmployees {
    background-repeat: no-repeat;
	display: block;
	font-size: 12px;
	font-family: Helvetica,"Helvetica Neue", Roboto, Arial, sans-serif;
	font-weight: bold;
	padding-left: 30px;
}

.accountBillingAccountInfo a.accountManageEmployees {
	background-image: url(/Resources/images/icons/AccountIconEmployee.png);
	background-position: 20px 10px;
}

.accountBillingAccountInfo a.accountEditProfile {
	background-image: url(/Resources/images/icons/AccountIconProfile.png);
	background-position: 20px 10px;
}

.accountBillingAccountInfo a.accountEditProfile,
.accountBillingAccountInfo a.accountManageEmployees {
    background-color: #f0f0f0;
	color: #000;
	display: block;
	font-family: Helvetica,"Helvetica Neue", Roboto, Arial, sans-serif;
    font-weight: bold;
    margin-top: 2px;
    padding: 10px 14px 14px 55px;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: super;
}

.accountBillingAccountInfo .informationContainer {
    margin-bottom: 20px;
}

.accountBillingAccountInfo .informationContainer:last-child {
    margin-bottom: 0;
}

.accountBillingAccountInfo .informationContainer .information {
	color: #ffffff;
	font-size: 14px;
	word-wrap: break-word;
}

.accountBillingAccountInfo .informationContainer .informationLabel {
	color: #415b6c;
	font-size: 12px;
}

.accountBillingRight .billingDetails {
    float: left;
    margin-bottom: 23px;
    margin-left: 3%;
	margin-top: 23px;
    width: 22%;
}
.accountBillingRight.viewBill .billingDetails {
    margin-left: 2%;
    width: 32%;
}
.accountBillingRight.viewBill .billingDetails:first-child {margin-left:0;}
.accountBillingRight.viewBill .billingDetails.meter { width: 32%;}

.accountBillingRight .billingDetails.currentBalance .value {
	font-family: Helvetica,"Helvetica Neue", Roboto, Arial, sans-serif;
    font-size: 26px;
	font-weight: bold;
	white-space: nowrap;
}

.billAmountvalue {
	font-size: 13px !important;
}
.accountBillingRight .billingDetails.dueDate .value {
	font-family: Helvetica,"Helvetica Neue", Roboto, Arial, sans-serif;
	font-weight: bold;
}

.accountBillingRight .billingDetails.currentBalance span,
.accountBillingRight .billingDetails.dueDate span {
    color: #e26c24;
}

.accountBillingRight .billingDetails.lastPaymentAmount,
.accountBillingRight .billingDetails.lastPaymentDate {
    color: #989a9d;
}

.accountBillingRight .billingDetails.lastPaymentAmount .value,
.accountBillingRight .billingDetails.lastPaymentDate .value {
	font-family: Helvetica,"Helvetica Neue", Roboto, Arial, sans-serif;
	font-weight: bold;
}

.accountBillingRight .billingLinksContainer {
    height: 37px;
    margin-top: 12px;
}

.accountBillingRight .billingLink {
    background-color: #415b6c;
	background-repeat: no-repeat;
    color: #fff;
    display: inline-block;
    height: 29px;
	overflow: hidden;
    padding:8px 0 0 5%;
    text-align: left;
    text-decoration: none;
	text-overflow: ellipsis;
    text-transform: uppercase;
	white-space: nowrap;
}
.accountBillingRight .billingLink:hover {
    background-color: #334553;
}

.accountBillingRight .billingLink.billLinkOrange {
    background-color: #e26c24;
}

.accountBillingRight .billingLink.billLinkOrange:hover {
    background-color: #AA521C;
}

.accountBillingRight .threeLinks .billingLink {
	border: none;
	margin-left: 2%;
	width: 27%;
}

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

.accountBillingRight .billingLink.payBill {
	background-image: url(/resources/images/icons/BillingLinkPayBill.jpg);
}

.accountBillingRight .billingLink.viewBill {
	background-image: url(/resources/images/icons/BillingLinkViewBill.jpg);
}

.accountBillingRight .billingLink.reportPayment {
	background-image: url(../images/icons/BillingLinkReportPayment.jpg);
}

.accountBillingRight .accountBillingConsumption {
	padding-top: 40px;
	padding-bottom: 70px;
}

.accountBillingRight .billingPaymentOptions {
	padding-bottom: 70px;
}

.accountBillingRight .billingPaymentOptions h2 {
	margin-bottom: 0;
}


@media screen and (max-width: 480px) {
	.paymentOptionsGrid {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

.accountBillingRight .paymentOptionsColumn {
	border-right: 3px solid #ffffff;
    box-sizing: border-box;
	float: left;
	min-height: 120px;
	width: 25%;
	-moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
}

.accountBillingRight .paymentOptionsColumn.lastColumn {
	border-right: 0;
}

.accountBillingRight a.paymentOptionsHeader {
	background-color: #e5f2f6;
	border-bottom: 3px solid #ffffff;
	color: #415b6c;
	display: block;
	margin-top: 2px;
	padding: 5px 0;
	position: relative;
	text-align: center;
	width: 100%;
}
.accountBillingRight .paymentOptionsColumn:hover a.paymentOptionsHeader {
	background-color: #7DBED2;
	color: #fff;
}
.accountBillingRight a.paymentOptionsHeader:after {
	content: url(/Resources/images/BillingOptionsArrow.png);
	height: 8px;
	left: 50%;
	margin-left: -7px;
	position: absolute;
	bottom: -1px;
	width: 15px;
}
.accountBillingRight .paymentOptionsColumn:hover a.paymentOptionsHeader:after {
	content: url(/Resources/images/BillingOptionsArrow_hover.png);
}

.accountBillingRight  a.paymentOptionsLink {
	background-color: #efefef;
	background-repeat: no-repeat;
	color: #414042;
	display: block;
	font-family: Helvetica,"Helvetica Neue", Roboto, Arial, sans-serif;
	font-weight: bold;
	height: 70px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 40px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

.accountBillingRight .paymentOptionsActive {
	background-image: url(../images/icons/PaymentOptionsActiveIndicator.png);
	background-repeat: no-repeat;
	background-position: center 0;
	color: #7cbcd2;
	font-size: 11px;
	margin-top: -10px;
	padding-top: 15px;
	text-align: center;
	text-transform: uppercase;
	min-height: 30px;
}

.paymentOptionsEnrolledText{
    width:100%;
}

.paymentOptionsText {
	position:relative;
}

.accountBillingRight a.paymentOptionsLink.lnkAutoPay {
	background-image: url(/resources/images/icons/PaymentOptionsAutoPay.png);
	background-position: center 20px;
}

.accountBillingRight a.paymentOptionsLink.lnkAutoPay.FR {
	background-image: url(/resources/images/icons/PaymentOptionsAutoPay_fr.png);
}

.accountBillingRight a.paymentOptionsLink.lnkEqualizedBilling {
	background-image: url(/resources/images/icons/PaymentOptionsEqualizedBilling.png);
	background-position: center 17px;
}

.accountBillingRight a.paymentOptionsLink.lnkPaperlessBilling {
	background-image: url(/resources/images/icons/PaymentOptionsPaperlessBilling.png);
	background-position: center 17px;
}

.accountBillingRight a.paymentOptionsLink.lnkCreatePayment {
	background-image: url(/resources/images/icons/PaymentOptionsCreatePayment.png);
	background-position: center 17px;
}

/* Three sections below for the Preference Centre tag along
	the payment paymentOptionsLink functionality instead of creating
	a new PC section on the CSS for the Account Summary page
*/
.accountBillingRight a.paymentOptionsLink.lnkContactInformation {
	background-image: url(/resources/images/icons/ManageAlertContactInformation.png);
	background-position: center 17px;
}
.accountBillingRight a.paymentOptionsLink.lnkAlerts {
	background-image: url(/resources/images/icons/ManageAlertAlerts.png);
	background-position: center 17px;
}

.accountBillingRight a.paymentOptionsLink.lnkBillAlerts {
	background-image: url(/resources/images/icons/bell-orange-20x22.png);
	background-position: center 17px;
}

.accountBillingRight a.paymentOptionsLink.lnkNewsletter {
	background-image: url(/resources/images/icons/ManageAlertNewsletter.png);
	background-position: center 17px;
}

.accountBillingRight .billingDetails.meter { width: 35%;}


.ipRunningTotal {
	padding:20px 0 0 0;
	font-weight: bold;
	white-space: nowrap;
	width:300px;
}

.ipRunningTotal > div {
	padding-left: 5px;
	position: relative;
}

.ipRunningTotal > hr {
	border-top: 1px solid #000000;
	margin-top: 0px;
}

.ipRunningTotal label {
	position: absolute;
	right: 0;
}
.paymentArrangementAmount{
	
}
.paymentArrangementTotal {
}
.paymentRemainingBalance {
	border: #E10909 1px solid;
	padding: 3px 5px;
	background: #fdd;
}

.divLblStatements {
	padding-top: 30px;
}

#divddlStatements 
{
	background:  #e4f2f5 url(/Resources/Images/Icons/DropdownCaret.png) no-repeat right top;
	overflow: hidden;
	width: 100%;
}


#lblStatements {
	font-weight: bold;
	font-family: Helvetica,"Helvetica Neue", Roboto, Arial, sans-serif;
	padding: 20px 0 20px;
	font-size: 16px;
}


#ddlStatements
{
	-webkit-font-feature-settings: 'tnum';
	-moz-font-feature-settings: 'tnum';
	-ms-font-feature-settings: 'tnum';
	-webkit-appearance: none;	
	-moz-appearance: none;
	appearance: none; 
	background: transparent;
	display:block;
	font-size: 14px;
	font-feature-settings: "tnum";
	overflow: hidden;
	padding: 10px 10px 9px;
	padding-right: 45px;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 116%; 
}

.accountBillingRight .billDetails {
	background: #F0F0F0;
	padding: 0 5%;
	margin-top:10px;
}
.accountBillingRight .billDetails .title {
	border-bottom: #fff 2px solid;
	font-size:22px;
	margin: 5% -5%;
	padding: 10px;
}
.accountBillingRight.viewBill .billDetails .title{
	margin: 20px -5%;
}
.accountBillingRight .billDetails table {
	border-collapse: collapse;
	margin: 5% 0;
}
.accountBillingRight .billDetails table tr {
	background: inherit;
	border-bottom: #fff 1px solid;
}
.accountBillingRight .billDetails table tr.separatedRow, 
.accountBillingRight .billDetails table tr.noBorder {
	border: none;
}
.accountBillingRight .billDetails table tr.separatedRow th,
.accountBillingRight .billDetails table tr.separatedRow td {
	padding-bottom:35px;
}
.accountBillingRight .billDetails table tr.title{
	font-size:14px;
}

.accountBillingRight .billDetails table tr.amountDue th,
.accountBillingRight .billDetails table tr.amountDue td{
	font-size:14px;
	padding-top:5px;
}

.accountBillingRight .billDetails table th {
	background: inherit;
	border-bottom: none;
	color: inherit;
	padding: 5px 0 5px 10px;
	text-transform: none;
}
.accountBillingRight .billDetails table th:first-child {padding-left:0;}

.accountBillingRight .billDetails table td {
	padding: 5px 0 5px 10px;
	vertical-align: top;
}

.accountBillingRight .billDetails .multiplemeter td {
	padding: 5px 10px 5px 10px;	
}

.accountBillingRight .billDetails .multiplemeter th {
	text-align:center;
}

.accountBillingRight .billDetails .multiplemeter th:first-child  {
	text-align: left;
}

.accountBillingRight .billDetails .multiplemeter th:last-child  {
	text-align: right;
}

.accountBillingRight .billDetails table.PPP th.header,
.accountBillingRight .billDetails table.EPP th.header {
	font-size:12px;
}


.accountBillingRight .billDetails table td:first-child {padding-left:0;}

.accountBillingRight .billDetails table td.description {
	padding-left:30px;
}

.accountBillingRight .billDetails table th.description {
	padding-left:0px;
}

.accountBillingRight .billDetails table td.subdescription {
	padding-left:60px;
}

.accountBillingRight .billDetails table .amount {
	text-align: right;
	white-space: nowrap;
}
.accountBillingRight .billDetails table th.amount {
	white-space: normal;
}
.accountBillingRight .billDetails table .notes{
	font-size:11px;
	font-family: Helvetica,"Helvetica Neue", Roboto, Arial, sans-serif;
	font-weight: normal;
	text-transform: none;
}

.accountBillingRight .billDetails table a {
	font-weight: bold;
	text-decoration: none;
}

.accountBillingRight .detailsButton {
	text-align: right;
}

.faqContainer {
	padding-top: 12px;
	color: #526199;
}

.faqContainer a {
	text-decoration: underline;
	font-weight: normal;
}

.accountBillingRight.onlyColumn {
	margin-left: 0;
	width: 100%;
}

.accountBillingRight .viewTop10Link {
	display: block;
	margin-top: 10px;
}

[id$='div_RecurringAmount'].required .value .formButton .formButton,
[id$='div_AmountUpTo'].required .value .formButton .formButton { vertical-align:top; }
[id$='div_RecurringAmount'].required .value .formButton .upDownInput,
[id$='div_AmountUpTo'].required .value .formButton .upDownInput { margin-left: 5px;}
[id$='div_RecurringAmount'].required .value, .billDateContainer .value,
[id$='div_AmountUpTo'].required .value, .billDateContainer .value { width: 55%; }
[id$='div_RecurringAmount'].required .value span:first-child + * + span ,
[id$='div_AmountUpTo'].required .value span:first-child + * + span { width:82%; }
label[for$='rdoOtherAccount'] { width: 60%; }
[id$='div_NewAccount'] .localizedRadioButton { width: 100%; }

.numericDropdown { width: 70px; float:left; }
/*** Search Results Page ***/

/*.searchResultsMain {
	float: left;
	width: 683px;
}*/

.searchResultsSearchBox {
	background-color: #f5f5f5;
	margin-bottom: 20px;
	padding: 20px;
	position: relative;
}

.searchResultsSearchInput.searchInput {
	width: 280px;
}
.searchResultsSearchInput.searchInput > a{
left: 320px;
position: absolute;
top: 23px;
}


.searchResultsSearchInput.searchInput input[type="text"] {
    width: 253px;
}

.searchResultsSingleAnswer,
.searchResultsMultipleAnswers {
	margin-bottom: 5px;
}

.searchResultsResultsBox {
	background-color: #eaf5f8;
	padding: 60px 20px 20px;
}

/*Instead of using jquery*/
[id$=divRatingSection]
{
    font-weight: bolder;
    text-transform: uppercase;
}

[id$=divRateResponse]
{
    margin-top: 15px;
}

[id$=divComments]
{
    text-transform: none;
}

.answerComments
{
	font-family: Helvetica,"Helvetica Neue", Roboto, Arial, sans-serif;
    font-weight: normal;
    margin-top: 30px;
}

.answerComments label
{
    font-weight: bolder;
    display: block;
    margin: 15px 0 10px;
}

.answerComments textarea
{
    display: block;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 5px;
}

.searchResultsResultsBox .searchResultsAnswerBox {
	margin-bottom: 0;
}

.searchResultsRating {
	margin-bottom: 20px;
}

.searchResults {
	float: right;
	margin: 10px;
}

.searchResults a {
	margin: 0 5px;
}

.searchResults label {
	float: left;
	margin-left: 2px;
	margin-right: 10px;
}


.searchResultsSuggestedQuestions {
	margin-bottom: 40px;
}

.searchResultsSuggestedQuestions li,
.searchResultsTopQuestions p {
	font-size: 12px;
	line-height: 20px;
}

.searchResultsSuggestedQuestions ul {
	margin-left: 0;

}

.searchResultsSuggestedQuestions li {
	list-style-type: none;
	margin-bottom: 15px;
	padding-left: 0;
}

.searchResultsTopQuestions p {
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
}

/* Special classes for Google search results */
span.gs-fileFormatType
{
    display: block!important;
}

.searchResultsGoogle .gs-webResult .gs-snippet, 
.searchResultsGoogle .gs-imageResult .gs-snippet, 
.searchResultsGoogle .gs-fileFormatType,
.searchResultsGoogle .gsc-url-top,
.searchResultsGoogle .gs-webResult.gs-result a.gs-title:link,
.searchResultsGoogle .gsc-result-info-container,
.searchResultsGoogle .gsc-control-cse div {
	font-family: Helvetica,"Helvetica Neue", Roboto, Arial, sans-serif;
	white-space: pre;           /* CSS 2.0 */
	/* @alternate */ white-space: pre-wrap;			/* CSS 2.1 */
	/* @alternate */ white-space: pre-line;			/* CSS 3.0 */
	/* @alternate */ white-space: -pre-wrap;		/* Opera 4-6 */
	/* @alternate */ white-space: -o-pre-wrap;		/* Opera 7 */
	/* @alternate */ white-space: -moz-pre-wrap;	/* Mozilla */
	/* @alternate */ white-space: -hp-pre-wrap;		/* HP Printers */
}

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

.searchResultsGoogle .gs-webResult.gs-result a.gs-title:link,
.searchResultsGoogle .gsc-control-cse .gs-spelling, 
.searchResultsGoogle .gsc-control-cse .gs-result .gs-title, 
.searchResultsGoogle .gsc-control-cse .gs-result .gs-title * {
	color: #e26c24;
	font-size: 18px;
	font-family: Helvetica,"Helvetica Neue", Roboto, Arial, sans-serif;
	font-weight: bold;
	line-height: 24px;
	text-decoration: none;
}

.searchResultsGoogle .gs-webResult.gs-result a.gs-title:visited {
	color: #e26c24;
}

.searchResultsGoogle .gs-webResult.gs-result a.gs-title:visited b, 
.searchResultsGoogle .gs-imageResult a.gs-title:visited b {
	/*background-color: #ffff33;*/
	color: #e26c24;
	text-decoration: underline;
}

.searchResultsGoogle .gs-webResult.gs-result a.gs-title:link, 
.searchResultsGoogle .gs-webResult.gs-result a.gs-title:link b, 
.searchResultsGoogle .gs-imageResult a.gs-title:link, 
.searchResultsGoogle .gs-imageResult a.gs-title:link b {
	color: #e26c24;
}

.searchResultsGoogle .gs-webResult .gs-snippet b {
} 

.searchResultsGoogle .gs-result .gs-title {
	text-decoration: none;
}

.searchResultsGoogle .gsc-result .gs-title {
	height: auto;
}

.searchResultsGoogle .gsc-thumbnail-inside,
.searchResultsGoogle .gsc-url-top {
	padding-left: 0;
	padding-right: 0;
}

.searchResultsGoogle .gsc-results .gsc-cursor-box {
	text-align: center;
	width: 100%;
}

.searchResultsGoogle .gsc-results .gsc-cursor {
	display: inline-block;
	width: auto;
}

.searchResultsGoogle .gsc-results .gsc-cursor-box .gsc-cursor-page {
    color: #e26c24;
	margin-right: 30px;
}


.searchResultsGoogle .gsc-results .gsc-cursor-box .gsc-cursor-page:last-child {
	margin-right: 0;
}

.searchResultsGoogle .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
	color: #333333; /*** Check when we get the AI files ***/
	font-family: Helvetica,"Helvetica Neue", Roboto, Arial, sans-serif;
	font-weight: normal;
}

.searchResultsGoogle .gs-webResult div.gs-visibleUrl, 
.searchResultsGoogle .gs-imageResult div.gs-visibleUrl {
	color: #5bd1f6;
}


/*** Wizards ***/

#wizard,
.wizard {
	width:100%;
}

.wizard td{ padding: 0; vertical-align: top; }
.wizard tr{ background: none;}
.wizard table.normal td{ padding: 10px 25px 10px 0;}
.wizard table.normal td:first-child{ padding-left: 20px;}
.wizard table.normal tr:nth-child(odd){ background: #fff;}
.wizard > tbody > tr:first-child > td {
	padding-top:3px;
}
.wizard > tbody > tr:first-child > td #wizardHeader{ border: none;}
.wizard td button, .wizard td input[type="button"], .wizard td input[type="submit"], .wizard td input[type="reset"]{ padding:10px 60px;}
	
#wizardHeader {
	display: table;
	margin-bottom:3px;
	padding-top: 3px;
	width: 100%;
}

.wizardStep {
	background: #7BBCD2 url(/Resources/images/arrow.png) right center repeat-y;
	border: none;
	display: table-cell;
	height:100%;
	margin: 0;
	position:relative;
	vertical-align:top;
	width: 33.3%;
}

#wizard.fourSteps, .wizard.fourSteps, .wizard.sixSteps, .wizard.sevenSteps, .wizard.eightSteps, .wizard.nineSteps {width: 100%;}

#wizard.fourSteps .wizardStep, .wizard.fourSteps .wizardStep {width: 25%;}
.wizard.sixSteps .wizardStep { width: 16.66%;}
.wizard.sevenSteps .wizardStep { width: 14.28%;}
.wizard.eightSteps .wizardStep { width: 12.5%;}
.wizard.nineSteps .wizardStep { width: 11.11%;}

.wizardStep.currentStep {
	background: #425C6B url(/Resources/images/arrowActive.png) right center repeat-y;
}
.wizardStep.previousStep {
	background: #7BBCD2 url(/Resources/images/arrowPrevious.png) right center repeat-y;
}

.wizardStep.lastStep {
	background: #7BBCD2;
}

.wizardStep.lastStep.currentStep {
	background: #425C6B;
}

.wizardStep .stepTitle {
	color:#fff;
	font-size:18px;
	height:100%;
	text-decoration:none;
	vertical-align:top;
}

.wizardStep.currentStep .stepTitle > span {
	border-bottom: #7BBCD2 1px solid;
}

.stepTitle { padding:12px 24px 12px 12px; }

.wizardStep:first-child .stepTitle { 
	padding:12px 24px 12px 24px; 
}

.stepTitle > span{
	border-bottom: #425C6B 1px solid;
	font-size: 14px;
	padding-bottom: 5px;
	text-transform: uppercase;
	white-space: nowrap;
}

.stepTitle > p { 
	margin: 0;
	padding: 0;
	padding-top: 8px;
	padding-bottom: 8px;
}
	
#wizardContent, .wizardContent {
	background:#f3f3f3;
	padding:40px;
}
.wizardButtonContainer {
	text-align: right;
}
#wizardContent .billConfirmation {
	margin-top: 20px;
	margin-bottom: 10px;
}

.wizardContent input.disabled {
	background:#f3f3f3;
	color: #555 !important;
}

/*Added specifically to reset the space between the wizard content panels on the wizards*/
.noTopPadding { padding-top: 0px !important;}
.noBottomPadding { padding-bottom: 0px !important;}

.noBottomMargin { margin-bottom: 0px !important;}

.nestedFields td div {
  margin-bottom: 5px;
}

.nestedFields td select {
  height: 26px;
}

.wizardContent [id$='div_TypeOfService'] .localizedRadioButton  { width: 90%; }

.narrowFirstCol td:first-child{ width: 35%;}

/* Service Request Wizard */
table.lighting input,
table.lighting select
{
	width: 100px;
	margin-bottom: 5px;
	float: right;
}

table.lighting select
 {
	width: 110px;
}

/* Outages */
.stormHeader {
	background: #e4f1f6;
	text-align: right;
}
.stormHeader > div {
	background: #e26c24;
	color: #fff;
	font-family: Helvetica,"Helvetica Neue", Roboto, Arial, sans-serif;
	font-weight: bold;
	display: inline-block;
	padding: 15px;
	text-align: left;
}
.stormHeader > div.stormModeAlert {
	background: transparent;
	color: inherit;
	float: left;
	width:60%;
}
.stormHeader > div > p{
	font-size:22px;
	font-family: Helvetica,"Helvetica Neue", Roboto, Arial, sans-serif;
	font-weight: normal;
}
.stormHeader > div.stormModeAlert > p { font-size: 16px;}

.tabsWrapper {
	background: #333;
	min-height: 1000px;
	position: relative;
}
.tabsWrapper .tabInactive { display: none;}
.tabsWrapper #divTabContentMap.tabInactive {
	display: inherit;
}
.tabsWrapper #divTabContentMap.tabInactive > div:first-child{
	background: url(/Resources/images/ui_dialogBG.png);
	height: 100%;
	position: absolute;
	width: 100%;
}
.tabsWrapper .tabInactive #outagesNumbers{ display: none;}

.checkOutages {
	background: #1f2f39;
	color: #7cbcd2;
	left:10px;
	padding: 15px;
	position: absolute;
	top:10px;
	width:200px;
	z-index:99;
}

.checkOutages a {
	color: #fff;
}

.checkOutages > .title{
	background: #1f2f39;
	color: #fff;
	font-family: Helvetica,"Helvetica Neue", Roboto, Arial, sans-serif;
	font-weight: bold;
	padding-bottom:10px;
	text-transform: uppercase;
}

.checkOutages fieldset > div{height:10px;}

.checkOutages fieldset input[type="text"] {
	background: #11212b;
	border: none;
	color: #7cbcd2;
	font-size:12px;
	margin: 0;
	position: relative;
	z-index:5;
}
.checkOutages fieldset > div > div {
	margin-left: 14%;
	width: 85%;
}

.checkOutages fieldset div .localizedControlPopupInfo {
	color: #10212a;
}

.checkOutages fieldset > div > div > span {width: 15%;}
.checkOutages fieldset > div > div > span:first-child {width: 84%;}
.checkOutages input[type="text"].searchByAccountExt {
	padding: 3px 25%;
	width: 50% !important;
}

.checkOutages ::-webkit-input-placeholder { /* WebKit browsers */
    color:    #7cbcd2;
}

.checkOutages :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #7cbcd2;
   opacity:  1;
}

.checkOutages ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #7cbcd2;
   opacity:  1;
}

.checkOutages :-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #7cbcd2;
}

.checkOutages input[type="radio"]{ position: relative;}
.checkOutages fieldset label {
	left:0;
	overflow: hidden;
	position: absolute;
	width:0;
}
.checkOutages fieldset div.error > div::before {
	display: none;
}
.checkOutages fieldset div.error > div > input[type="text"] {
	border: #E10909 1px solid;
	width: 94%;
}
.checkOutages fieldset div.error > div > span input[type="text"] {
	border: #E10909 1px solid;
}


.checkOutages .validationSummary > div {
	background-color:#333;
}

.findOutages {
	margin: 18px 0 25px;
	text-align: center;
}
.findOutages .formButton{
	background: none;
	border: #a9521c 1px solid;
}
.outagesLinks {
	background:#394C58;
	border-top: #22333d 2px solid;
	margin: 15px 0 -15px -15px;
	position: relative;
	width: 230px;
}
.outagesLinks > a {
	background:url(/Resources/images/futureOutages.png) center 15px no-repeat;
	color: #fff;
	display: inline-block;
	font-size:12px;
	font-family: Helvetica,"Helvetica Neue", Roboto, Arial, sans-serif;
	font-weight: bold;
	padding: 50px 0 15px;	
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	vertical-align: top;
	width: 50%;
}
.outagesLinks > a:first-child {background:url(/Resources/images/reportOutage.png) center 15px no-repeat;}
.outagesLinks > a:first-child:after {
	border-right: 2px solid #22333D;
	content: "";
	left: 50%;
	margin-left:-1px;
	position: absolute;
	top:0;
	height: 100%;
}

#outagesNumbers {
	background: #cfeaf3;
	color: #858788;
	margin: 15px -15px -15px -15px;
	padding: 15px 30px 5px 30px;
}

#outagesNumbers p {
	border-bottom: #fff 1px solid;
	text-align: center;
}
#outagesNumbers > div {margin-bottom:15px;}
#outagesNumbers > div > div {
	background: #73b2ff;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	display: inline-block;
	height:30px;
	margin-right:10px;
	vertical-align: middle;
	width:30px;
	behavior: url(/resources/css/PIE.htc);
}

#outagesNumbers > div > span {
	display: inline-block;
	vertical-align: middle;
}
#outagesNumbers > div > div#outageNumber2 {
	background: #E26C24;
	-webkit-border-radius: 12.5px;
	-moz-border-radius: 12.5px;
	border-radius: 12.5px;
	height:25px;
	margin: 0 12.5px 0 2.5px;
	width:25px;
}
#outagesNumbers > div > div#outageNumber3 {
	background: #325491;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	height:20px;
	margin: 0 15px 0 5px;
	width:20px;
}
#outagesNumbers > div > div#outageNumber4 {
	background: #A9511B;
	-webkit-border-radius: 7.5px;
	-moz-border-radius: 7.5px;
	border-radius: 7.5px;
	height:15px;
	margin: 0 17.5px 0 7.5px;
	width:15px;
}
#outagesNumbers > div > div#outageNumber5 {
	background: #10212A;
	-webkit-border-radius: 7.5px;
	-moz-border-radius: 7.5px;
	border-radius: 5px;
	height: 10px;
	width: 10px;
	margin: 0 17.5px 0 9.5px;
}
.tabs {
	top: 10px;
	right: 10px;
	margin-left: 25%;
	position: relative;
}
.tabs.mapOn {
	margin-left: 45%;	
}
.tabs.mapOn #divTabContent{
	padding: 0;
}
.tab_border {
	text-align: right;
	margin: 0 0 0 auto;
	position: relative;
	width: 520px;
	z-index:99;
}
.tab_border > div {
    display: inline-block;
	margin-left:15px;
	position: relative;
}
.tab_border input {
	background: #425c6c;
	border: none;
	padding: 10px;
	position: relative;
}

.tab_border .btnTabMapOn > input, 
.tab_border .btnTabTableOn > input, 
.tab_border .btnTabAnnouncementOn > input {
	background: #96999c;
	position: relative;
}
.tab_border .btnTabTableOn:after, 
.tab_border .btnTabAnnouncementOn:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(150, 153, 156, 0);
	border-top-color: #96999C;
	border-width: 7.5px 7.5px 0 7.5px;
	margin-left: -7.5px;
}

/*.collapsiblePanel { position:relative; } *//*Related to 18080 issue.*/

.searchOutagesDataGrid {
	border-bottom: #E26C24 1px solid;
	margin-bottom:10px;
	padding-bottom:3px;
}

tr.plannedOutage td {
	background-color: #F5CEA6;
}

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

#divTabContentMap{
	height: 1000px;/*height for Safari*/
	left: 250px;
	position: absolute;
	top: 0;
	width:854px;
	display: inline-block;
}

#outageMapLoadMsg { padding:15px; }

#divTabContent { padding-bottom: 25px; }

#divTabContentMap > div { overflow: hidden!important; }

.outagesTable {
	border-top: #e26c24 2px solid;
	padding-top: 2px;
}
.outagesTable th, .outagesTable td{
	padding:10px 25px 10px 25px
}
.outagesTable tr:nth-child(2n) {
    background: #FFF none repeat scroll 0% 0%;
}
.outagesTable tr:nth-child(2n+1) {
    background: #F2F2F2 none repeat scroll 0% 0%;
}

#divTabContentTable, #divTabContentAnnouncements {
	background: #fff;
	padding: 25px 15px 15px;
}
/*#divTabContentTable th, #divTabContentTable td{ padding: 10px 0 10px 25px;}*/
.msgCustomers {
	background: #f3f3f3;
	display: inline-block;
	margin-top:15px;
	padding: 40px 60px;
	vertical-align:top;
	width:584px;
}
.socialMedia {
	border: #F3F3F3 5px solid;
	display: inline-block;
	margin:15px 0 0 15px;
	vertical-align:top;
	width:375px;	
}
.socialMedia img{display: block;}
.socialMedia a:first-child > img{ border-bottom: 5px solid #F3F3F3;}
.socialMedia img.flickr {
	border-right: 5px solid #F3F3F3;
	float: left;
}
.emergencyContact {
	background: #7cbcd2;
	color: #425c6c;
	margin-top:15px;
	padding: 40px 0;
}
.emergencyContact > div > div {padding: 0 30px;}
.emergencyContact .title{
	font-size:18px;
	font-family: Helvetica,"Helvetica Neue", Roboto, Arial, sans-serif;
	font-weight:bold;
	text-transform: uppercase;
}
.emergencyContact .title3{color: #fff;}
.emergencyContact .title2{
	font-family: Helvetica,"Helvetica Neue", Roboto, Arial, sans-serif;
	font-weight:bold;
	}
#publicAdvisories {
	background: #5cd2f7;
	color: #fff;
	font-family: Helvetica,"Helvetica Neue", Roboto, Arial, sans-serif;
	font-weight: bold;
	padding: 5px 8px;
}
.stormGallery {
	background: #f3f3f3;
	margin-top:15px;
	padding: 50px 0;
}
.stormGallery > div > div {
	background: #11212b;
	margin: 0 60px;
}

#outageInfo {padding: 40px 60px;}
#outageInfo > div{margin-top:60px;}
#outageInfo > div:first-child{ margin: 0;}
#outageInfo > div > div{
	display: inline-block;
	margin-left: 2%;
	position: relative;
	width: 49%;
}
#outageInfo > div > div:first-child{ margin: 0;}
#outageInfo > div > div > img {
	margin-right:10px;
	float: left;
}
#outageInfo .title {
	border-bottom: 1px solid #e26c24;
	font-size: 18px;
	margin:10px 0 25px;
	padding-bottom: 10px;
}
#outageInfo .title2 {
	color: #e26c24;
	font-family: Helvetica,"Helvetica Neue", Roboto, Arial, sans-serif;
	font-size: 22px;
	font-weight: bold;
	text-transform: uppercase;
}
#outageInfo > div > div > a {
	background: #5cd2f7;
	bottom:0;
	color: #fff;
	font-family: Helvetica,"Helvetica Neue", Roboto, Arial, sans-serif;
	font-weight: bold;
	padding: 5px 8px;
	position: absolute;
}
/*****/


/* ONLINE PROFILE UPDATE */
.profileLeftCol, .profileRightCol {
	background: #f3f3f3;
	display: table-cell;
	padding: 30px;
	vertical-align: top;
	width: auto;
}
.profileLeftCol{ border-right: #fff 10px solid;}
.profileRightCol {width: 70%;}
.profileRow {
	display: block;
	border-top: #E26C24 1px solid;
	padding-top:3px;
	margin-bottom:50px;
}
.profileLeftCol .title {
	display: block;
	font-family: Helvetica,"Helvetica Neue", Roboto, Arial, sans-serif;
	font-size: 30px;
	line-height: 1.1;
	margin: -5px 0 10px;
}
.deleteProfile {
	background: #e4f1f6;
	border-top: #fff 10px solid;
	margin: 0 -30px -30px;
	padding: 30px;
	width: 100%;
}

.asrProfile {
	display: block;
	margin:0 auto;
}

.asrTitle {
	width: 75%;
	margin: 10px auto;
}
/*****/


/* SIGN UP */
#signUpBG {
	background: #7CBCD2 no-repeat center bottom;
	margin: 0 auto -193px;
	width: 100%;
}
#signUpBG2 {
	background: url(/Resources/images/signUpTransparentBg.png);
	height: 100%;
	width: 100%;
}
#signUp {
	margin: 0 auto;
	padding: 75px 0 193px;
}
#signUp h1 {
	color: #7CBCD2;
	font-size:25px;
	font-family: Helvetica,"Helvetica Neue", Roboto, Arial, sans-serif;
	font-weight: normal;
	margin-top:0;
	text-transform: none;
}
#signUp p {font-size:16px;}
#setUpAccount { color: #5BD1F6;}
#signUp h3 {
	border: none;
	font-size:17px;
	font-family: Helvetica,"Helvetica Neue", Roboto, Arial, sans-serif;
	font-weight:bold;
}
#signUp ul { margin:0;}
#signUp li {
	font-size:14px;
	padding-bottom:10px;
	padding-left:25px;
}
.leftCol {
	color: #fff;
	font-size:16pt;
	padding-right:10px;
	vertical-align:top;
	width:580px;
}
.leftCol > div {
	background-color: #000;
	background:rgba(17, 34, 43, 0.7);
	padding: 5%;
}
.leftCol > div:first-child {margin-bottom:10px;}
#signUp .rightCol {
	background: #E5F2F6;
	padding: 20px 50px;
	vertical-align:top;
	width:250px;
	margin-left: 10px;
}
/*****/


/* DEFAULT PAGE */
.defaultPage {
	font-size:12px;
	margin: 0 auto;
	padding-top: 20px;
	text-align: center;
	width:554px;
}
#imgSplash{margin-bottom:15px;}
#languageButtons{ text-align: center;}
.defaultPage img{ display: inline-block;}
.defaultPage label{ text-align: left;}
/*****/



.formsBG {
	background: #f3f3f3;
	padding: 40px;
}

.greyBG {
	background: #f3f3f3;
}

.smallContent {
	margin-left: auto;
	margin-right: auto;
	width: 550px;
}

h1.smallContent { width: 630px;}

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

/*** Products & Services Landing Page ***/

/*.promoImage.landingPromotion1 .level1Navigation { 
	padding-bottom: 70px;
}

.promoImage.landingPromotion2 .level1Navigation { 
	min-height: 260px;
	max-height: 260px;
}

.promoImage.textLeft .level1Navigation { 
	left: 0;
	top: 0;
}

.landingPagePromo.textRight .level1Navigation {
	right: 0;
	top: 0;
}

.landingPagePromo .level1Navigation hr { /*** Maybe make a generic style ***
	border-bottom: 1px solid #ffffff;
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
	width: 40px;
}

.landingPagePromo a.linkLearnMore:before { /*** Maybe make a generic style ***
	content: "";
	padding-left: 5px;
}

.landingPagePromo a.linkLearnMore:after { /*** Maybe make a generic style ***
	content: " >";
}*/


/*** Smart Habits Pages ***/

.smartHabits {
	background-color: #25478c;
	color: #ffffff;
	padding-bottom: 40px;
	padding-top: 40px;
}

.smartHabits h1 {
}

.smartHabits h1 hr.shortHR {
	margin-top: 28px;
}

.smartHabits .rightCol {
  	float: right;
  	margin-left: 10%;
  	width: 64%;
}

.smartHabits .sideNav .item {
  background-color: #1b3148;
  border-bottom: 2px solid #25478c;
}

.smartHabits .sideNav .item.current {
	background-color: #7080A3;
}

.smartHabitsSlogan {
	height: auto;
	overflow: auto;
}

.smartHabitsSloganImg,
.smartHabitsSloganText {
	float: left;
}

.smartHabitsSloganText {
	color: #7cbcd2;
	font-size: 18px;
	padding-left: 20px;
	padding-top: 95px;
	width: 175px;
}

.smartHabitsSloganText .smartHabitsSloganHeader	 {
	background-repeat: no-repeat;
	height: 24px;
	margin-bottom: 7px;
	width: 158px;
}

.smartHabitsSloganText,
.smartHabitsSloganText p {
	color: #7cbcd2;
	font-size: 18px;
	line-height: 24px;
}

/*** Wait indicator ***/
#waitContainer
{
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	text-align: center;
	vertical-align:middle;
	background: black;
	opacity: .80;
	filter: alpha(opacity=80);
	z-index: 9999999;
}

#waitIcon
{
	position: relative;
	top:50%;
}

.paymentLocationForm {
		padding: 25px 1px 1px 25px;
	}
	

.manageEmployeesGrid td a {
	margin-right: 8px;
}

.manageEmployeesGrid .labelValuePair > div {
	word-break: break-all;
}

/*** Security lock image icon popup ***/

div#form_buttonImage a.securityhelp {
    position: relative;
    z-index: 50;
    float: left;
    margin: -5px 10px 0px 0px;
}

div#form_buttonImage a.securityhelp span {
    display: none;
}

div#form_buttonImage a.securityhelp:hover {
    width: auto;
	height: auto;
    color: #000000;
    text-decoration: none !important;
    z-index: 55;
}

div#form_buttonImage a.securityhelp:hover span {
    display: block;
    position: absolute;
    border: 1px solid #cccccc;
    background-color: #ffffff;
    padding: 3px;
    width: 690px;
    top: -300px;
    left: 40px;
    text-decoration: none !important;
}

body.fr div#form_buttonImage a.securityhelp:hover span {
    top: -300px;
}

.searchResults a span
{
    width: 32px!important;
    height: 32px!important;
    line-height: 32px!important;
    background-size: 32px!important;
    display: inline-block;
}


.ajax__calendar .ajax__calendar_container{z-index:9997;}

/* Removes the padding from the search result. The heading does not have padding, so now its consistent. */
.gsc-table-result 
{
    padding-left: 0px;
    padding-right: 0px;
}


/* ASR Profile Search */

.asrProfileSearch select,
.asrProfileSearch input[type="text"] {
	margin-bottom: 20px;
	width: 100%;
	font-size: 14px;
}


.asrProfileSearchExportTable
{
	font-size: 1.1em;
}

/* Class applied to elements available to employer users only. */
.employerOnly
{
	display: none !important;
}

/* Highlight the element by setting the color */
.highlight {
	color: red; 
	font-size: 1em;
}

.status {
	font-style:italic;
	font-size: .9em;
}

div.info > fieldset > div.toggle 
{
	float: right;
	padding: 2px 0px 0px 0px;
	position: relative;
}

/*** Web Profile Update ***/

.webProfileAccounts > div {
	border-bottom: 1px solid #96989b;
	padding-top: 25px;
}

.webProfileAccounts > div:last-child {
	border-bottom: none;

}

.contourField input[readonly] {
	color: #9B9EA0;
	background-color: #E3E3E3;
}

/* Styling updates for "search for an outage" line */
#litInformationText {
	font-weight: bold;
	font-size: 13.5px;
}