/*
Generic Styles That Affect The Whole Site
HTML tags, re-usable items e.g. buttons
******************************************/

/*********************************************************************
Colours of individual tags; colours taken from the AI files
Orange			#e26c24
Navy Blue		#10212a
Greyish Blue 	#415b6c
Light Teal		#5bd1f6
Light Blue		#7cbcd2
Medium Blue		#7080a3
Dark Blue		#526199

Menu Blue		#314451
***********************************************************************/

/*** Generic HTML Tags ***/

html { /*** Temp: Use for testing till content is added to make the page match the mockup ***/
		overflow-y: scroll;
}

html,
body {
	/***background-color: #e3e3e3;  Re-address: Need this information from Akendi ***/
	color: #10212a; 
	font-size: 14px;
	line-height: 20px;
	height: 100%;
	margin: 0;
	min-width: 1104px;
	padding: 0;
	width: 100%;
}

body,
input[type="text"],
input[type="password"],
input[type="file"],
select,
textarea  {
	font-family: "Gotham SSm 4r","Gotham SSm A","Gotham SSm B", Gotham, Helvetica, Arial;
}

input[type="text"],
input[type="password"],
input[type="file"],
select,
textarea {
	font-size: 14px;
	line-height: 20px;
	font-style: normal;
	font-weight: normal;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-top: 2px;
}

select { 
	outline: 0 none; 
}

select:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #000;
}

select:disabled {
	background-color: #f3f3f3 !important;
	border: 1px solid #cccccc;
	color: #cccccc !important;
}

.borderBox {
    box-sizing: border-box;
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
}

/*Welcome page*/
#div_cookieMessage { margin: 0 auto; }
#div_cookieMessage div { margin-bottom: 20px; }
#div_cookieMessage label { color: Red; font-size: 14px; font-weight: bold; } 
#chkRememberMe { display: inline-block; margin-top: 20px; }	

/* Links */



a {
	color: #526199;
	cursor: pointer;
}

.headerContent a {
	text-decoration: none;
}

a:hover {
	color: #325491; /* Style Guide: page 37 */
}

a.button {
	text-decoration: none;
}

a.linkTeal {
	color: #5bd1f6;
}

a.linkOrange {
	color: #e26c24;
}

a.linkOrange:hover {
	color: #A9511b; /* Style Guide: page 37 */
}

a.linkWhite {
	color: #ffffff;
}

a.linkWhite:hover {
	color: #7cbcd2;
}

a.linkDarkGray {
	color: #221e1f; /*** Not in colour pallette; from Social Network Links in footer ***/
}

a.linkMore:after {
	content: ">";
	padding-left: 3px;
}

a.linkGreyBlock {
	background-color: #f2f2f2;
	background-repeat: no-repeat;
	box-sizing: border-box;
	color: #414042;
	display: block;
	font-size: 12px;
	font-family: "Gotham SSm 7r","Gotham SSm A","Gotham SSm B", Gotham, Helvetica, Arial;
	font-weight: bold;
	line-height: 14px;
	margin-bottom: 5px;
	padding: 17px 20px 55px;
	text-transform: uppercase;
	width: 100%;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
}

a.linkGreyBlock.linkBlockRates {
	background-image: url(../images/icons/LinkGreyBlockRates.png);
	background-position: 15px center;
}

a.linkGreyBlock.linkBlockCalculator {
	background-image: url(../images/icons/LinkGreyBlockCalculator.png);
	background-position: 15px center;
}

a.linkGreyBlock.linkBlockAccount {
	background-image: url(../images/icons/LinkGreyBlockAccount.png);
	background-position: 15px center;
}

a.linkGreyBlock.linkBlockConsumption {
	background-image: url(../images/icons/LinkGreyBlockConsumption.png);
	background-position: 15px center;
}

a.linkGreyBlock.linkBlockPayHistory {
	background-image: url(../images/icons/LinkGreyBlockPayHistory.png);
	background-position: 15px center;
}

a.linkBlock {
	background-repeat: no-repeat;
	display: block;
	font-size: 12px;
	font-family: "Gotham SSm 7r","Gotham SSm A","Gotham SSm B", Gotham, Helvetica, Arial;
	font-weight: bold;
	height: 37px;
	line-height: 37px;
	overflow: hidden;
	padding-left: 40px;
	padding-right: 20px;
	text-transform: uppercase;
}

a.linkBlock.linkPayment {
	background-image: url(../images/icons/BillingLinkPayBill.jpg);
}

a.linkBlockOrange {
	background-color: #e26c24;
	color: #ffffff;
}

/* Paragraphs */

p {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 15px;
}

.sidebar p {
	font-size: 12px;
	margin-bottom: 20px;
}

pre {
	display: block;
	font-family: monospace;
	margin-bottom: 15px;
	margin-top: 15px;
	unicode-bidi: embed;
	white-space: pre;
}

code,
samp { 
	font-family: monospace 
}


/* HTML Headers Tags */

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	line-height: normal;
}

h1.headingDkBlue,
h2.headingDkBlue,
h3.headingDkBlue,
h4.headingDkBlue,
h5.headingDkBlue {
	color: #10212a;
}

h1 { /* Use h1 for page titles */ 
	font-family: "Gotham 7r","Gotham A","Gotham B", Gotham, Helvetica, Arial;	
	color: #e26c24;
	font-size: 24px;
	font-weight: bold;
	margin: 10px 0 10px;
	text-transform: uppercase;
}

h1 > span { color: #000;} /* Used in Outages page, for example */

.smartHabits h1 {
	color: #ffffff;
}

h1.section > span:before{ /* Section header with orange line above it; used on some content pages */
	background: #e26c24;
	border: none;
	content: " ";
	display: block;
	height:1px;
	margin:50px 0 10px;
	text-align: left;
	width:45px;
}

.sidebar h1 { /* Large titles in the sidebar below the header */
	font-family: "Gotham 4r","Gotham A","Gotham B", Gotham, Helvetica, Arial;
	font-size: 22px;
	margin-top: 23px;
}

h2, h3 {
	border-bottom: 1px solid #e26c24;
}

h2 { /* Use h2 for section titles */
	font-family: "Gotham 4r","Gotham A","Gotham B", Gotham, Helvetica, Arial;
	font-size: 22px;
	margin-bottom: 25px;
	padding-bottom: 10px;
}
a h2{ color: #10212A;}

h3 { /* Use h3 for title on right-hand */
	font-size: 16px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

h4 { 
	font-family: "Gotham SSm 7r","Gotham SSm A","Gotham SSm B", Gotham, Helvetica, Arial;
	font-weight:bold;
}

h5 { 
}

h6 { 
}

/* Collapsible panel icon visible on mobile only */
.cp-icon {
	display: none;
}

/*** HTML List Tags ***/

ul, ol {
	margin-bottom: 15px;
	margin-left: 25px;
	margin-top: 15px;
}

ul li,
ol li {
	padding-bottom: 7px;
	padding-left: 10px;	
}

ul.listCheckmarks li {
	font-size: 17px;
	line-height: 23px;
	background-image: url(../images/icons/CheckmarkList.png);
	background-position: 0 8px;
	background-repeat: no-repeat;
	list-style-type: none;
	padding-bottom: 5px;
	padding-left: 40px;
}

ol.listColouredNumber {
	counter-reset: item;
	list-style-type: none;
	margin-left: 10px;
}

ol.listColouredNumber li {
	margin: 0;
	padding: 0;
}

ol.listColouredNumber .number,
ol.listColouredNumber li {
	margin-bottom: 15px;
}

ol.listColouredNumber .number {
	display: inline-block;
	vertical-align: top;
}

ol.listColouredNumber .number:before {
	color: #e26c24;
	content: counter(item, decimal);
	counter-increment: item;
	font-family: "Gotham SSm 7r","Gotham SSm A","Gotham SSm B", Gotham, Helvetica, Arial;
	font-weight: bold;
}

ol.listColouredNumber li {
	display: inline-block;
	vertical-align: top;
}

ol.listColouredNumber li .heading {
	font-family: "Gotham SSm 7r","Gotham SSm A","Gotham SSm B", Gotham, Helvetica, Arial;
	font-weight: bold;
}

.sidebar ol.listColouredNumber {
	margin-bottom: 20px;
	margin-top: 20px;
	width: 265px;
}

.sidebar ol.listColouredNumber .number {
	width: 20px;
}

.sidebar ol.listColouredNumber li {
	width: 240px;
}

/*** Form specific HTML tags ***/

input[type="text"],
input[type="password"],
input[type="file"],
select,
textarea {
	border: 1px solid  #e1e2e2;
}

select { 
	background-color: #e4f2f5;
	border: none;
	color: #415b6c;
	font-size: 11px;
	padding-bottom: 5px;
	padding-left: 13px;
	padding-top: 5px;
}

fieldset input[type="text"],
fieldset input[type="password"],
input[type="file"],
fieldset select,
fieldset textarea {
	margin-bottom: 15px;
}

.searchInput {
	background: #ffffff;
	border: 1px solid #e2e3e3; /*** Colour picker in the AI file ***/
	height: 25px;
	padding-left: 10px;
	width: 220px;
}

.searchInput input[type="text"] { /*** Make this a generic style; searchInput ***/
	border: 0 none;
	color: #d25d12; /*** Colour picker in the AI file ***/
	float: left;
	font-size: 14px;
	font-family: "Gotham SSm 7r","Gotham SSm A","Gotham SSm B", Gotham, Helvetica, Arial;
	font-weight: bold;
	height: 100%;
	line-height: 100%;
	margin: 0;
	outline: 0 none;
	padding: 0;
	width: 193px;
}

.searchInput input[type="image"] { /*** Make this a generic style; searchInput ***/
	height: 20px;
	margin-right: 7px;
	margin-top: 2px;
	outline: 0 none;
	width: 20px;
}

.button_email span {
	background: url('/resources/images/icons/SearchResultsEmail.png') no-repeat left!important;
}

.button_print span {
	background: url('/resources/images/icons/SearchResultsPrint.png') no-repeat left!important;
}

.button_email span, .button_print span 
{
	background-size: 32px;
}

[id$='lblRatingStarLabel'] {
	vertical-align: text-top;
}

/*Dropdowns*/

.dropdown {
	position: relative;
}

.dropdown a.btn-block {
	background-color: #e4f1f6;
	border: 0;
	box-sizing: border-box;
	color: #415b6c;
	display: block;
	font-size: 14px;
	font-family: "Gotham SSm 4r","Gotham SSm A","Gotham SSm B", Gotham, Helvetica, Arial;
	font-weight: normal;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	padding-left: 15px;
	padding-right: 50px;
	position: relative;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
}

.dropdown a.btn-block .caret {
	background-image: url(../images/icons/DropdownCaret.png);
	background-repeat: no-repeat;
	height: 41px;
	position: absolute;
	right: 0;
	top: 0;
	width: 45px;
}

.dropdown.open .dropdown-menu {
	display: block;
}

.dropdown .dropdown-menu {
	background-color: #b1d7e4;
	color: #415b6c;
	display: none;
	font-size: 14px;
	margin: 0;
	max-height: 500px;
	min-width: 100%;
	overflow: auto;
	padding-bottom: 20px;
	position: absolute;
	z-index: 2;
}

.dropdown .dropdown-menu li {
	list-style-type: none;
	padding-bottom: 0;
	padding-left: 0;
}

.dropdown .dropdown-menu li:hover {
	background-color: #97cadd;
}

.dropdown .dropdown-menu li a {
	color: #415b6c;
	display: block;
	height: 35px;
	line-height: 35px;
	overflow: hidden;
	padding-left: 14px;
	padding-right: 14px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.dropdown .dropdown-menu li.dropdownMenuEdit a {
	background-image: url(../images/icons/dropdownEdit.png);
	background-position: 0 9px;
	background-repeat: no-repeat;
	border-bottom: 1px solid #ffffff;
	margin-left: 15px;
	margin-right: 15px;
	padding-left: 25px;
}

	.dropdown .dropdown-menu li a:hover {
	background-color: #97cadd;
}


/*** Checkboxes and Radio Buttons ***/

input[type="radio"]:not(old),
input[type="checkbox"]:not(old) {
	margin: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	padding: 0;
	position: absolute;
	width: 28px;
	height:28px;
}

input[type="radio"]:not(old) + label,
input[type="checkbox"]:not(old) + label {
  	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	line-height: 24px;
	padding-left: 28px;
	width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 	
}

input[type="radio"]:not(old) + label {
	background-image: url(../images/icons/RadioButton.png);
}

input[type="radio"]:checked:not(old) + label {
	background-image: url(../images/icons/RadioButtonChecked.png);
}

input[type="radio"]:disabled:not(old) + label {
	background-image: url(../images/icons/RadioButtonDisabled.png);
}

input[type="radio"]:checked:disabled:not(old) + label {
	background-image: url(../images/icons/RadioButtonCheckedDisabled.png);
}

.localizedRadioButton > input[type="radio"]:not(old),
.styledInputs input[type="radio"]:not(old),
.styledInputs input[type="checkbox"]:not(old) {
	left: -1000%;
	position: absolute;
}

input[type="checkbox"]:not(old) + label {
	background-image: url(../images/icons/Checkbox.png);
}

input[type=checkbox]:checked:not(old) + label {
	background-image: url(../images/icons/CheckboxChecked.png);
}

input[type="checkbox"]:disabled:not(old) + label {
	background-image: url(../images/icons/CheckboxDisabled.png);
}

input[type="checkbox"]:checked:disabled:not(old) + label {
	background-image: url(../images/icons/CheckboxCheckedDisabled.png);
}

/*** Buttons ***/

.button,
button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
	background-color: #5bd1f6;
	border: 1px solid #5bd1f6;
	border-radius: 0;
	color: #ffffff;
	font-size: 12px;
	font-family: "Gotham SSm 7r","Gotham SSm A","Gotham SSm B", Gotham, Helvetica, Arial;	
	font-weight: bold;
	padding: 6px 35px;
	cursor: pointer;
	text-transform: uppercase;
	-webkit-appearance: none;
}

button:disabled,
input[type="button"]:disabled,
input[type="submit"]:disabled,
input[type="reset"]:disabled {
	color: #cccccc;
	opacity: .5; 
}

button.btnDarkGrey,
input[type="button"].btnDarkGrey,
input[type="submit"].btnDarkGrey,
input[type="reset"].btnDarkGrey {
	background-color: #303d43;
	border: 1px solid #aa521c; /*** Colour picker in AI ***/
	color: #ffffff;
}
button.btnDarkGrey:hover,
input[type="button"].btnDarkGrey:hover,
input[type="submit"].btnDarkGrey:hover,
input[type="reset"].btnDarkGrey:hover {
	border: 1px solid #fff;
}

button.btnOrange,
input[type="button"].btnOrange,
input[type="submit"].btnOrange,
input[type="reset"].btnOrange {
	background-color: #e26c24;
	border: 1px solid #e26c24;
}

button:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="password"]:focus {
	outline:0 !important; /*** May not need !important ***/
}

.button.lightBlue{
	background-color: #E5F2F6;
	border: 1px solid #E5F2F6;
	color: #415B6C;
	font-family: "Gotham SSm 4r","Gotham SSm A","Gotham SSm B", Gotham, Helvetica, Arial;
	font-weight: normal;
}

[id$='divLogin'] #btnLogin { padding: 6px 27px; }

/*** Label and value pair ***/
.labelValuePair{ display: table-row;}
.labelValuePair > span {
	display: table-cell;
	font-family: "Gotham SSm 7r","Gotham SSm A","Gotham SSm B", Gotham, Helvetica, Arial;
	font-weight:bold;
	padding-right:20px;
}

.labelValuePair > div {
	display: table-cell;
}

/*** Grids ***/

table {
	border-collapse: separate;
	width:100%;
}

th,
.RadGrid th.rgHeader {
	background-color: #7080a3;
	color: #ffffff;
	font-size: 12px;
	line-height: 20px;
	font-family: "Gotham SSm 7r","Gotham SSm A","Gotham SSm B", Gotham, Helvetica, Arial;
	font-weight: bold;
	padding: 10px 15px 10px 0;
	text-align: left;
	text-transform: uppercase;
	vertical-align: bottom;
}
th:first-child,
.RadGrid th.rgHeader:first-child {
	padding-left:21px;
}
th.mobileOnlyHeader{ display: none; }

td {
	font-size:12px;
	padding: 10px 25px 10px 0;
}

td:first-child {
	padding-left:20px;
}

th a,
.RadGrid th.rgHeader a {
	color: #ffffff;
}

.rgNoRecords{ text-align: center;}

tr.tableFooter {
	text-transform: uppercase;
	font-family: "Gotham SSm 7r","Gotham SSm A","Gotham SSm B", Gotham, Helvetica, Arial;
	font-weight: bold;
}

tr:nth-child(even) {
	background: #f2f2f2;
}
 
tr:nth-child(odd) {
	background: #ffffff;
}

td a {
	text-decoration: underline;
}

table[id$=gvAccounts] .localizedRadioButton
{
	display:inline-block;
}

table[id$=gvAccounts] td.otherCol {
	padding: 10px 10px;
}

table[id$=gvAccounts] td.visionerCol{
	padding: 10px 0;
}

table[id$=gvAccounts] td {
	padding: 10px 10px;
}

tr>.hiddenField {
	display:none
}

.alternateEvery2 tr:nth-of-type(4n+1), .alternateEvery2 tr:nth-of-type(4n+2) {
	background: #fff;	
}
.alternateEvery2 tr:nth-of-type(4n+3), .alternateEvery2 tr:nth-of-type(4n+4) {
	background: inherit;	
}

/* Classes for jquery datatable */
table.dataTable thead th {
	cursor: pointer;
}

.sorting {
	background: #7080a3 url("./images/sort_both.png") no-repeat scroll right center;
}

.sorting_asc {
	background: #7080a3 url("./images/sort_asc.png") no-repeat scroll right center;
}

.sorting_desc {
	background: #7080a3 url("./images/sort_desc.png") no-repeat scroll right center;
}
/* End classes for jquery datatable */

td button, 
td input[type="button"], 
td input[type="submit"], 
td input[type="reset"] {
	padding: 6px 10px;
}

td.pdfButton,
.RadGrid .rgRow td.pdfButton {
	padding-right: 0;
	text-align: right;
}


/*** Re-usable styles  ***/

.clearFloats {
	clear: both;
}

hr.shortHR {
	background: #ffffff;
	border: none;
	height:1px;
	margin:0 0 10px;
	text-align: left;
	width:45px;
}

hr.shortHR.white {
	background: #ffffff;
}

hr.shortHR.orange {
	background: #e26c24;
}

hr.shortHR.darkBlue {
	background: #314451;
}

.noWrap { white-space: nowrap; }

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

.twoColumnContent {
	float: left;
	width: 685px;
}

.sidebar { 
	float: right;
	width: 265px;
}

.twoColumnContent .bodyText {
	padding-top: 45px;
	padding-left: 55px;
}

.calloutSection {
	background-color: #f2f2f2;
	margin-bottom: 15px;
	padding-bottom: 65px;
	padding-left: 45px;
	padding-right: 50px;
	padding-top: 45px;
}

.calloutBox {
	background-color: #7cbcd2;
	margin-top: 2px;
	padding-bottom: 14px;
	padding-left: 24px;
	padding-right: 14px;
	padding-top: 10px;
}

.calloutLarge {
	padding-bottom: 14%; /*** Not responsive ***/
	padding-top: 17%; /*** Not responsive ***/
}

.calloutBox.calloutGrey {
	background-color: #f0f0f0;
}

.calloutBox.calloutButton {
	text-transform: uppercase;
}

.calloutBox h3, .calloutBox .homeMediaInfo h3 {
	border-bottom: medium none;
	color: #fff;
	padding-bottom: 0;
}

.calloutBox .homeMediaInfo .date {
	color: #000;
}

.smartHabits .calloutBox {
	background-color: #182d4a;
	box-sizing: border-box;
	color: #7cbcd2;
}

.smartHabits .calloutBox h1 {
	background-color: #47a0c2;
	font-size: 16px;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: center;
}

.smartHabits .calloutBox p {
	font-size: 16px;
	line-height: 26px;
}

.contentSection {
	margin-bottom: 15px;
	padding-bottom: 65px;
	padding-left: 45px;
	padding-right: 50px;
	padding-top: 45px;
}

.contentSection.greyBG {
	background-color: #f2f2f2;
}

.information {
	color: #e26c24;
	font-size: 15px;
}

.contentSection.newsSection {
	padding-bottom: 10px;
}

.contentSection.newsSection h2 {
	margin-bottom: 15px;
}

.contentSection.newsSection .newsItem {
	margin-bottom: 40px;
}

.contentSection.newsSection .newsHeading {
	color: #e26c24;
	font-size: 17px;
	line-height: 22px;
}

.contentSection.newsSection .newsDate {
	color: #96989b;
	font-size: 13px;
	margin-bottom: 15px;
}

.asrNote {
	color: Red;
}

.tou {
	display:none;
}

.centered { 
	margin-left: auto; 
	margin-right: auto;
	display: block;
}

.centeredText {
	text-align: center;
}

.verticalTop {
	vertical-align: top;
}

.marginBottom {
	margin-bottom: 20px;
}

.floatLeftToStack {
	float: left; 
	margin-bottom: 5px; 
	margin-right: 5px;
}

/* Images with text overlay */

.imageHeader {
	background-repeat: no-repeat;
	background-size: cover;
	height: 267px;
	position: relative;
	width: 100%;
}

.imageHeaderOverlay {
	position: absolute;
	bottom:0px;
	left:0px;
	width:100%;
	background-color: rgb(49,68,81);
	/* @alternate */ background-color: rgba(49,68,81,0.7);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
}

.imageHeaderOverlay p {
	padding: 25px;
	color: #ffffff;
	font-family: "Gotham 4r","Gotham A","Gotham B", Gotham, Helvetica, Arial;
	font-size: 21px;
	line-height: 26px;
}

/* Promotions with images */
.promoImage {
	background-repeat: no-repeat;
	height: 300px;
	position: relative;
}

.promoImage.twoLinkRows {
	height: 530px;
}

.promoImageMask,
.promoImageLinks,
.promoImage .promoImageText {
	position: absolute;
}

.promoImage .promoImageLinks {
	left: auto;
	right: 80px;
}

.promoImage.textRight .promoImageLinks {
	left: 0;
	right: auto;
}

.promoImage  p {
	margin: 0px;
}

.promoImage .promoImageText {
	background-color: #10212a;
	height: 280px;
	left: 0;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	position: absolute;
	right: auto;
	width: 305px;
	z-index: 2;
}

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

.smartHabits .promoImageText {
	background-color: transparent;
}

.promoImage.textLeft .promoImageText,
.promoImage.textLeft .promoImageLinks {
	top: 0;
}

.promoImage.textLeft .promoImageLinks {
	padding-right: 85px;
	right: 0;
}

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

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

.promoImageLinks {
	height: auto;
	top: 0;
	z-index: 2;
}

.promoImageMask {
	background-color: #10212a;
	height: 100%;
	left: 0;
	opacity: .65;
	filter: alpha(opacity=65);
	top: 0;
	width: 100%;
	z-index: 1;
}

.promoLongImage,
.promoLongLabel {
	float: left;
	margin-left: 85px;
	width: 130px;
}

.promoLongImage {
	background-repeat: no-repeat;
	border-width: 0;
	border-radius: 100%;
	behavior: url(../css/PIE.htc);
	height: 130px;
	margin-bottom: 20px;
	margin-top: 50px;
}

.promoLongLabel {
	color: #ffffff;
	font-size: 15px;
	letter-spacing: .04em;
	line-height: 17px;
	text-align: center;
	top: 200px;
}

.promoImage a.promoLongLabel {
	color: #ffffff;
	font-size: 15px;
	font-family: "Gotham SSm 7r","Gotham SSm A","Gotham SSm B", Gotham, Helvetica, Arial;
	font-weight: bold;
}

.promoImage a.promoLongLabel:hover {
	color: #7cbcd2;
}

.promoImage a {
	color: #5bd1f6;
	z-index: 1;
}

.promoImage a.linkLearnMore:before { 
	content: "";
}

.promoImage a.linkLearnMore:after { 
	content: " >";
}


/* Level 1 Navigation */

.level1Navigation .lev1NavTitle {
	color: #ffffff;
	font-size: 27px;
	font-family: "Gotham 4r","Gotham A","Gotham B", Gotham, Helvetica, Arial;
	font-weight:normal;
	line-height: 30px;
	margin-bottom: 25px;
	text-transform: none;
}

.level1Navigation .lev1NavSubTitle,
.level1Navigation .lev1NavSubTitle a {
	color: #e26c24;
	font-size: 24px;
	font-family: "Gotham 7r","Gotham A","Gotham B", Gotham, Helvetica, Arial;
	font-weight: bold;
	line-height: 32px;
	margin-bottom: 20px;
	text-transform: uppercase;
}

.level1Navigation p,
.promoImage p {
	color: #ffffff;
	font-size: 14px;
	line-height: 21px;
}

/*** Level 2 navigation ***/

.level2Navigation {
	padding-bottom: 132px;
	padding-left: 85px;
	padding-top: 66px;
}

.level2Navigation img.lev2Navimage {
	float: left;
	height: 216px;
	margin-right: 16px;
	width: 132px;
}

.level2Navigation .lev2NavSection {
	float: left;
	margin-right: 20px;
	width: 295px;
}

.level2Navigation a.lev2NavHeadLink {
	border-bottom: 1px solid #e26c24;
	color: #10212a;
	display: block;
	font-size: 16px;
	margin-bottom: 15px;
	padding-bottom: 5px;
}

.level2Navigation .lev2NavHeader {
	color: #e26c24;
	font-size: 22px;
	font-family: "Gotham 7r","Gotham A","Gotham B", Gotham, Helvetica, Arial;
	font-weight: bold;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.level2Navigation p {
	font-size: 12px;
	line-height: 20px;
}

.lev2NavButton {
	background-color: #5bd1f6;
	border: 1px solid #5bd1f6;
	padding: 6px 5px;
	text-transform: none;
}

a.lev2NavButton {
	color: #ffffff;
	font-family: "Gotham SSm 7r","Gotham SSm A","Gotham SSm B", Gotham, Helvetica, Arial;
	font-weight: bold;
	font-size: 12px;
}
a.lev2NavButton:hover {
	background-color:#7CBCD2;
	border: 1px solid #7CBCD2;
}

.level3Navigation {
	padding-bottom: 66px;
	padding-left: 85px;
}

.lev3NavSection {
	float: left;
	margin-bottom: 66px;
	margin-right: 70px;
	width: 260px;
}

.lev3NavHeader {
	color: #e26c24;
	font-size: 20px;
	font-family: "Gotham 7r","Gotham A","Gotham B", Gotham, Helvetica, Arial;
	font-weight: bold;
	margin-bottom: 20px;
}

.lev3NavSection p {
	font-size: 12px;
	line-height: 20px;
}

/*
//! Navigation classes repeated but with names changed (used in CMS).
	To replace naming used above 
*/

/* Level 1 navigation */

.navigationLevel1 {
	height: 300px;
	position: relative;
	overflow: hidden;
}
	
.navigationLevel1 p {
	color: #ffffff;
	font-size: 14px;
	line-height: 21px;
	margin-bottom: 0px !important;
}

.navigationLevel1 a {
	color: #5bd1f6;
}
	
.navigationLevel1 a.linkLearnMore:before {
	content: "";
}

.navigationLevel1 a.linkLearnMore:after {
	content: " >";
}
	
.navigationLevel1 .navImage {
	left: auto;
	position: absolute;
	right: 0;
	min-width: 768px;
	z-index: 1;
}
	
.navigationLevel1.textRight .navImage {
	left: 0;
	right: auto;
}
	
.navigationLevel1 .navSection {
	background-color: #10212a;
	height: 280px;
	left: 0;
	padding-left: 20px;
	padding-right: 10px;
	padding-right: 20px;
	padding-top: 20px;
	position: absolute;
	top: 0;
  	width: 320px;
	z-index: 2;
}

.navigationLevel1.textRight .navSection {
	left: auto;
	right: 0;
}
			
.navigationLevel1 hr,
.promoImage hr {
	border-bottom: 1px solid #ffffff;
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
	text-align: left;
	width: 40px;
}
			
.navigationLevel1 .navTitle,
.promoImage .navTitle {
	color: #ffffff;
	font-size: 27px;
	font-family: "Gotham 4r","Gotham A","Gotham B", Gotham, Helvetica, Arial;
	font-weight:normal;
	line-height: 25px;
	margin-bottom: 15px;	
	text-transform: none;
}

.navigationLevel1 .navSubTitle,
.navigationLevel1 .navSubTitle a,
.promoImage .navSubTitle,
.promoImage .navSubTitle a {
	color: #e26c24;
	font-size: 24px;
	font-family: "Gotham 7r","Gotham A","Gotham B", Gotham, Helvetica, Arial;
	font-weight: bold;
	line-height: 32px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.smartHabits .navigationLevel1 .navSubTitle, 
.smartHabits .navigationLevel1 .navSubTitle a, 
.smartHabits .promoImage .navSubTitle, 
.smartHabits .promoImage .navSubTitle a {
  color: #ffffff;
}

.smartHabits .navLevel1Container.mediumBlue,
.smartHabits .navLevel1Container.mediumBlue .navSection {
	background-color: #526199;
}

.smartHabits .navLevel1Container.lightBlue,
.smartHabits .navLevel1Container.lightBlue .navSection {
	background-color: #7cbcd2;
}

.smartHabits .navLevel1Container.darkBlue,
.smartHabits .navLevel1Container.darkBlue .navSection {
	background-color: #10212a;
}

.smartHabits .navLevel1Container.lightBlue a {
  color: #526199;
}

.smartHabits .navigationLevel1 .navSubTitle, 
.smartHabits .navigationLevel1 .navSubTitle a {
  color: #ffffff;
}

/* Level 2 navigation */

.navigationLevel2 {
	padding-bottom: 30px;
	padding-left: 85px;
	padding-top: 30px;
	padding-right: 5px;
}

.navigationLevel2 .navImage {
	float: left;
	height: 216px;
	margin-right: 16px;
	width: 132px;
}

.navigationLevel2 .navSection {
	float: left;
	margin-right: 20px;
	padding-bottom: 40px;
	width: 295px;
}

.navigationLevel2 .navSection .navSectionText {
	border: 1px solid transparent;
	min-height:190px;
}

.navigationLevel3 .navSection a,
.navSectionText a p {
	color: #000;
}

.navigationLevel2 a.navHeadLink {
	border-bottom: 1px solid #e26c24;
	color: #10212a;
	display: block;
	font-size: 16px;
	margin-bottom: 15px;
	padding-bottom: 5px;
	cursor: pointer;
}

.navigationLevel2 span.lev2NavHead {
	border-bottom: 1px solid #e26c24;
	color: #10212a;
	display: block;
	font-size: 16px;
	margin-bottom: 15px;
	padding-bottom: 5px;
}

.navigationLevel2 .navHeader,
.navigationLevel2 .navHeader a {
	color: #e26c24;
	font-size: 22px;
	font-family: "Gotham 7r","Gotham A","Gotham B", Gotham, Helvetica, Arial;
	font-weight: bold;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.navigationLevel2 p {
	font-size: 12px;
	line-height: 20px;
}

/* Level 2 navigation in main content section */
.mainContentNav.navigationLevel2 {
	padding-bottom: 30px;
	padding-top: 30px;
	padding-left: 0;
}

.mainContentNav.navigationLevel2 .navSection {
	width: 235px;
}

.mainContentNav.navigationLevel2 p {
	margin-bottom:10px;
}

.smartHabits .navLevel2MainImg {
	display: block;
	margin-left: 25px; 
	margin-right: 25px; 
	width: 1054px; 
}

.smartHabits .navigationLevel2 {
	background-color: #e4f1f6;
	margin-left: 25px;
	margin-right: 25px;
  	padding: 70px 5px 40px 60px;
}

.smartHabits .navigationLevel2 .navSection {
  margin-right: 15px;
  padding-bottom: 40px;
  width: 304px;
}

.smartHabits .navigationLevel2 .navImage {
  	border-radius: 100%;
	height: auto;
	margin-right: 10px;
	width: 127px;
}

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

.smartHabits .navigationLevel2 p {  
  	color: #10212a;
}

/* Level 3 navigation */
.navigationLevel3 {
	padding-bottom: 66px;
	padding-left: 85px;
}

.navigationLevel3 .navSection {
	float: left;
	margin-bottom: 66px;
	margin-right: 70px;
	width: 260px;
	height: 80px;
}

.navigationLevel3 .navHeader,
.navigationLevel3 .navHeader a
	{
	color: #e26c24;
	font-size: 20px;
	font-family: "Gotham 7r","Gotham A","Gotham B", Gotham, Helvetica, Arial;
	font-weight: bold;
	margin-bottom: 10px;
}

.navigationLevel3 p {
	font-size: 12px;
	line-height: 20px;
}

/*** Accordion List ***/

/* Accordion in the main content area */

.smartHabits .accordion {
	margin-left: auto;
	margin-right: auto;
	width: 75%;
}

.smartHabits .rightCol .accordion {
	width: 100%;
}

.accordion .heading {
	background-repeat: no-repeat;
	font-size: 14px;
	font-family: "Gotham SSm 7r","Gotham SSm A","Gotham SSm B", Gotham, Helvetica, Arial;
	font-weight: bold;
	padding-left: 25px;
	padding-top: 30px;
}

.accordion .ui-accordion-header {
	background-image: url(../images/icons/ContentAccordionOpen.png);
	background-position: 0 35px;
	color: #526199;
}

.smartHabits .accordion .ui-accordion-header {
	background-color: #1d366a;
	background-image: url(../images/icons/SmartHabitsAccordionOpen.png);
	color: #ffffff;
	background-position: 98% 15px;
	height: 44px;
	line-height: 44px;
	margin-bottom: 5px;
	padding-left: 15px;
	padding-top: 0;
}

.accordion .ui-accordion-header-active {
	background-image: url(../images/icons/ContentAccordionClose.png);
	background-position: 0 38px;
	border-bottom: 1px solid #e26c24;
	color: #e26c24;
	margin-bottom: 5px;
}

.smartHabits .accordion .ui-accordion-header-active {
	background-image: url(../images/icons/SmartHabitsAccordionClose.png);
	border-bottom: 0 none;
	margin-bottom: 0;
}

.accordion .body {
	background-color: #415b6c;
	color: #ffffff;
	font-size: 12px;
	padding: 25px;
}

.smartHabits .accordion .body {
	background-color: #ffffff;
	color: #10212a;
	padding: 0;
}

.accordion .body .bodyHeading {
	font-family: "Gotham SSm 7r","Gotham SSm A","Gotham SSm B", Gotham, Helvetica, Arial;
	font-weight: bold;
	margin-bottom: 15px;
	text-transform: uppercase;
}

.accordion a {
	color: #5bd1f6;
}

.accordion p {
	font-size: 12px;
}

.accordion .informationSection {
	border-bottom: 1px solid #e26c24;
	clear: both;
	padding: 0;
}

.accordion .informationSection .icon,
.accordion .informationSection .informationList {
	display: table-cell;
	vertical-align: top;
}

.accordion .informationSection .icon {
	background-color: #e5f2f6;
	background-position: center 40px;
	background-repeat: no-repeat;
	font-size: 12px;
	height: auto;
	padding-top: 70px;
	text-align: center;
	width: 145px;
}

.accordion .informationSection .informationList {
	padding-left: 25px;
	padding-bottom: 15px;
	padding-top: 15px;
	width: 600px;
}

.accordion .informationSection .icon.lowCost {
	background-image: url(../images/icons/AccordionIconLowCost.png);
}

.accordion .informationSection .icon.midRange {
	background-image: url(../images/icons/AccordionIconMidRange.png);
}

.accordion .informationSection .icon.investment {
	background-image: url(../images/icons/AccordionIconInvestment.png);
}



/* Side Navigation */

.sideNav {
	padding-bottom: 80px;
	width: 265px;
}

.sideNav.fullWidth {
	width: 100%;
}

.sideNav .ui-icon{ display: none;}

.sideNav .item {
	padding: 18px 20px;
}

.sideNav .item,
.sideNav .item a {
	color: #ffffff;
}

.sideNav .item a:hover {
	color: #7cbcd2;
}

.sideNav .item {
	background-color: #415b6c;
	border-bottom: 1px solid #ffffff;
}

.sideNav .item.ui-accordion-header {
	background-image: url(../images/icons/SidebarAccordianArrowClosed.png);
	background-position: 225px center;
	background-repeat: no-repeat;
	padding: 18px 50px 18px 20px;
}
.sideNav.fullWidth .item.ui-accordion-header {
	background-position: 95% center;	
}
.sideNav .item.ui-accordion-header-active {
	background-image:url(../images/icons/SidebarAccordianArrow.png);
}

.sideNav div.item.noChildren {
	background-image: none;
}

.sideNav .child,
a.sideNavLink  {
	background-color: #e4f2f5;
	display: block;
	font-size: 12px;
	line-height: 15px;
	padding: 14px 20px 4px 20px;
}

.sideNav .child .link
{
	padding-bottom: 11px;
}

.sideNav .child,
.sideNav .child a {
	color: #415b6c;
}

.sideNav .item.current {
	background-color: #10212a;
}

.sideNav .child a.current {
	color: #e26c24;
}

a.sideNavLink {
	margin-bottom: 15px;
	padding: 5px 20px;
	text-transform: uppercase;
	width: 225px;
}

/*** Sidebar Blog ***/

.sidebarBlog {
	padding-left: 12px;
	padding-right: 12px;
}

.sidebarBlogTitle {
	color: #415b6c;
	font-size: 18px;
	font-family: "Gotham 7r","Gotham A","Gotham B", Gotham, Helvetica, Arial;
	font-weight: bold;
	line-height: 23px;
	margin-bottom: 25px;
	text-transform: uppercase;
}

.sidebarBlogEntry .title {
	color: #ffffff;
	font-size: 17px;
	line-height: 22px;
}

.sidebarBlogEntry .date {
	color: #415b6c;
	font-size: 13px;
	line-height: 16px;
	margin-bottom: 20px;
}

.sidebarBlogEntry p {
	color: #415b6c;
	font-size: 13px;
	line-height: 18px;
}

.sidebarBlogEntry a {
	color: #ffffff;
}

/*** Form fields ***/
fieldset > legend
{
    max-width: 100%;
    margin-bottom:15px;
}

.servicesFix
{
    margin-left:0;
}

fieldset > div {
	position: relative;
	padding-bottom:25px;
	min-height: 20px;
}

fieldset input[type="text"], 
fieldset input[type="password"], 
fieldset input[type="file"], 
fieldset select, 
fieldset textarea{
	border: 1px solid #e2e3e3;
	margin: 0;
	padding: 3px 3%;
	width: 94%;
}

label[for$='rdBtnPaperless'] { margin-bottom: 15px; }

fieldset select{ width: 90%;float: right;}
fieldset > div > label,
fieldset > div > span{
	float: left;
	font-family: "Gotham SSm 7r","Gotham SSm A","Gotham SSm B", Gotham, Helvetica, Arial;
	font-weight: bold;
	max-width: 40%;
}
fieldset > div.required > label:after, 
fieldset > div.required > span:after, 
div.required > label:after, 
.requiredIndicator {
	content: "*";
	color: #E26C24;
	margin: 3px 0 0 5px;
}
fieldset > div > div{
	margin-left: 40%;
	width: 50%;
	min-height: 20px;
}
/* Simple field like Terms & Conditions */
fieldset > div.required.simpleField > label:after, 
fieldset > div.required.simpleField > span:after, 
div.required.simpleField > label:after,
div.required.simpleField > span:after {
	content: normal;
}
fieldset > div.required.simpleField > label:before, 
fieldset > div.required.simpleField > span:before, 
div.required.simpleField > label:before,
div.required.simpleField > span:before {
	content: "*";
	color: #E26C24;
	display: table-cell;
	margin: 3px 5px 0 0;
	vertical-align: top;
}
fieldset > div.simpleField {
	display: table;
	width: 100%;
}
fieldset > div.simpleField > label, 
fieldset > div.simpleField > span{
	display: table-row;
	float: none;
	font-weight: normal;
	max-width: 100%;
}
fieldset > div.simpleField > label > *, 
fieldset > div.simpleField > span > *{
	display: table-cell;
}
fieldset > div.simpleField input[type="radio"]:not(old) + label, 
fieldset > div.simpleField input[type="checkbox"]:not(old) + label {
	display: inline-block;
	padding-bottom:3px;
	width: 95%;
}
/***/

fieldset > div > div > select.controlOnRight {
	width: 100%;
}


/* field with 2 controls on same line */
fieldset > div > div > span{
	display: inline-block;
	padding-left: 1%;
	vertical-align: middle;
	width: 39%;
}

/*Yes No radio buttons misalignment*/
fieldset > div > div > span.localizedRadioButton{
	padding-left: 0;
}

fieldset > div > div > span:first-child{
	text-align: left;
	padding: 0;
	width: 60%;
}
fieldset > div > div > span > input{ width: 60%;}

fieldset > div > div > span:first-child > input{ width: 94%!important;}

fieldset > div > div > span > input[type="radio"], 
fieldset > div > div > span:first-child > input[type="radio"]{ 
	width: auto !important;
}

/* 2 controls on same line, and the first one or the last one is small, and the other takes the left space */
fieldset .smallFirstControl > span,
fieldset .smallLastControl > span {
	display: table-cell;
	vertical-align: top;
	height: 20px;
	width: 100%;
}
fieldset .smallFirstControl > span:first-child {width: auto;}
fieldset .smallLastControl > span {width: auto;}
fieldset .smallLastControl > span:first-child {width: 100%;}

fieldset .smallFirstControl > span > select,
fieldset .smallFirstControl > span > input { width: 100%;}
fieldset .smallFirstControl > span > input[type="radio"] {   width: auto !important;}
/***/

[id$='ddlServiceAddress'] { width: 100%; }

/* field with 2 or more controls on different lines */
fieldset > div > div > span.formButton,
fieldset > div > div > div > span.formButton, /* and this rule cover a special case in moving wizard where it has an addtional DIV */
fieldset > div > span > span.formButton { /* this one cover the fields in SearchOutages.aspx */
	display: table;
	margin-bottom:10px;
	padding-left:0;
	position: relative;
	width: 100%;
}

fieldset > div > div > span.formButton > * { vertical-align: middle;}
span.formButton { display:block; }

fieldset .value span.formButton {
	display: inline-block;
	margin-bottom: 0;
}

/*Step 4: Rentals td alignment*/
.alignWithTop{ width:11%; }

/***/

/* field with help tooltip */
.helpOnRight{ position: relative;}
.helpOnRight > label {
	border-right: #E26C24 1px solid ;
	margin-right: 35px;
}
.helpOnRight .help {
	margin-top: -8px;
	position: absolute;
	right: 0;
	top: 50%;
}
fieldset .helpOnRight > input, fieldset .helpOnRight > select, fieldset .helpOnRight > textarea { width: 88%;}

/* with 2 controls on same line */
fieldset .helpOnRight > span{width: 33%;}
fieldset .helpOnRight > span:first-child{width: 60%;}

/* with 2 or more controls on different lines and help tooltip on each one */
fieldset .helpOnRight > span.formButton, 
fieldset .helpOnRight > span.formButton:first-child {
	padding-right: 7%;
	position: relative;
	width: 93%;
}
/***/

/* field with error */
fieldset div.error > div > input[type="text"], 
fieldset div.error > div > input[type="password"], 
fieldset div.error > div > input[type="file"], 
fieldset div.error > div > select, 
fieldset div.error > div > textarea{ width: 84%;}

fieldset div.error > div input, 
fieldset div.error > div textarea {
	border: #e10909 1px solid;
}

fieldset div.error > div:before, 
fieldset div div.error > span:before, 
.error.errorOneLine > label:before{
	background:url(../images/alert.png) center center no-repeat;
	content: " ";
	display: block;
	float: left;
	height:24px;
	width: 9%;
}
.error.errorTwoLines > label:before {
	background:url(../images/alert.png) center center no-repeat;
	content: " ";
	display: block;
	float: left;
	height:30px;
	width: 9%;
}

fieldset div.error > div > span:first-child{ width: 50.5%;} /* with 2 control on same line */
fieldset div.error > div > span.formButton,
fieldset div.error > div > span.formButton:first-child,
fieldset div.error > div > div { /* with multiple controls on different lines */
	display: block;
	margin-left: 9%;
	width: auto;
}

fieldset div.error > div.helpOnRight > input, 
fieldset div.error > div.helpOnRight > select, 
fieldset div.error > div.helpOnRight > textarea { width: 78%;} /* with 2 controls on same line and help tooltip */

fieldset > div.required.simpleField.error > label::before, /* for SimpleField */
div.required.simpleField.error > label::before {
	background: url("/Resources/images/alert.png") right 3px no-repeat;
	width: 27px;
}
/***/

/* 2 fields that needs to be grouped to denote you should complete only one of them */
fieldset.groupOfFields {
	background: #ebebeb;
	margin: 0 -40px 25px;
	padding: 40px 40px 15px;
}
fieldset > div[id$='div_Or'] {
	margin-top: -15px;
	padding-bottom: 15px;
}
/***/

fieldset .accountNumber{ width: 65px !important;}
fieldset .accountNumberExt{ width: 10px !important;}

fieldset > div label.emptyLabel {
	display: inline-block;
	overflow: hidden;
	width:0;	
}

fieldset *[disabled]{ color: #9B9EA0;}
*[readonly].readonly,
*[readonly="readonly"].readonly { /* for IE */
	 background: #EFEFEF;
}

.controlOnRight {
	float: right;
	width: auto;
}
select.controlOnRight {
	background-color: #425C6B;
	color: #fff;
	font-family: "Gotham SSm 7r","Gotham SSm A","Gotham SSm B", Gotham, Helvetica, Arial;
	font-weight: bold;
	margin-left: 3px;
	padding-left: 2px;
	padding-right: 2px;
}

.nestedFields{ margin-left: 9%;}

.validationSummary {
	border: #e10909 1px solid;
	margin: 20px 0;
}
.validationSummary > div {
	background: #e4f1f6;
	color: #e10909;
	padding: 10px 10px 10px 40px;
}
.validationSummary > div:first-child {
	background:#7cbcd2 url(../images/alert.png) 10px center no-repeat;	
	color: #fff;
}
.validationSummary ul{ margin: 0;}
.validationSummary li {
	list-style: none;
	padding: 0;
}

.ajax__calendar_container{z-index:99;}
.ajax__calendar_container td{padding:0 !important;}
.ajax__calendar_container td div{ margin-bottom: auto !important;}

.oneLink, .twoLinks, .threeLinks, .fourLinks, .fiveLinks{
	position: relative;
	text-align: right;
}

.oneLink a, .oneLink input, .oneLink 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 {
	background-color: #e26c24;
	border: none;
	color: #fff;
	display: inline-block;
	font-size:13px;
	font-family: "Gotham SSm 7r","Gotham SSm A","Gotham SSm B", Gotham, Helvetica, Arial;
	font-weight: bold;
	margin-bottom:10px;
	margin-left:10px;
	max-width: 100%;
	padding: 10px 60px;
	text-align: center;
	text-transform: uppercase;
	white-space: normal;
}
.twoLinks.fullWidth a, .twoLinks.fullWidth input {
	margin-left: 4%;
	width:48%;
}
.oneLink a:hover, .oneLink input:hover, .oneLink button:hover,
.twoLinks a:hover, .twoLinks input:hover, .twoLinks button:hover,
.threeLinks a:hover, .threeLinks input:hover, .threeLinks button:hover,
.fourLinks a:hover, .fourLinks input:hover, .fourLinks button:hover,
.fiveLinks a:hover, .fiveLinks input:hover, .fiveLinks button:hover {
	background-color: #AA521C;
}

.oneLink a:first-child, .oneLink input:first-child, 
.twoLinks a:first-child, .twoLinks input:first-child, 
.threeLinks a:first-child, .threeLinks input:first-child, 
.fourLinks a:first-child, .fourLinks input:first-child,
.fiveLinks a:first-child, .fiveLinks input:first-child {margin-left: 0;}

.notes{color:#9b9ea0;}
.notesWithIcon {
	background:url(../images/alertGrey.png) 0 3px no-repeat;
	color:#9b9ea0;
	min-height: 18px;
	padding-left:20px !important;
}
.footerNotes, .footerNotes p { font-size: 12px; }
.hidden {
	display: none !important;
}

.col1of3 {
	display: inline-block;
	margin-left: 3%;
	vertical-align: top;
	width: 31%;
}

.col1of3:first-child, .col1of3.firstCol { margin-left: 0;}
.fullWidth{width:100%}
.relative{ position: relative;}
.alignRight{ text-align: right;}
.alignCenter{ text-align: center;}
.table{ display: table; }
.tr { display: table-row; }
.td {
	display: table-cell;
	vertical-align: middle;
	height: 20px;
}

.separator{padding: 0 5px;}

.upDownInput {
	background: #fff;
	height: 26px !important;
	position: relative;
	width:60px;
	display:inline-block;
}
.upDownInput > input[type="text"] {
	font-family: "Gotham SSm 7r","Gotham SSm A","Gotham SSm B", Gotham, Helvetica, Arial;
	font-weight: bold;
	padding: 3px;
	text-align: right;
	width:40px;
}

.upDownFix { width: 70px; }

.upDownInput > button,
.upDownInput > input[type="button"],
.upDownInput > input[type="submit"] {
	background: #fff;
	border: none;
	bottom: 0;
	font-family: "Gotham SSm 7r","Gotham SSm A","Gotham SSm B", Gotham, Helvetica, Arial;
	font-weight: bold;
	height: 12px;
	line-height:2px;
	padding: 0;
	position: absolute;
	width: 20px;
}
.upDownInput > .up 
{
	bottom: inherit;
	top:0;
}
.upDownInput > .up, .upDownInput > .down {
	color:#10212a;
}

/*** Logo ***/
/*a.logo {
	background: url(../images/logo.png) no-repeat;
	display: inline-block;
	margin: 0 0 15px 3%;
	padding: 13px 0 13px 65px;
}*/

/*** Warnings ***/
.warning {
	font-family: "Gotham SSm 7r","Gotham SSm A","Gotham SSm B", Gotham, Helvetica, Arial;
	font-weight: bold;
	color: red;
}

/*** Contextual Help popups (when clicking ? icon) ***/
a.help {
	float: right;
	position: relative;
	text-decoration: none;
}

a.help.noFloat {
    float: none;
}

a.help.underline {
    text-decoration: underline;
}

a.help span {
	display: none;
	position: absolute;
	width: 320px;
	border: 1px solid #cccccc;
	padding: 30px;	
	background-color: #fff; 
	z-index: 99;
	left: 50%;
	bottom: 35px;
	margin-left: -191px;
}
a.help span:before, a.help span:after {
	bottom:-10px;
	content: " ";
	border-color: #ccc transparent transparent;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	left: 50%;
	margin-left:-10px;
	position: absolute;
}
a.help span:after {
	bottom:-8.5px;
	border-color: #fff transparent transparent;
}

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

/* Override for ctl00_fullWidthContentPlaceHolder_gvOutages */
#ctl00_fullWidthContentPlaceHolder_gvOutages a.help 
{
    float: inherit;
}

/*** Breadcrumbs ***/
ul.breadcrumbs, ul.breadcrumbs li a {
	color: #959595;
}

ul.breadcrumbs li {
	float: left;
	list-style: outside none none;
	padding: 0px;
}

/*** Tooltips ***/
.localizedControlPopupInfo {
	background-color: #fff; 
	border: solid 1px #ccc;
	left: 94%;
	margin-left:10px !important;
	position: absolute;
	top:0;
	width: 20.3em !important;
	z-index: 4;
}
.formButton .localizedControlPopupInfo { left: 100%;}

[id$='pnlCurrent'] .localizedControlPopupInfo { z-index: 6; }

.localizedControlPopupMain {	
	overflow: auto;
	padding: 20px;
}

/*** Site Alert Banners ***/
.alertsContainer {
	background-color: #F2BD89;
}

.alert {
	padding: 5px 0;
}

.alert p {
	margin-bottom: 0px;
}

.alert a, .alert a:link, .alert a:visited, .alert a:active {
	color:#000;
}

a.close, a.close:link, a.close:visited, a.close:active
{
	float: right;
	font-weight: 700;
	line-height: 1;
	opacity: 0.5;
	filter: alpha(opacity=50);
	text-shadow: 0 1px 0 #fff;
	box-sizing: border-box;
	color:#000;
	text-decoration:none;
}
	
.phoneExt input[type="text"]
{
	display: inline; 
	float: none;
}

.highlightOverlayContainer
{
	position: relative;
	margin: 10px 0 20px;
}

.highlightOverlay
{
	width:30px;
	height:30px;
	background-color:transparent;/*Red*/
	opacity:0;
	filter: alpha(opacity=0);
	position:absolute;
}

.rightCol {
	margin-left: 16px; /* //! Review */ 
}

.navButton {
	text-transform:none;
}

/* MOBILE SCROLLER */
.mobile-scroller-wrapper {
	padding-top:38px;
	position: relative;
}
.indication {
	display:none;
	left:10px;
	pointer-events:none;
	position: absolute;
	top:10px;
}
.mobile-scroller {
	width: 100%;
	overflow:hidden;
}
.scrollRight, .scrollLeft {
	display:none;
	left:10px;
	margin-top:-24px;
	position: absolute;
	top: 50%;
}
.scrollRight {
	left:auto;
	right:10px;
}

div.scroll > div.scrollIndicator {
	display:none;
}
/*****/

/* Telerik Rad Upload CSS */

.ruFileProgressWrap {
	background: #f3f3f3 none repeat scroll 0 0;
	border: 1px solid #d7d7d7;
	margin: 2px 0 0 -1px;
}

.ruFileProgressWrap {
	margin: -3px 0 0;
	position: relative;
	width: 100%;
}

.ruFileProgressWrap {
	background-color: transparent;
	background-repeat: repeat-x;
	display: block;
	height: 5px;
}

.RadUpload_Default_rtl .ruFileProgress {
	background-position: 100% 0;
}
.RadUpload_Default .ruFileProgress {
	background-image: url("WebResource.axd?d=WRHwL431D1wVVgSYOSXVWR0-ndexfcAxokaoNzuomy7sy-e_uD5-ucRQmw42C6poS6Xbe5fAZKeTLBGIgRl_dzxdZ47F_KJI07CJF-pEDUK9m0TP_4peAc0czJdqEFRSay36R9ywZlRhv2N6y5lghcpMmXE1&t=635453381231082496");
}


/* Inline progress */

.RadUpload .ruFileProgress
{
	display : block;
	height : 5px;
	background-repeat: repeat-x;
	background-color:  #54cbe0;
}

* html .RadUpload .ruFileProgress,


.RadUpload .ruFileProgress
{
	margin-left: -2px;
	width : 2px;
}
* html .RadUpload .ruFileProgress { position: relative; }

.RadUpload_rtl .ruFileProgress
{
	margin-left: 0;
	margin-right: -2px;
}





.RadUpload .ruProgressComplete
{
	display: none;
}

.RadUpload .ruUploadProgress {
	background: url("/Resources/images/statusFileUploadProgress.png") no-repeat scroll 0 50% transparent;
	box-sizing: border-box;
	display: block;
	padding-left: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 200px;
	white-space: nowrap;
}

.RadUpload .ruUploadSuccess, .RadUpload .ruUploadFailure, .RadUpload .ruUploadCancelled {
	background-color: transparent;
	background-image: url("/Resources/images/statusFileUpload.png");
	background-repeat: no-repeat;
}

.RadUpload .ruUploadSuccess {
	background-position: 0px 18%;
}

.RadUpload input.ruFileInput {
	height: 31px;
	left: 94%;
	margin-left: 10px;
	top: -1px;
	width: 80px !important;
}

.RadUpload .ruInputs li
{
	margin: 0 0 5px;
	padding-left: 0px;
}

.RadUpload .ruInputs li.ruActions
{
	margin: 1.4em 0 0;
}

.RadUpload .ruInputs,
.RadUploadProgressArea .ruProgress
{
	list-style:none;
	margin:0;
	padding:0;
}

.RadUpload .ruCheck
{
	padding: 3px;
	position:static;
	top: 1px;
}

.RadUpload .ruFileWrap
{
	display: inline-block;
	line-height: 20px; 
	padding-right: 6px;
	position: relative;
	vertical-align: top;
	white-space:nowrap;
	width: auto;
}

.ruFileWrap.ruStyled.fileSizeError {
	white-space: normal;
}

.RadUpload .ruUploadFailure {
	width: 200px;
}

.RadUpload .ruUploadFailure, .RadUpload .ruUploadCancelled {
	background-position: 0 80%;
}

.ruInputs .fileSizeError {
	background-color: #ffcccc;
	color: #cc0000;
	margin-top:3px;
	padding-left:10px;
	width:auto;
}

.RadUpload_rtl .ruFileWrap
{
	padding-left: 0.8em;
	padding-right: 0;
}

.RadUpload .ruFileInput
{
	height: 22px;
	top: -5px;
	left: 0;
}

.RadUpload .ruFileInput,
.RadUpload .ruFakeInput,
.RadUpload .ruButton,
.RadUploadProgressArea .ruButton
{
	box-sizing: border-box;
	float: none;
	padding: 5px 10px;
	vertical-align:top;
}

.RadUpload .ruStyled .ruFileInput
{
	left: -1000%;
	position:absolute;
	z-index:1;
	opacity:0;/*Opera,Firefox*/
	-moz-opacity:0;/*Firefox*/
	filter:alpha(opacity=0);/*IE*/
}

.RadUpload .ruReadOnly .ruFakeInput
{
	position:relative;
	z-index:2;
}

.RadUpload .ruBrowse
{
	margin-left: 2%;
	padding: 5px 10px;
}

.RadUpload .ruFakeInput {
	width: 200px;
}

.RadUpload .ruActions .ruButton,
.RadUploadProgressArea .ruActions .ruButton
{
	background-position: 0 -23px;
	margin: 0 16px 0 0;
	width: 79px;
}

.RadUpload_rtl .ruActions .ruButton,
.RadUploadProgressArea_rtl .ruActions .ruButton
{
	margin: 0 0 0 16px;
}

/* End of Telerik Rad Upload CSS */

#mobileDialog {
	display: none;
	width: 0;
}

.reportOutageOptionsContainer  .localizedRadioButton {
	width:100%;
	margin-bottom: 10px;
}

.outageMapMobile, .offscreen {
	position: absolute; 
	left:-1000%;
}

[for$='chkOneTimePADAgreement']
{
	margin-right: 15px;
	width: 86%;
}

.fieldsetDialogOffset div { margin-top: 15px; margin-bottom: 15px;}
.chkTermsDialogOffset { margin-bottom: 10px;}
.chkTermsDialogOffset .required div { margin-left: 0; width: 100%; }
.chkTermsDialogOffset .required div::before { width: 3.5%; }

/*billpayment*/
.oneTimeNumbers {
	position: relative;
	width: 25%;
}
.oneTimeNumbers > span{ width: 19%;}
.oneTimeNumbers > span:first-child{ width: 80%;}
.oneTimeNumbers input[type="text"] {
	padding: 3px 7%;
	width: 86% !important;
}
fieldset div.error > div.oneTimeNumbers > span:first-child {width: 61.5%;}
fieldset div.error > div.oneTimeNumbers:before{ width: 18%;}
fieldset div.error > div.helpCheque:before{ display: none;}

.oneTimeNumbers .numbered{ 
	  background: orange;
	  color: white;
	  font-size: 16px;
	  border-radius: 50px;
	  margin: 0 5px;
	  padding: 2px 1px 6px 6px;
	  width: 15px;
	  height: 15px;
	  display: inline-block;
}

.helpCheque, 
.helpChequeRecur {
	position: absolute;
	margin-left: 65%;
	width:210px;
	z-index:100;
}
.helpCheque a, 
.helpChequeRecur a{ display: inline-block;}
fieldset div.error > div.helpCheque:before,
fieldset div.error > div.helpChequeRecur:before {
	display: none;
}

/*Outage Confirmation*/
.confirmationSectionHeader,
[id$=summaryControl_fsCaptcha] {
	font-size:16px;
}

.movingFormHeader
{
	margin: 10px 0 25px;
	font-size:16px;
}

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

.ie8Twitter {
	width:375px;
	display:block;
	height:100px;
	background-color:#33CCFF;
}
.ie8Twitter:hover {
	background-color:#84E0FF;
}
.ie8TwitterLogo {
	width:100px;
	height:100px;
	margin-left: auto;
	margin-right: auto;
	background: url('/Resources/images/Twitter_logo_white.png') no-repeat;
}

.ui-dialog-buttonset button 
{
	float:right;	
}
.ui-dialog-buttonset button.ui-button  {
	background-color: #e26c24;
	font-size: 13px;
	padding: 10px 60px;
	margin-bottom: 10px;
	margin-left: 10px;	
}

.ui-dialog-title {
word-wrap: break-word;
}

/* Print */
@media print
{
	/*	
		Do not use the Gotham fonts for print as they appear to cause printing issues in IE (perhaps related to printer drivers).
		This could be refined to apply to IE only.
	 */
	html * {
			font-family: Helvetica, Arial, Sans-Serif !important;
	}

	/* Omit the entire header and footer when printing */
	div.headerWrapper, div.footerWrapper, div.footerLinksWrapper
	{
		display: none !important;
	}
}

.ui-dialog{ z-index: 9999 !important;}
.ui-dialog.noTitle .ui-dialog-title { display: none;}

.scrollableDialogContent {
	height:450px;
	overflow: auto;
	margin-bottom:15px;
}

.TextIndicator {
	display: inline-block !important;
	float: none !important;
	margin-left:25px;
}