/*
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;
	padding: 0;
	width: 100%;
}

body,
input[type="text"],
input[type="password"],
input[type="file"],
input[type="tel"],
input[type="email"],
input[type="number"],
select,
textarea {
	font-family: Helvetica,"Helvetica Neue", Roboto, Arial, sans-serif;
}

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

/* To hide the spinner buttons on number input in Chrome/Safari */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* To hide the spinner buttons on number input in Firefox */
input[type=number] {
	-moz-appearance: textfield;
}

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;
}

.screenReaderOnly {
	position: absolute;
	left: -999em;
	width: 1em;
	overflow: hidden;
}

.defaultCursor {
	cursor: default !important;
}

/*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;
}

	a.underlined {
		text-decoration: underline;
	}

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

	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: Helvetica,"Helvetica Neue", Roboto, Arial, sans-serif;
		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: Helvetica,"Helvetica Neue", Roboto, Arial, sans-serif;
		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;*/
	font-size: 1.01em;
	line-height: 20px;
	padding-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: Helvetica,"Helvetica Neue", Roboto, Arial, sans-serif;
	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: Helvetica,"Helvetica Neue", Roboto, Arial, sans-serif;
	font-size: 22px;
	margin-top: 23px;
}

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

h2 { /* Use h2 for section titles */
	font-family: Helvetica,"Helvetica Neue", Roboto, Arial, sans-serif;
	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: Helvetica,"Helvetica Neue", Roboto, Arial, sans-serif;
	font-weight: bold;
}

h5 {
}

h6 {
}

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

.cp-IPItem.cp-icon.cp-Desktop {
	margin-top: 0px;
}

.cp-icon.cp-Desktop {
	display: block;
	background: url(/Resources/images/mobile/cpIcons.png) no-repeat;
	height: 16px;
	margin-top: -8px;
	right: 10px;
	width: 23px;
	float: right;
}

.collapsed .cp-icon.cp-Desktop {
	background-position: 0 -16px;
}

.cp-content.cp-Desktop {
	overflow: hidden;
	padding: 20px 5%;
	width: 90%;
}

.cp-content.noPadding.cp-Desktop {
	padding: 0;
	width: 100%;
}

.collapsed .cp-content.cp-Desktop {
	display: none;
}

a.cp-header {
	text-decoration: none;
	cursor: default;
}

.cp-header.cp-Desktop {
	background: #f0f0f0;
}

	.cp-header.cp-Desktop.cp-IPItem {
		background: none;
		border: none;
	}

	.cp-header.cp-Desktop h4 span {
		font-size: 14px;
	}
/*** HTML List Tags ***/

ul, ol {
	margin-bottom: 8px;
	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(/Resources/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: Helvetica,"Helvetica Neue", Roboto, Arial, sans-serif;
				font-weight: bold;
			}

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

			ol.listColouredNumber li .heading {
				font-family: Helvetica,"Helvetica Neue", Roboto, Arial, sans-serif;
				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"],
input[type="tel"],
input[type="email"],
input[type="number"],
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"],
input[type="tel"],
input[type="email"],
input[type="number"],
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: Helvetica,"Helvetica Neue", Roboto, Arial, sans-serif;
		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: Helvetica,"Helvetica Neue", Roboto, Arial, sans-serif;
		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;
}

	.preference-centre section.alerts .expandable-content form input[name='altContactLang'] + label,
	.preference-centre section.alerts .expandable-content #alerts-outage form .alerts-alt-contact-section input.alerts-alt-contact-section-existing-channel-radio + label.alerts-alt-contact-section-existing-channel-name,
	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(/resources/images/icons/RadioButton.png);
	}

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

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

input[type="radio"]:checked:disabled:not(old) + label {
	background-image: url(/resources/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(/resources/images/icons/Checkbox.png);
}

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

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

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

/*** Buttons ***/

label.gigya-composite-control[class*="button-"],
body .gigya-screen-dialog div.gigya-screen-dialog-main .gigya-screen-dialog-inner .gigya-screen .gigya-composite-control-submit > input,
body .gigya-screen-dialog div.gigya-screen-dialog-main .gigya-screen-dialog-inner .gigya-screen label[class*="alerts-multi-edit-email-label-"],
.preference-centre section .expandable-content form label[class*="-button"],
.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: Helvetica,"Helvetica Neue", Roboto, Arial, sans-serif;
	font-weight: bold;
	padding: 6px 35px;
	cursor: pointer;
	text-transform: uppercase;
	text-decoration: none;
	-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: Helvetica,"Helvetica Neue", Roboto, Arial, sans-serif;
		font-weight: normal;
	}

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

/*** Label and value pair ***/
.labelValuePair {
	display: table-row;
}

	.labelValuePair > span {
		display: table-cell;
		font-family: Helvetica,"Helvetica Neue", Roboto, Arial, sans-serif;
		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: Helvetica,"Helvetica Neue", Roboto, Arial, sans-serif;
	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: Helvetica,"Helvetica Neue", Roboto, Arial, sans-serif;
	font-weight: bold;
}

tr:nth-child(even),
.wizard table.rgMasterTable tbody tr:nth-child(even) {
	background: #f2f2f2;
}

tr:nth-child(odd),
.wizard table.rgMasterTable tbody 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: Helvetica,"Helvetica Neue", Roboto, Arial, sans-serif;
		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(/resources/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: Helvetica,"Helvetica Neue", Roboto, Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
}

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

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

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

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


/* Level 1 Navigation */

.level1Navigation .lev1NavTitle {
	color: #ffffff;
	font-size: 27px;
	font-family: Helvetica,"Helvetica Neue", Roboto, Arial, sans-serif;
	font-weight: normal;
	line-height: 30px;
	margin-bottom: 25px;
	text-transform: none;
}

.level1Navigation .lev1NavSubTitle,
.level1Navigation .lev1NavSubTitle a {
	color: #e26c24;
	font-size: 24px;
	font-family: Helvetica,"Helvetica Neue", Roboto, Arial, sans-serif;
	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: Helvetica,"Helvetica Neue", Roboto, Arial, sans-serif;
		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: Helvetica,"Helvetica Neue", Roboto, Arial, sans-serif;
	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: Helvetica,"Helvetica Neue", Roboto, Arial, sans-serif;
	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: Helvetica,"Helvetica Neue", Roboto, Arial, sans-serif;
		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: Helvetica,"Helvetica Neue", Roboto, Arial, sans-serif;
		font-weight: bold;
		line-height: 32px;
		margin-bottom: 10px;
		text-transform: uppercase;
		text-decoration: none;
	}

.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: 0;
	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: 65px;
		width: 295px;
	}

		.navigationLevel2 .navSection a {
			text-decoration: none;
		}

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

.navigationLevel3 .navSection a,
.navSectionText a p {
	color: #000;
	text-decoration: none;
}

.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: Helvetica,"Helvetica Neue", Roboto, Arial, sans-serif;
	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: Helvetica,"Helvetica Neue", Roboto, Arial, sans-serif;
		font-weight: bold;
		margin-bottom: 10px;
		text-decoration: underline;
	}

	.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: Helvetica,"Helvetica Neue", Roboto, Arial, sans-serif;
	font-weight: bold;
	padding-left: 25px;
	padding-top: 30px;
}

.accordion .ui-accordion-header {
	background-image: url(/Resources/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(/Resources/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: Helvetica,"Helvetica Neue", Roboto, Arial, sans-serif;
	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(/Resources/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;
}

.sideNavBlock a {
	text-decoration: none;
}

/*** Sidebar Blog ***/

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

.sidebarBlogTitle {
	color: #415b6c;
	font-size: 18px;
	font-family: Helvetica,"Helvetica Neue", Roboto, Arial, sans-serif;
	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"],
input[type="tel"],
input[type="email"],
input[type="number"],
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 select.fullWidth {
		margin-left: 0;
		width: 100%;
	}

	fieldset select.ddldobDay,
	fieldset select.ddldobMonth,
	fieldset select.ddldobYear {
		float: left;
		width: 33%;
	}

fieldset div.error > div > select.ddldobDay,
fieldset div.error > div > select.ddldobMonth,
fieldset div.error > div > select.ddldobYear {
	width: 30%;
}

.selectFullWidth select {
	width: 100% !important;
}

fieldset > div > label,
fieldset > div > span {
	float: left;
	font-family: Helvetica,"Helvetica Neue", Roboto, Arial, sans-serif;
	font-weight: bold;
	max-width: 40%;
}

.redRequiredIndicator {
	color: #E26C24;
	margin: 3px 0 0 5px;
	vertical-align: top;
}

.loginTrouble {
	margin-left: 0;
	width: 100%;
	font-weight: bold;
}

.btnLoginTrouble {
	white-space: normal;
}

fieldset > div > div {
	margin-left: 40%;
	width: 50%;
	min-height: 20px;
}

fieldset div.clearFloats {
	min-height: 0 !important;
}

fieldset > div > div.login,
fieldset > div > div.fullWidth {
	margin-left: 0;
	width: 100%;
}

	fieldset > div > div.fullWidth > span:first-child {
		width: 100%;
	}

fieldset > div > div.noLabel {
	margin-left: 0;
	line-height: 25px;
	font-weight: bold;
}

/* 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.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 > input[type="tel"],
fieldset div.error > div > input[type="email"],
fieldset div.error > div > input[type="number"],
fieldset div.error > div > select,
fieldset div.error > div > textarea,
div.error fieldset div.webprofileupdate > div > input[type="text"] {
	width: 84%;
}

fieldset.selectFullWidth div.error > div > select {
	width: 91% !important;
}

fieldset div.error > div input,
fieldset div.error > div select,
fieldset div.error > div textarea,
div.wizardContent div.error table.innerTable.errorBorder,
div.error fieldset div.webprofileupdate > div > input[type="text"] {
	border: #e10909 1px solid;
}

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

fieldset div.clearFloats:before {
	background: none !important;
}

.error.errorTwoLines > label:before {
	background: url(/Resources/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 .stickToNextField {
	margin-bottom: 0;
	padding-bottom: 0;
}

fieldset .accountNumber {
	width: 85px !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: Helvetica,"Helvetica Neue", Roboto, Arial, sans-serif;
	font-weight: bold;
	margin-left: 3px;
	padding-left: 2px;
	padding-right: 2px;
}

.nestedFields {
	margin-bottom: 20px;
	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(/Resources/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;
		}

/* Overrides to jQuery datepicker styles */
.ui-datepicker {
	width: 284px;
	z-index: 999 !important;
	border: 1px solid #e2e3e3;
	font-size: 14px;
}

	.ui-datepicker table.ui-datepicker-calendar th {
		padding: 0.4em 0.1em;
	}

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

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

		.ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-days-cell-over {
			font-size: 14px;
			padding: 0.4em 0.1em;
			background-color: #c0dfe9;
			font-weight: normal;
		}

			.ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-days-cell-over a {
				color: #414042
			}

.ui-datepicker-current-day {
	background-color: #eb8f00;
}

	.ui-datepicker-current-day a {
		color: White;
		font-weight: bold;
	}

.ui-datepicker-header.ui-widget-header {
	color: #526199;
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 5px;
}

.ui-icon-circle-triangle-e,
.ui-icon-circle-triangle-w {
	background-position: 0 0;
	height: 16px;
	width: 8px;
}

.ui-icon-circle-triangle-w {
	background-image: url("/resources/images/scrollLeftSm.png");
}

.ui-icon-circle-triangle-e {
	background-image: url("/resources/images/scrollRightSm.png");
}

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

	label.gigya-composite-control[class*="button-"],
	body .gigya-screen-dialog div.gigya-screen-dialog-main .gigya-screen-dialog-inner .gigya-screen .gigya-composite-control-submit > input,
	body .gigya-screen-dialog div.gigya-screen-dialog-main .gigya-screen-dialog-inner .gigya-screen label[class*="alerts-multi-edit-email-label-"],
	.preference-centre section .expandable-content form label[class*="-button"],
	.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, .threeLinks input.formButton {
		background-color: #e26c24;
		border: none;
		color: #fff;
		display: inline-block;
		font-size: 13px;
		font-family: Helvetica,"Helvetica Neue", Roboto, Arial, sans-serif;
		font-weight: bold;
		margin-bottom: 10px;
		margin-left: 10px;
		max-width: 100%;
		padding: 10px 60px;
		text-align: center;
		text-transform: uppercase;
		text-decoration: none;
		white-space: normal;
	}

	.twoLinks.fullWidth a, .twoLinks.fullWidth input {
		margin-left: 4%;
		width: 48%;
	}

	label.gigya-composite-control[class*="button-"]:hover,
	body .gigya-screen-dialog div.gigya-screen-dialog-main .gigya-screen-dialog-inner .gigya-screen .gigya-composite-control-submit > input:hover,
	body .gigya-screen-dialog div.gigya-screen-dialog-main .gigya-screen-dialog-inner .gigya-screen label[class*="alerts-multi-edit-email-label-"]:hover,
	.preference-centre section .expandable-content form label[class*="-button"]:hover,
	.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,
	.ui-dialog-buttonset button.ui-button:hover {
		background-color: #AA521C;
	}

	label.gigya-composite-control[class*="button-"]:first-of-type,
	body .gigya-screen-dialog div.gigya-screen-dialog-main .gigya-screen-dialog-inner .gigya-screen .gigya-composite-control-submit > input:first-of-type,
	body .gigya-screen-dialog div.gigya-screen-dialog-main .gigya-screen-dialog-inner .gigya-screen label[class*="alerts-multi-edit-email-label-"]:first-of-type,
	.preference-centre section .expandable-content form label[class*="-button"]:first-of-type,
	.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;
}

#ctl00_contentPlaceHolder_divDeleteWarning.notesWithIcon {
	color: #e26c24;
	background-image: url("/Resources/images/alertOrange.png");
}

.notesWithIcon {
	background: url(/Resources/images/alertGrey.png) 0 3px no-repeat;
	color: #9b9ea0;
	min-height: 18px;
	padding-left: 20px !important;
	text-transform: none;
	text-align: left;
}

.notesWithIconFAQ {
    background: url(/Resources/images/alertGrey.png) 0 3px no-repeat;
    padding-left: 20px !important;
    text-align: left;
}

.notesWithIconOrange {
	background: url(/Resources/images/alertOrange.png) 0 3px no-repeat;
	color: #e26c24;
	min-height: 18px;
	padding-left: 20px !important;
	text-transform: none;
	text-align: left;
}

	.notesWithIcon a {
		color: #9b9ea0;
	}

.viewBillAmountDue {
	font-size: 14px;
}

.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;
}

.uppercase {
	text-transform: uppercase;
}

.table {
	display: table;
}

.tr {
	display: table-row;
}

.td {
	display: table-cell;
	vertical-align: middle;
	height: 20px;
}

.separator {
	padding: 0 5px;
}

.underlined {
	text-decoration: underline;
}

.upDownInput {
	background: #fff;
	height: 26px !important;
	position: relative;
	width: 60px;
	display: inline-block;
}

	.upDownInput > input[type="text"] {
		font-family: Helvetica,"Helvetica Neue", Roboto, Arial, sans-serif;
		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: Helvetica,"Helvetica Neue", Roboto, Arial, sans-serif;
	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(/Resources/images/logo.png) no-repeat;
	display: inline-block;
	margin: 0 0 15px 3%;
	padding: 13px 0 13px 65px;
}*/

/*** Warnings ***/
.warning {
	font-family: Helvetica,"Helvetica Neue", Roboto, Arial, sans-serif;
	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.tooltipOnRight span {
		left: initial;
		margin-left: 0;
		right: -26px;
	}

	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.tooltipOnRight span:before, a.help.tooltipOnRight span:after {
		right: 23px;
		left: initial;
	}

	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;
	}

/* LOCALIZED POPUP */
.localizeControlPopupContainer {
	position: relative;
}

.localizedControlPopupInfo {
	position: absolute;
	width: 317px;
	border: 1px solid #cccccc;
	padding: 20px;
	background-color: #fff;
	z-index: 99;
	bottom: 38px;
}

.localizedControlPopupInfo:before, .localizedControlPopupInfo:after {
	bottom: -10px;
	content: " ";
	border-color: #ccc transparent transparent;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	margin-left: -10px;
	position: absolute;
}

.localizedControlPopupInfo:after {
	bottom: -8.5px;
	border-color: #fff transparent transparent;
}

.localizedControlPopupInfo.recurringAmtTooltip {
	bottom: 9px;
	left: -9px;
}

.localizedControlPopupMain {
	padding: 0;
}

/*** 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: 90%;
}

.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: black;
	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;
	padding: 25px 0 10px 0;
}

[id$="summaryControl_fsCaptcha"] > div.confirmationDataRow > span {
	font-size: 12px;
}

table.wizardConfirmation,
div.wizardContent table.innerTable {
	width: inherit;
}

	table.wizardConfirmation tr.header > td {
		padding: 25px 0 10px 0;
		font-size: 16px;
		font-weight: bold;
	}

	table.wizardConfirmation td.label,
	div.wizardContent table.innerTable td.label {
		font-weight: bold;
		padding: 0 40px 5px 30px;
	}

	div.wizardContent table.innerTable.errorBorder {
		padding: 10px 60px 0 20px;
	}

	table.wizardConfirmation td.bottomRow {
		padding-bottom: 20px;
	}

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

.confirmationDataRow {
	margin: 0 0 5px 30px;
	padding-bottom: 0;
	clear:both;
}

table.narrowCell td {
	padding-right: 5px;
}

.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;
	line-height: 24px;
}

/* 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;
}



/*	
    The following styles are targeting Safari specifically. On the Mac there is a system preference that can hide the scrollbar in some cases.
    This tweak makes the scrollbar visible at all times, regarding the setting.
*/

.scrollableDialogContent::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 7px;
}

.scrollableDialogContent::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background-color: rgba(0,0,0,.5);
	-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}


/*  Moving Control: Disconnect Account Select HTML control extends to full width  */
fieldset > div.DisconnectionAccountHeader > div > span:first-child {
	width: 100%;
}

.LBD_CaptchaDiv {
	margin: 0 !important;
	overflow: visible !important;
	padding: 0 !important;
}

.LBD_CaptchaImageDiv {
	display: inline-block !important;
	margin: 0 !important;
	padding: 0 !important;
	vertical-align: top !important;
}

.LBD_CaptchaIconsDiv {
	display: inline-block !important;
	margin: 0 2px -4px !important;
	padding: 0 !important;
	text-align: left !important;
	vertical-align: top !important;
}

.high-contrast-show {
	display: none !important;
}

.high-contrast-hide {
	display: inline !important;
}

.ui-dialog.paperlessPromoteDialog{
	height: fit-content !important;
	max-width: 90%;
	max-height: 100vh
}

.govtType_Notes {
	margin-left: 0;
	float: left;
	max-width: 40%;
	clear: both;
	font-weight: bold;
}