/*---
    This is the centralized style sheet shared by all of the companies. 
    Company-specific style sheets are located in the Internet solutions
    /includes/style/
 ---*/

/*Google Fonts*/
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700,900&display=swap');

/*--- Here is the way the style sheet is grouped. Please add the new style to the corresponding grouping...
 - RESET STYLES
 - FONT STYLES
 - MAIN STYLES
 - LINK STYLES
 - HEADER STYLES
 - TABLE STYLES
 - MAIN COLUMN STYLES
 - SIDEBAR COLUMN STYLES
 - LOADING STYLES
 - FORM STYLES
 - FOOTER STYLES
 - RESPONSIVE STYLES
 - PRINT SPECIFIC STYLES
 ---*/

/* ---------- RESET STYLES ---------- */
/*! normalize.css v1.1.0 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted !important}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

/* Global */
html, body, div, header, footer, nav, article, main, section, aside, span, h1, h2, h3, h4, h5, h6, p, a, abbr, img, figure, ul, ol, li, dl, dt, dd, i, b, fieldset, form, label, input, select, textarea, blockquote, cite, em, strong, b, i, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
html {
	min-height: 100%;
	font-size: 100.01%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}
#page {
	padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
}
::-moz-selection {
	background: #005B9C;
	color: #fff;
	text-shadow: none;
}
::selection {
	background: #005B9C;
	color: #fff;
	text-shadow: none;
}
.skip-links {
	display: none;
}
.screen-reader-content {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	height: 1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	white-space: nowrap;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
img {
	vertical-align: middle;
	max-width: 100%;
}
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
textarea {
	resize: vertical
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {
	padding: 0px;
}
input[type="button"],
input[type="submit"] {
    -webkit-appearance: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.screen-reader-content {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
}


/* ---------- FONT STYLES ---------- */
#companyName, #siteTopLinks li, #promoIcons ul li, #stripeContent ul li, .business-heading h2, .businessblock h3 {
    font-family: "Roboto", Arial, Helvetica, Sans-Serif;
    font-weight: normal;
}

body, #siteTopNav li li, .sitemapList li li, ul.accordianList li li, .accountSummaryData dt,
#siteFooterContainer select, form .DES_CalControl, #phoneNumberList .phoneNumberMessage, fieldset span.fieldPrefix,
.accountSelectionFilter .hideInactiveCheckbox label, h4 .enrollmentStatus, #mainContentCopyInner .st-query-present span, #pac-input, .staffAccountNumber .siteButton, .accountSelectionFilter .siteButton,
.updateContactInformationTable .siteButton, .addNew .siteButton {
	font-family: "Roboto", Arial, Helvetica, Sans-Serif;
    font-weight: 400;
}
h1, h2, h3, h4, h5, h6, strong, b, dt, #frmLoginContainer label, #frmLoginContainer .quickLinks li, #phoneNumberList li span,
 #knowText, #questionMarkText, .pleaseNoteDescription, .noteDescription, .errorDescription, .warningDescription, .continueDescription,
.siteTable th, .siteTable tfoot td, .siteTable tr.expanded td, p.errorMessage, 
fieldset legend, fieldset label.formLabel, fieldset #termsAcknowledgement, 
.stepNumberIndicator li, .CSRMessage, .verifyPrompt, .validationSummary, .helpLink, tr.pagerRow td,
tr.footerRow td, .tipsTable td a, span.enrolled, span.notEnrolled, #systemStatusMessage, .tabMenu a,
td.market, ul.accordianList li, .selectedTab a, dd.transactionAmount,
td.WPSDataGridPager, form .DES_CalHeaderRows td, form .DES_MYPControl .DES_FYPYearTitle,
.languageSwitcher a, .accountSelectionFilter label, tr.propertyHistoryFooter td, .propertiesFilter label,
.reversionAgreementsFilter label, .ui-EmulationUserStatus a, .pagingControl label, a.selectedPage,
.staffAccountNumber label, .printPage, .accountSummaryNavigation li, .currentPage, .teaserParagraph a,
.accountSummaryData dt.accountSummaryAmountDueLabel, .paymentSchedule th, .billHistoryFooter td,
.siteTable .totalCharges, .inlineErrorDescription, .accountSelectionAmtDue .dueBy,
#mainContentCopy a.st-ui-result .st-ui-type-heading, .outageOptions a {
	font-family: "Roboto", Arial, Helvetica, Sans-Serif;
	font-weight: 500;
}
#siteTopNav li, .loadingGraphicContainer p, #forYourBusinessContent ul li, .accountNickname, .customerName, .sitemapList li, .DESVALSummaryHeader, #phoneNumberList .phoneNumber, .emergencyPhoneNumber, .siteSidebar .phoneNumber,
.accountSelectionAmtDue .dueAmt, .accountSummaryAmountDue, .outageHeading, .outageCluster, .errorDescription strong, .confirmNoteInline {
	font-family: "Roboto", Arial, Helvetica, Sans-Serif;
	font-weight: 700;
}
pre {
	font-family: 'Courier New', Courier, monospace;
}
#featuredPromoHeadline {
	font-size: 3em; /*48px*/
    line-height: 1.39583333em; /*67px*/
}
.loadingGraphicContainer p {
	font-size: 26px;
	font-size: 1.625rem;
	line-height: 1.1538461538;
}
#featuredPromoCopy, #didYouKnow #dyText, #didYouKnow #knowText, #didYouKnow #questionMarkText, .accountSummaryAmountDue, .accountSelectionAmtDue .dueAmt, 
.emergencyPhoneNumber, .outageHeading {
	font-size: 1.5em;
    line-height: 1.375em;
}
h2, .confirmNoteInline {
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 1.2222222222;
}
#phoneNumberSidebar li, #phoneNumberList .phoneNumber {
	font-size: 1.1125em;
    line-height: 1.3125em;
}
.st-query-present .st-ui-type-detail-bold {
	font-size: 1.07692308em;
    line-height: 1.3125em;
}
h3 {
    font-size: 16px;
	font-size: 1rem;
	line-height: 1.25;
}
h4 {
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
	text-transform: uppercase;
}
h5, h6, p th, p td, li li, li th, li td, dd th, dd td, dd li, td li, td td, td label, legend, fieldset label input,
#featuredPromo p, .siteSidebar p label, span.optionGroup label, span.optionGroup td, 
.accountSelectionFilter legend, p .helpLink, li .helpLink, form .DES_CalControl table,
form .DES_MYPControl table, form .DES_CalControl th, form .DES_CalControl td,
form .DES_CalControl .DES_CalCommandButton, form .DES_MYPControl .DES_FYPFooterButton, .accountSelectionAmtDue,
#phoneNumberSidebar .phoneNumber a[href^="tel:"] {
	font-size: 16px;
	font-size: 1em; /*16px - Previously 16px*/
    line-height: 1.3125em;
}
#siteTopLinks li, #siteHeader #txtKeywords, .searchBox .st-default-search-input {
	font-size: .9375rem; /*15px*/
    line-height: 1.3125em;
}
p, li, dt, dd, td, th, pre, .ui-EmulationUserStatus h3, #featuredPromo #frmLoginContainer p, #didYouKnow p.tip,
fieldset label, fieldset span.formLabelValue, fieldset span.fieldPrefix, span.optionGroup, fieldset span.fieldLabel, .helpLink, 
form .DES_CalControl, form .DES_MYPControl, .inlineErrorDescription, #phoneNumberList li, #phoneNumberList .phoneNumberMessage,
.st-query-present .st-ui-result .st-ui-type-heading, #pac-input, .paymentMethodLink, .siteBottomNavHeader {
	font-size: 16px;
	font-size: 1rem; /*16px - Previously 14px*/
    line-height: 1.5625;
}
fieldset .optionGroup .fieldsWithExample .fieldExample, .siteTableNote, .tableNote,
#applianceCalc th, #applianceCalc td, .expandCollapseList li, .fieldsWithExample .fieldExample,
.fieldTip, .accountSelectionAmtDue .dueBy,
#phoneNumberList p, .st-query-present .st-ui-type-detail, form .DES_CalControl .DES_CalDayHeader,
#phoneNumberSidebar li .phoneDescription, #phoneNumberSidebar li a, .notificationSettingsDetails .enrollmentStatus {
	font-size: 14px;
	font-size: .875em;
    line-height: 1.3125em;
}
sup {
	font-size: .5em;
}
#siteHeader #btnSearch, .DESVALRequiredFieldMarker {
	font-size: 0em;
}

/* ---------- MAIN STYLES ---------- */
body {
	color: #333;
    background-color: #f2f2f2;
	text-align: center;
	-webkit-text-size-adjust: none;
	font-size: 16px;
    font-weight: normal;
}
body.azure-hosted, body.azure-page {
    background-color: #fff;
}
img {
    vertical-align: middle;
}
h1, h2, h3, h4, h5, h6, p {
	margin: 1em 0;
}
h2, h3, h4, h5, h6 {
	margin-bottom: .5em;
}
p {
    margin-top: .5em;
}
ul {
	list-style: disc;
	margin: 1em 0 .5em;
}
ol {
	list-style: decimal;
	margin: 1em 0 .5em;
}
dl {
	margin: -10px 0px 0px;
}
dt {
	padding: 10px 0px 0px 0px;
	margin: 0px;
}
dd {
	padding: 5px 0px 0px;
	margin: 0px;
}
li {
	margin: 0px 0px 5px 25px;
}
ul ul {
	list-style: disc;
	margin: 10px 0px 0px;
}
li li {
	margin: 0px 0px 5px 20px;
}
sup {
	vertical-align: top;
}
.siteSpacedList, .siteSpacedList li li {
	margin-bottom: 5px;
}
.siteSpacedList li {
	margin-bottom: 10px;
}
.siteSpacedList li ul {
	margin-top: 0px;
}
.siteSpacedList input {
	margin-top: 5px;
}
.leftAlign {
	text-align: left !important;
}
.centerAlign {
	text-align: center !important;
}
.rightAlign {
	text-align: right !important;
}
form {
	display: inline;
}
fieldset input, fieldset select, fieldset textarea {
	vertical-align: middle;
}
hr, .hide, .hideFromMobile, .hide + br {
	display: none;
}
.noTopMargin {
	margin-top: 0px !important;
}
div.hr {
	height: 1px;
	border-top: 1px dotted #999;
	clear: right;
}
.noWrap {
	white-space: nowrap;
}
.floatRight {
	float: right;
}
.floatLeft {
	float: left;
}
.indented, .indent {
	margin-left: 20px;
}
.DESVALSummary .DESVALSummaryHeader {
	color: #222;
}
.errorDescription, .warningDescription {
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.errorDescription {
	background: url(/includes/images/warning_50.png) no-repeat;
    min-height: 29px;
    background-size: 32px 29px;
	border: 2px solid #b80000;
}
.ltIE9 .errorDescription {
	background-image: url(/includes/images/cancel_32.gif);
}
.confirmNote {
    background: url(/includes/images/check-mark-circle-green.svg) left top no-repeat;
    background-size: 65px 65px;
    padding-top: 85px;
    margin: 1em 0;
}
h2.confirmNote {
    padding: 10px 0 0 85px;
    min-height: 65px;
}
.confirmNote p {
    margin: 0;
}
.confirmNoteInline {
    background: url(/includes/images/check-mark-circle-green.svg) left top no-repeat;
    background-size: 24px 24px;
    padding-left: 34px;
    margin: 1em 0 1em 10px;
    min-height: 24px;
}
.warningDescription {
    background: url(/includes/images/info_56.png) no-repeat;
    min-height: 32px;
    background-size: 32px 32px;
	border: 2px solid #005b9c;
}
.ltIE9 .warningDescription {
	background-image: url(/includes/images/warning_32.gif);
    border: 2px solid #005b9c;
}
.errorDescription, .warningDescription {
	padding: 20px 70px 20px 20px;
	clear: right;
	display: block;
	background-position: right 20px top 20px;
	/*max-width: 506px;*/
}
p.errorMessage, .importantInformation, .emergencyPhoneNumber, #mainContentCopy .emergencyPhoneNumber a[href^="tel:"],
#elecEmergency .phoneNumber a[href^="tel:"], #gasEmergency .phoneNumber a[href^="tel:"] {
	color: #DD2727;
}
.removeImage { /* Used on Manage Favorites */
	height: 24px;
	width: 24px;
}
.ulWarnings {
	list-style: none;
    margin: 1em 0;
    padding: 0;
}
.ulWarnings li {
	margin: .5em 0 0;
	padding: 0 0 0 45px;
    position: relative;
}
.ulWarnings li svg {
    color: #DD2727;
    position: absolute;
    left: 10px;
}
.ulWarnings li .svg-inline--fa.fa-w-18 {
    width: 1.5em;
    height: 1.5em;
}
span.enrolled, span.notEnrolled {
	padding: 0px 0px 0px 20px;
	display: inline-block;
	min-height: 16px;
	white-space: nowrap;
}
span.enrolled {
	background: url(/includes/images/confirm_32.png) no-repeat left top;
	background-size: 16px 16px;
}
.ltIE9 span.enrolled {
	background-image: url(/includes/images/confirm_16.png);
}
span.notEnrolled {
	background: url(/includes/images/remove_32.png) no-repeat left top;
	background-size: 16px 16px;
}
.ltIE9 .notEnrolled {
	background-image: url(/includes/images/remove_16.png);
}
#helpBody div {
	background-color: #FFF;
	margin-left: 40px;
	padding: 20px;
	text-align: left;
	min-height: 300px;
}
#helpBody div div {
	margin: 0px;
	padding: 0px;
	min-height: 0px;
}
p.staffAccountNumber {
	background-color: #f2f2f2;
	padding: 5px 10px;
	margin-bottom: 0px;
}
.staffAccountNumber label {
	margin-right: 5px;
	vertical-align: middle;
}
.staffAccountNumber input {
	vertical-align: middle;
    margin-right: 2px;
}
h3.newSection.upper {
	margin-top: 0px;
	padding-left: 10px;
}
.pagingControl {
	border-bottom: 1px dotted #999;
	background-color: #f2f2f2;
	padding: 5px 10px;
}
.pagingControl.upper {
	border-top: 1px dotted #999;
}
.pagingControl p {
	margin: 0px;
}
.pagingControl label, .pagingControl select {
	vertical-align: middle;
}
.pagingControl a {
	margin-left: 10px;
	vertical-align: middle;
    border: 0;
}
.pagingControl a.pagerBack, .pagingControl a.pagerForward {
	display: inline-block;
	height: 16px;
	width: 16px;
}
.pagingControl a.pagerBack {
	background: url(/includes/images/arrow-left_32.png) no-repeat left top;
	background-size: 16px 16px;
}
.ltIE9 .pagingControl a.pagerBack {
	background-image: url(/includes/images/arrow-left_16.png);
}
.pagingControl a.pagerForward {
	background: url(/includes/images/arrow-right_32.png) no-repeat left top;
	background-size: 16px 16px;
}
.ltIE9 .pagingControl a.pagerForward {
	background-image: url(/includes/images/arrow-right_16.png);
}
.pagingControl a.pagerBack span, .pagingControl a.pagerForward span {
	display: none;
}
#mainContentCopy .pagingControl a.selectedPage {
	color: #222;
	text-decoration: none;
	cursor: default;
}
/* clearfix styles */
.clearfix:after {
	clear: both;
	display: block;
	content: ".";
	height: 0px;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
li.clearfix {
	display: list-item;
}
/* End hide from IE-mac */
.ui-EmulationUserStatus {
	padding: 5px 10px;
	background-color: #000;
	color: #fff;
	text-align: left;
}
.ui-EmulationUserStatus h3 {
	margin: 0px 10px 0px 0px;
	display: inline;
}
.ui-EmulationUserStatus ul {
	margin: 0px;
	padding: 0px;
	display: inline;
	list-style: none;
}
.ui-EmulationUserStatus ul li {
	margin: 0px 10px 0px 0px;
	padding: 0px;
	display: inline;
}
#paymentHistoryAmountDue {
    margin: 15px 0px;
}
#paymentHistoryAmountDue h2 {
	background-color: #f7f7f7;
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;
	margin: 0px;
	padding: 5px 10px;
	white-space: nowrap;
}
#paymentHistoryAmountDue h2 span.amountDue {
	padding-left: 10px;
}
#paymentHistoryAmountDue p.tableNote {
	text-indent: 0px;
}
#mainContentCopy fieldset .email-errors, #mainContentCopy fieldset .pw-errors, #claimVerificationServerError {
    margin-top: -10px;
}
#mainContentCopy fieldset .buttons button, #mainContentCopy fieldset .buttons a {
    vertical-align: middle;
}
.buttons #next {
    margin-right: 50px;
}
.unmaskOldPassword, .maskOldPassword, .unmaskNewPassword, .maskNewPassword, .unmaskConfirmPassword, .maskConfirmPassword, #passwordStrengthPopup img {
    width: 1.5em;
    height: auto;
    vertical-align: middle;
}
.unmaskOldPassword, .maskOldPassword, .unmaskNewPassword, .maskNewPassword, .unmaskConfirmPassword, .maskConfirmPassword {
    margin: 10px 0 0 10px;
}
#passwordStrengthPopup img {
    width: 20px;
    height: auto;
    margin-bottom: 5px;
}
#confirmLogo {
    width: 40px;
    height: auto;
}

/* ---------- LINK STYLES ---------- */
a {
	text-decoration: none;
	color: #005B9C;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    border-bottom: 1px solid #b2cbde;
}
a:active, a:hover {
    outline: 0;
}
a:visited {
	color: #2b426b;
}
a[href^="tel:"] {
    border: 0;
}
a.help {
	cursor: help;
}
a[href$=".pdf"]:after {
    content: "(PDF)";
    color: #949494;
    font-size: 11px;
    padding-left: 5px;
}

/* ---------- HEADER STYLES ---------- */
#companyName, #siteTagLine, #siteTopNav, #siteTopLinks ul li, #divSearch {
	display: none;
}
#siteHeaderContainer {    
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
}
#siteHeaderContainer, #siteHeader {
	position: relative;
	z-index: 200;
    background-color: #fff;
}
#siteHeader {
    text-align: left;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
}
#siteHeader a {
    border: 0;
}
.logo, .logoLink {
    display: block;
    padding: 8px 16px 20px;
}
.logo img, .logoLink img {
    max-width: 3em;
    width: 100%;
    height: auto;
}
#siteTopLinks ul {
	list-style: none;
}
#siteTopLinks ul, #siteTopLinks ul li {
	margin: 0px;
    color: #666;
}
#siteTopLinks ul li a {
	color: #666;
}
#siteTopLinks ul li a:hover {
	color: #005b9c;
}
#siteTopLinks ul #accountLink {
    position: relative;
}
#siteTopLinks ul #accountLink a.account {
    background: #fff url(/includes/images/user-thin.png) center left no-repeat;
    background-size: 14px 14px;
    padding-left: 20px;
}
#siteTopLinks ul #accountLink span.arrow {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 5px;
    background-image: url(/includes/images/arrow-down.png);
    background-size: 12px 12px;
    background-repeat: no-repeat;
    background-position: center left;
}
#siteTopLinks ul #accountLink ul, #mobileAccountMenu ul {
    display: none;
    position: absolute;
    margin: 0;
    left: 30px;
    z-index: 9999;
    background: #333;
    padding: 0.5em;
    min-width: 150px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
    box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
}
input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
#divSearch #txtKeywords, .searchBox .st-default-search-input {
    display: block;
    width: 160px;
    padding: 0.35em 2em 0.35em 0.75em;
    border: 1px solid #ccc;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
#divSearch #txtKeywords:hover, #divSearch #txtKeywords:focus, .searchBox .st-default-search-input:hover, .searchBox .st-default-search-input:focus {
	border: 1px solid #666;
    outline: none;
	-webkit-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.2);
	box-shadow: inset 0px 1px 3px rgba(0,0,0,0.2);
}
#divSearch #txtKeywords:focus {
	width: 240px;
}
.search-siteHeader-submit {
    position: absolute;
    top: 4px;
    right: 10px;
    display: block;
    width: 24px;
    height: 24px;
    background: transparent url(/includes/images/search.png) center center no-repeat;
    background-size: 16px 16px;
    border: 0;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.search-siteHeader-submit:hover {
	opacity: 0.5;
}
#mobileAccountMenu ul {
    left: auto;
    right: 1em;
    top: 35px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    font-size: .9375rem;
    line-height: 1.3125em;
}
#siteTopLinks ul #accountLink:hover ul {
	display: block;
}
#siteTopLinks ul #accountLink ul li, #mobileAccountMenu ul li {
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
    text-align: left;
    line-height: inherit;
}
#siteTopLinks ul #accountLink ul li a, #mobileAccountMenu ul li a {
    display: block;
    padding: .5em;
    color: #fff;
    background: #333;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
#siteTopLinks ul #accountLink ul li a:hover, #mobileAccountMenu ul li a:hover {
    color: #ccc;
}
#siteTopLinks ul #emergenciesLink a {
    background: #fff url(/includes/images/line-exclamation-triangle.png) center left no-repeat;
    background-size: 14px 14px;
    padding-left: 20px;
}
#siteTopLinks svg {
    margin-right: 5px;
}
/* for Emergency overlay */
.emergency-message {
    background-color: #d6e8f4;
    text-align: left;
    position: absolute;
    width: 300px;
    display: block;
    z-index: 99999;
    margin-top: 10px;
    padding: 32px 0;
}
.emergency-close {
    position: absolute;
    display: block;
    width: 16px;
    height: 16px;
    top: 1em;
    right: 1em;
    background: transparent url(/includes/images/close-ico.png) center center no-repeat;
    background-size: 16px 16px;
}
.emergency-message a {
    text-decoration: underline;
}
.emergency-message h2, .emergency-message h3, .emergency-message p {
    margin: 0 32px 10px;
}
.emergency-message h2 {
    font-size: 21px;
    font-size: 1.3125rem;
    font-weight: 700;
    margin-bottom: 20px;
}
.emergency-message h3 {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: 5px;
}
.emergency-message p {
    color: #333;
    font-weight: 400;
}
#siteTopLinks .emergency-message h2 a, #siteTopLinks .emergency-message h3, #siteTopLinks .emergency-message a {
    color: #005B9C;
}
.emergency-message strong {
    font-weight: 700;
}
.mobile-navigation {
	display: block;
	background: #005B9C;
    position: relative;
    height: 35px;
}
.mobile-navigation a.mobile-menu {
	position: absolute;
    left: 1em;
    top: 0;
    bottom: 0;
	font-size: 14px;
	color: #fff;
	background: transparent url('/includes/images/menu.png') center left no-repeat;
	background-size: 21px 21px;
	padding: .5em 0 .5em 28px;
}
.mobile-navigation a.mobile-search {
	display: inline-block;
	float: right;
	margin-right: 1em;
    padding: .5em 0;
	width: 21px;
	font-size: 14px;
	color: #fff;
	background: transparent url('/includes/images/search-white.png') center left no-repeat;
	background-size: 18px 18px;
	text-indent: -9999px;
}
.mobile-navigation a.mobile-account {
	display: inline-block;
	float: right;
	padding: .5em 1em .5em 24px;
	font-size: 14px;
	color: #fff;
	background: transparent url('/includes/images/user-white.png') center left no-repeat;
	background-size: 18px 18px;
}
#mmenu a {    
    border-bottom-width: 0px;
}
#mmenu:not(.mm-menu) {
	display: none;
}
.search-site {
	display: none;
	background: #D8E8F4;
	padding: 1em;
	position:relative;
	z-index: 1;
}
.search-site-form {
	position: relative;
    display: inline;
}
.search-site-form input {
	width: 95%;
	font-size: 15px;
	padding: 0.5em 0.5em 0.5em 1em;
	border: 1px solid #ccc;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.search-site-form input:hover,.search-site-form input:focus {
	border: 1px solid #666;
    outline: none;
	-webkit-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.2);
	box-shadow: inset 0px 1px 3px rgba(0,0,0,0.2);
}
.search-site-submit {
	position: absolute;
	top: -6px;
	right: 10px;
	display: block;
	width: 30px;
	height: 30px;
	background: #fff url('/includes/images/search.png') center center no-repeat;
	background-size: 18px 18px;
	border: 0;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.search-site-submit:hover {
	opacity: 0.5;
}
.account-signin {
	display: none;
	padding: 2em;
	background: #D8E8F4;
}
.account-signin h2 {
	font-size: 21px;
	font-weight: 700;
	margin: 0 0 0.5em;
}
.account-signin input {
	width: 90%;
	padding: 0.5em;
	margin: 0 0 0.75em;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.account-signin input:focus {
	border: 1px solid #666;
}
.account-signin .checkbox {
	display: block;
	text-align: left;
}
.account-signin .checkbox input {
	width: auto;
}
.account-sec a {
	display: block;
	font-style: italic;
	color: #666;
}
.account-sec a:hover {
	color: #333;
}
.account-actions {
	display: flex;
}
.account-actions button {
	flex: 1;
}
.account-sec {
	flex: 2;
	padding: 0 1em;
}
#heroImage, #pageLevelHeroImage {
    margin: 0px auto;
    text-align: left;
}
#heroImage img {
    width: 100%;
    height: auto;
    display: block;
}

/* ---------- TABLE STYLES ---------- */
th {
	vertical-align: bottom;
	background-color: #fff;
}
td {
	vertical-align: top;
	background-color: #fff;
}
fieldset th, fieldset td {
	background-color: Transparent;
}
.siteTable {
	border-top: 1px dotted #999;
	margin: 20px 0px;
}
.siteTable th, .siteTable td {
	text-align: left;
	padding: 5px 10px;
	border-bottom: 1px dotted #999;
}
.siteTable th, .siteTable tr.pagerRow td, .siteTable tr.footerRow td, .siteTable tfoot td {
	background-color: #f2f2f2;
}
.siteTable th a, .siteTable th img {
	vertical-align: middle;
}
.siteTable th.smColumn {
    width: 20%;
}
.siteTable th img {
	margin-left: 5px;
}
.siteTable tr.evenRow td {
	background-color: #f7f7f7;
}
.siteTable tr.pagerRow td {
	text-align: center;
}
.siteTable .indentedCell {
	padding-left: 20px;
}
.siteTableNote, .tableNote {
	margin: 0px;
	padding: 5px 10px 0px;
	text-indent: -7px;
	color: #666;
}
.siteTable ul {
	margin: 0px;
	padding: 0px 0px 5px 20px;
}
.siteTable ul li {
	margin: 0px;
}
.accountSelectionTable {
	margin: 0px;
	width: 100%;
	border-top-width: 0px;
}
.accountSelectionTable tr {
	position: relative;
}
.accountSelectionTable tbody tr.selectableRow:hover td {
	background-color: #f2f2f2;
}
.accountSelectionTable td {
	display: block;
}
.accountSelectionTable .accountSelectionAccountNumber input {
	display: none;
}
.accountSelectionTable .accountSelectionAccountNumber svg {
	margin:0px 5px 0px 10px;
    color: #005B9C;
}
.accountSelectionTable .accountSelectionAccountNumber {
	border-bottom-width: 0px;
	position: absolute;
	padding: 8px 0px 0px 2px;
	width: 40px;
}
.accountSelectionTable .accountSelectionAddress {
	border-bottom-width: 0px;
	padding-left: 50px;
}
.accountSelectionTable .accountSelectionAmtDue {
	text-align: right;
}
.dueBy:after {
	content: ": "
}
.dueAmt {
	padding-left: 10px;
}
p.download {
	background-color: #f2f2f2;
	padding: 5px 10px;
	text-align: right;
	margin: 0px;
	border-bottom: 1px dotted #999;
}
p.addNew {
	background-color: #f2f2f2;
	padding: 5px 10px;
	margin: 0px;
	border-bottom: 1px dotted #999;
}
p.download select, p.download input, p.download b {
	vertical-align: middle;
    margin-bottom: 0;
}
#applianceCalc {
	width: 100%;
	clear: right;
}
#applianceCalc input[type="text"] {
	width: 3em;
	text-align: right;
}
#applianceCalc td.rightAlign {
	padding-right: 0px;
}
#applianceCalc th {
	white-space: nowrap;
}
#applianceCalc td select {
	width: 8em;
}
#applianceCalc .applianceCost {
	border: none;
}
#applianceCalc .applianceCost2 {
	border: none;
	background-color: Transparent;
}
.calcTotals {
	width: 60px;
	text-align: right;
	border: 1px solid #ccc;
	padding-right: 2px;
}
.sortArrow {
	height: 16px;
	width: 16px;
}

/* ---------- MAIN COLUMN STYLES ---------- */
#siteContentContainer {
    background-color: #fff;
}
.index-page #siteContentContainer {
    background: rgb(255,255,255);
    background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#f5f5f5",GradientType=1);
}
#siteContent {
	max-width: 1280px;
	text-align: left;
	margin: 0px auto;
}
#mainContent {
	position: relative;
	-webkit-transition: 1s ease;
	-moz-transition: 1s ease;
	-o-transition: 1s ease;
	transition: 1s ease;
	left: 0px;
    padding-bottom: 2em;
}
#breadCrumbsContainer {
    background-color: #fff;
	border-top: 1px solid #ccc;
}
#breadCrumbs {
	text-align: left;
    margin: 0px auto;
	max-width: 1280px;
}
#breadCrumbs p {
    margin: 0px;        
    padding: 12px 20px;
    font-size: 14px;
    font-size: .875rem;
    color: #999;
}
#breadCrumbs p a {
    color: #999;
    border: 0;
}
#breadCrumbs p a:last-child {
    color: #666;
}
#breadCrumbs p a:hover {
    color: #005B9C;
    text-decoration: underline;
}
#mainContentCopy {
	margin: 0px;
	min-height: 150px;
}
.index-page #mainContentCopy {
	text-align: center;
}
#mainContentCopyInner {
    padding: 0 20px 20px;
}
.pageHeading {
	margin: 0px 0px 20px;
    padding: 20px 20px 0px;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.1538461538;
}
.index-page .pageHeading {
    color: #005B9C;
    font-size: 36px;
    font-size: 2.25rem;
    font-weight: normal;
}
.index-page #mainContentCopyInner p {
	font-size: 18px;
    font-size: 1.125rem;
    margin: 1em 0 2em;
}
h2.accountNickname {
	margin-bottom: 0;
    font-size: 1.25em;
}
h3.accountNumber {
	font-size: 1em;
}
.accountNumber {
	margin: 0px;
	padding: 0px 0px 3px;
}
.accountNumber a {
	white-space: nowrap;
}
.flexibleImage {
	max-width: 100%;
	height: auto !important;
	-ms-interpolation-mode: bicubic;
}
.flexibleVideoContainer {
	width: 320px;
	max-width: 100%;
	margin: 20px 20px 20px 0px;
}
.flexibleVideo {
	max-width: 100%;
	height: auto !important;
}
#promoCards ul {
	list-style: none;
    margin: 0px;
    text-align: left;
}
#promoCards ul li {
	display: block;
    margin: 0;
    background: #d8e8f4 url('/includes/images/arrow-dark.png') bottom right no-repeat;
    background-size: 30px 30px;
	border-bottom: 2px solid #fff;
}
.index-page #promoCards ul li {
    background: #fff url('/includes/images/arrow-dark.png') bottom right no-repeat;
    background-size: 30px 30px;
    background-position: right 2em bottom 2em;
    -webkit-box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
    box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    border-width: 0px;
    margin: 0 0 2em;
}
.index-page #promoCards ul li.non-clickable {
    background-image: none;
}
#promoCards ul li a {
	display: block;	
	color: #005B9C;
    height: 100%;
    border: 0;
}
#promoCards ul li .thumb-text a {
	display: inline;
    height: auto;
}
#promoCards ul li img {
	display: none;	
}
.index-page #promoCards ul li img {
    display: block;
}
#promoCards ul li:last-child {
	border-bottom: 0;
}
#promoCards ul li .thumb-headline {
	display: block;
	font-size: 18px;
  	font-size: 1.125rem;
	font-weight: 700;
	padding: 16px 16px 0;
}
.index-page #promoCards ul li .thumb-headline {
	font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.3em;
    font-weight: normal;
    color: #003663;
	padding: 32px 32px 0px;
}
#promoCards ul li .thumb-text {
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	padding: 0 32px 16px 16px;
    padding-bottom: 20px;
}
.index-page #promoCards ul li .thumb-text {
	font-size: 16px;
    font-size: 1rem;
    color: #333;
	padding: 20px 32px 100px;
}
#promoCards ul li:hover {
	background: #005B9C url('/includes/images/arrow-light.png') bottom right no-repeat;
	background-size: 36px 36px;
	-webkit-transition: background-size 0.2s ease;
	-moz-transition: background-size 0.2s ease;
	-o-transition: background-size 0.2s ease;
	transition: background-size 0.2s ease;
    -webkit-box-shadow: 0px 2px 18px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 2px 18px rgba(0,0,0,0.25);
    box-shadow: 0px 2px 18px rgba(0,0,0,0.25);
}
.index-page #promoCards ul li:hover {
    background: #fff url('/includes/images/arrow-dark.png') bottom right no-repeat;
    background-size: 36px 36px;
    background-position: right 2em bottom 2em;
	-webkit-transition: background-size 0.2s ease;
	-moz-transition: background-size 0.2s ease;
	-o-transition: background-size 0.2s ease;
	transition: background-size 0.2s ease;
}
.index-page #promoCards ul li.non-clickable:hover {
    background-image: none;
}
#promoCards ul li a:hover {
	cursor: pointer;
	color: #fff;
}
.index-page #promoCards ul li a:hover {
	color: inherit;
}
.sectionIndex {
    list-style: none;
    margin: 1em 0;
    text-align: left;
}
.sectionIndex li {
    margin: 0;
    padding: 0 0 1em;
}
.sectionIndex li ul {
    margin: 0;
}
.sectionIndex li ul li {
    margin: 0 0 0 25px;
}
.sectionWithPhoto h3 {
    color: #10446b;
}
.photoGallery p {
	width: 400px;
	margin: 5px 0px 15px 20px;
}
.photoGallery img {
	border: 1px solid #000;
	margin-left: 20px;
}
div.faqContainer {
	margin-left: -10px;
	position: relative;
}
dl.faqItem {
	border-top: 1px dotted #999;
	padding: 15px 0px 0px;
	margin: 0px 0px 0px 10px;
}
dl.faqItem dt, dl.faqItem dd {
	margin: 0px;
	min-height: 17px;
}
dl.faqItem dt {
	padding: 0px 0px 5px 40px;
	background: url(/includes/images/faq_q.png) no-repeat 10px 0px;
	background-size: 24px 17px;
}
.ltIE9 .faqItem dt {
	background-image: url(/includes/images/faq_q.gif);
}
dl.faqItem dd {
	padding: 10px 0px 0px 40px;
	background: url(/includes/images/faq_a.png) no-repeat 10px 9px;
	background-size: 24px 17px;
}
.ltIE9 dl.faqItem dd {
	background-image: url(/includes/images/faq_a.gif);
}
.selectedQuestion {
	background: url(/includes/images/arrow-right_32.png) no-repeat 0px 16px;
	background-size: 16px 16px;
}
.ltIE9 .selectedQuestion {
	background-image: url(/includes/images/arrow-right_16.png);
}
#definitionList {
	width: 100%;
}
#definitionList dt {
	margin-left: 0px;
	padding: 5px 5px 0px 20px;
	color: #005b9c;
	background: url(/includes/images/sidenav_closed.gif) no-repeat 2px 9px;
	cursor: pointer;
}
#definitionList dt.expanded {
	background: url(/includes/images/sidenav_opened.gif) no-repeat 2px 9px;
}
#definitionList dd {
	padding: 0px 5px 5px 20px;
	margin-left: 0px;
	border-bottom: 1px dotted #999;
	position: relative;
}
#definitionList dd span {
	display: block;
	padding: 5px 0px;
}
.expandCollapseList {
	list-style: none;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 15px;
}
.expandCollapseList li {
	display: inline;
	color: #069;
	margin: 0px;
	padding: 0px 10px 0px 0px;
	cursor: pointer;
}
.sitePhoto {
	float: right;
	margin: 0px;
	clear: right;
	border-bottom: 20px solid #fff;
	border-left: 20px solid #fff;
}
.printButton {
	float: right;
	margin: 0px 0px 20px 20px;
}
#startStopMovePromo {
    background-color: #f1f1f1;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    padding: 15px 15px 15px 70px;
    position: relative;
    max-width: 430px;
}
#startStopMovePromo img {
    position: absolute;
    top: 10px;
    left: 20px;
    width: 35px;
    height: auto;
}

/* ---------- SIDEBAR COLUMN STYLES ---------- */
#mainContentSidebar {
	margin: 0 20px;
	clear: both;
}
.siteSidebar {
	left: 100px;
	padding: 15px 0px;
	background-color: #f2f2f2;
	background-clip: padding-box; /* useful if you don't want a bg color from leaking outside the border: */
	margin-bottom: 20px;
}
.siteSidebar a {
    border: 0;
}
.siteSidebar h2, .siteSidebar h3, .siteSidebar h4 {
	margin: 0px 0px 5px;
	padding: 0px 15px;
}
.siteSidebar h2 {
	margin-bottom: 15px;
}
.siteSidebar h3 a {
	color: #222;
}
.siteSidebar ul {
	margin: 0px;
	padding: 5px 15px 10px;
}
.siteSidebar ul li {
	margin: 0px 0px 5px 20px;
	padding: 0px;
	-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
	page-break-inside: avoid; /* Firefox */
	break-inside: avoid; /* IE 10+ */
    font-size: .875em;
}
.siteSidebar dl {
	margin: 0px;
	padding: 0px 15px 10px;
}
.siteSidebar dl dt {
	margin: 0px;
	padding: 0px;
}
.siteSidebar dl dd {
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 5px;
}
.siteSidebar p {
	margin: 0px 0px 10px;
	padding: 0px 15px;
}
.siteSidebar form p {
	margin-bottom: 0px;
}
#mainContentSidebar .warning {
	background-color: #fff1b5;
	background-image: none;
	border: 1px solid #c90;
}
#mainContentSidebar .warning h3 {
	background: url(/includes/images/warning_32.png) no-repeat 15px 0px;
	background-size: 32px 32px;
	padding: 5px 15px 0px 55px;
	min-height: 32px;
}
.ltIE9 #mainContentSidebar .warning h3 {
	background-image: url(/includes/images/warning_32.gif);
}
#didYouKnow h3 {
	position: relative;
}
#didYouKnow #dyText, #didYouKnow #knowText {
	text-transform: uppercase;
}
#didYouKnow #knowText {
	margin-right: 5px;
}
#didYouKnow #questionMarkText {
	position: absolute;
	top: 5px;
	line-height: .875em;
}
#didYouKnow p.tip {
	color: #666;
}
.siteSidebar ul li.facebook {
	background: url(/includes/images/facebook_16.png) no-repeat 0px 0px;
	margin-left: 5px;
	padding-left: 20px;
	list-style: none;
}
.accountSelectionTable tr.selectableRow label {
	cursor: pointer;
	display: block;
}
.accountSelectionFilter fieldset {
	padding: 0px 15px;
}
.accountSelectionFilter legend {
	padding-bottom: 10px;
}
.accountSelectionFilter label {
	display: block;
	margin: 10px 0px 2px;
}
.accountSelectionFilter input[type="text"] {
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
    margin-bottom: 0;
}
.accountSelectionFilter .hideInactiveCheckbox label {
	display: inline;
	margin-left: 5px;
}
.accountSelectionFilter .siteTableNote {
	margin-top: 10px;
	text-indent: 0px;
}
.accountSelectionFilter p.centerAlign {
	margin: 10px 0px 0px;
}
.accountSelectionFilter p.centerAlign .cancelButton {
	margin-left: 0px;
}
.notificationSettingsDetails h4 {
    margin-right: 20px;
}
.notificationSettingsDetails h4 {
    background: url(/includes/images/bell_enrolled.png) no-repeat right top;
    margin-bottom: 10px;
    padding-top: 0px;
    background-size: 32px 32px;
}

/* ---------- LOADING STYLES ---------- */
.loadingPage #siteHeaderContainer, .loadingPage h1, .loadingPage .newSection, .loadingPage .pagingControl, .loadingPage table, .loadingPage p, .loadingPage ul, .loadingPage #mainContentSidebar, .loadingPage #siteFooterContainer, .loadingPage .debugPanel {
	display: none;
}
.loadingPage #siteContentContainer, .loadingPage #siteContent, .loadingPage #mainContent, .loadingPage #mainContentCopy, .loadingPage .mm-page {
	margin: 0px !important;
	padding: 0px !important;
	background-color: Transparent !important;
	background-image: none !important;
	max-width: 100% !important;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}
.loadingGraphicContainer {
	background: #fff;
	position: absolute;
	top: 10px;
	bottom: 10px;
	right: 10px;
	left: 10px;
	border: 3px solid #005b9c;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	background-clip: padding-box; /* useful if you don't want a bg color from leaking outside the border: */
	z-index: 500;
}
.loadingGraphic {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -75px;
	margin-top: -75px;
	z-index: 1000;
}
.loadingGraphicContainer p {
    display: block;
    text-align: center;
    margin: 95px 0px 0px;
    position: absolute;
    top: 50%;
    left: 0px;
    right: 0px;
}

/* ---------- FORM STYLES ---------- */
.btn, .siteButton, .styledButton, .ui-EmulationUserStatus a, .languageSwitcher a {
    display: inline-block;
    margin: 0;
    padding: 0.75em 1.5em;
	width: auto;
	overflow: visible;
    font-size: 16px;
    font-size: 1rem;
    background: #005B9C;
	vertical-align: middle;
    border: 0;
    -webkit-box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
    box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
	cursor: pointer;
	text-decoration: none !important;
}
#featuredPromoContainer .btn-secondary, #mainContent .btn-secondary, .siteButton, .styledButton {
    background: #005B9C;
    color: #fff;
}
#featuredPromoContainer .btn-secondary:hover, #mainContent .btn-secondary:hover, .siteButton:hover, .styledButton:hover {
	background: #003663;
    color: #fff;
}
#featuredPromoContainer .btn-secondary:visited, #mainContent .btn-secondary:visited, .siteButton:visited, .styledButton:visited, a.closeSession:visited {
	color: #fff;
}
#featuredPromoContainer .btn-primary, #mainContent .btn-primary, .continueButton, .primaryButton, .selectAccountButton, .ui-EmulationUserStatus a.selectDifferent, .languageSwitcher a {
    background: #FE5F00;
    color: #fff;
}
#featuredPromoContainer .btn-primary:hover, #mainContent .btn-primary:hover, .continueButton:hover, .primaryButton:hover, .ui-EmulationUserStatus a:hover, .languageSwitcher a:hover, .ui-EmulationUserStatus a.closeSession:hover {
	background: #005B9C;
    color: #fff;
}
.staffAccountNumber .siteButton, .accountSelectionFilter .siteButton,
.updateContactInformationTable .siteButton, .addNew .siteButton {
	padding: 5px 10px;
}
.enrollmentOptions {
	vertical-align: middle;
}
.enrollmentOptions .siteButton {
	margin: 0px 20px 5px 0px;
}
.languageSwitcher {
	margin: 0px;
}
.languageSwitcher a {
	display: block;
	margin-bottom: 20px;
}
.continueButton.disabledSiteButton, .continueButton.disabledSiteButton:hover {
	background-color: #949698;
	color: #fff;
	cursor: default;
}
.selectAccountButton {
	width: 27px;
	max-width: 27px;
	padding: 3px 0px;
	cursor: pointer;
	overflow: hidden;
	text-indent: 30px;
}
.formButtons {
    margin: 1em 0;
}
.formButtons .cancelButton.disabledSiteButton, .formButtons .backButton.disabledSiteButton {
	color: #600;
	cursor: default;
}
.formButtons .cancelButton, .formButtons .backButton {
	color: #00549f;
    padding: 0px;
	text-decoration: underline !important;
	cursor: pointer;
	border: 0px;
	background-color: transparent;
	border-radius: initial;
	text-shadow: none;
	box-shadow: none;
}
.cancelButton:hover, .backButton:hover {
	color: #ff6300;
    background-color: transparent !important;
}
.ui-EmulationUserStatus a.closeSession {
	background-color: #9b0000;
    color: #fff;
	padding: 5px 10px;
}
.formButtons .backButton, .formButtons .cancelButton {
	margin-left: 20px;
}
.stepNumberIndicator {
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;
	background-color: #f2f2f2;
}
.stepNumberIndicator li {
	margin-top: 5px;
}
#mainContentCopy fieldset {
	margin: 20px 0px;
    padding: 0px;
	position: relative;
	display: block;
	clear: both;
}
#mainContentCopy fieldset label, #mainContentCopy fieldset input, #mainContentCopy fieldset select, #mainContentCopy fieldset a, #mainContentCopy fieldset span, #mainContentCopy fieldset img {
	vertical-align: top;
}
textarea, input[size="35"], input.lgTextbox {
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
input[type="text"], input[type="email"], input[type="password"], select, textarea {
	background-color: #fff;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 10px;
}
fieldset input[type="text"], fieldset input[type="email"], fieldset input[type="password"], fieldset select, fieldset textarea, fieldset .optionGroup, #divSelectAddress {
	margin-bottom: 15px;
}
.body_DESInlineError fieldset input[type="text"] + br ~ .DESVALErrorText,
.body_DESInlineError fieldset select + br ~ .DESVALErrorText,
.body_DESInlineError fieldset .optionGroup ~ .DESVALErrorText,
.body_DESInlineError fieldset p ~ .DESVALErrorText,
.body_DESInlineError fieldset textarea + br ~ .DESVALErrorText {
    position: relative;
    top: -12px;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, select:focus, textarea:focus {
	border: 1px solid #005999;
}
input[type="text"]:disabled {
    background-color: #f2f2f2;
    color: #999;
}
#mainContentCopy fieldset legend {
	margin: 15px 0px 15px 0px;
    padding: 0px;
    font-size: 18px;
    font-size: 1.125rem;
}
#mainContentCopy fieldset h2 {
    font-size: 28px;
    font-size: 1.75rem;
}
#mainContentCopy .requiredFieldsLegend {
	color: #666;
	margin: 0px 0px 20px;
	position: relative;
}
.requiredFieldsLegend img, .formLabel img {
	height: 9px;
    width: 9px;
    margin-top: 7px;
}
#mainContentCopy fieldset label.formLabel {
	display: block;
	color: #333;
    position: relative;
	padding-bottom: 5px;
}
#mainContentCopy fieldset label.formLabel span {
	position: relative;
    display: inline-block;
    padding-right: 15px;
}
#mainContentCopy fieldset label.formLabel span span {
	padding: 0;
}
#mainContentCopy fieldset label.formLabel span span.DESVALRequiredFieldMarker, #mainContentCopy fieldset label.formLabel span img.required {
	position: absolute;
    right: 0px;
    top: 0px;    
    display: block;
}
#mainContentCopy fieldset span.formLabelValue {
	display: block;
	padding-bottom: 5px;
}
#mainContentCopy fieldset span.formLabelValue img {
	vertical-align: middle;
}
#mainContentCopy fieldset p {
	margin: 0px 0px 10px 0px;
}
fieldset ul.terms {
	margin: 0px;
	padding: 0px 0px 10px;
}
fieldset ul.terms li {
	margin: 0px 0px 0px 35px;
	padding: 0px 0px 5px;
}
fieldset span.inputDescription {
	padding-left: 5px;
}
fieldset #termsAcknowledgement, fieldset .optionGroup, fieldset .optionsWithDescriptions {
	display: block;
}
fieldset .optionGroup {
	padding-left: 25px;
	position: relative;
}
fieldset .optionGroup input[type="radio"], fieldset .optionGroup input[type="checkbox"] {
	position: absolute;
    left: 0;
}
fieldset input[type="radio"], fieldset input[type="checkbox"] {
	margin: 3px 5px;
}
fieldset .optionGroup label {
	display: inline-block;
	padding-bottom: 5px;
}
fieldset .optionGroup label:last-of-type {
    padding-bottom: 0px;
}
fieldset .optionGroup input, fieldset .optionGroup label, fieldset .optionGroup span, fieldset .optionGroup b {
	vertical-align: middle;
}
fieldset .optionGroup span.optionDetails {
	display: block;
	padding: 0px 0px 5px 25px;
}
fieldset .optionGroup div.hr {
	height: 8px;
	border-top: 1px dotted #999;
	padding-top: 3px;
	clear: right;
}
fieldset .optionsWithDescriptions input {
	float: left;
	width: 20px;
	margin: 0px;
	padding: 0px;
}
fieldset .optionsWithDescriptions label {
	margin-left: 20px;
	display: block;
	padding-bottom: 10px;
}
* html fieldset .optionGroup, * html fieldset .optionsWithDescriptions {
	height: 1%;
}
dl.verify dt {
    padding-top: 15px;
}
.confirmationOutput {
	margin-left: 20px;
	margin-top: -10px;
}
.confirmationOutput th {
	padding-top: 10px;
	padding-bottom: 5px;
}
.confirmationOutput td {
	padding-right: 10px;
}
.confirmationOutput th, .confirmationOutput td {
	text-align: left;
}
.editLink {
	margin-left: 20px;
}
fieldset .fieldsWithExample .fieldExample {
	color: #666;
	display: block;
	padding-bottom: 5px;
}
fieldset .fieldTip {
	margin: 0px 0px 10px 0px;
	color: #666;
	padding-left: 17em;
}
fieldset .fieldsetGraphic {
	margin-left: 16em;
	border-width: 0px;
}
/* Make inline error messages visible for pages that have opted in */
body:not(.body_DESInlineError) .DESVALErrorText {
    display: none !important;
}
body .DESVALSummaryErrors, body .errorList ul {
	margin: 5px 40px 0px 25px;
	padding: 0px;
	color: #222;
}
body .DESVALSummaryErrors li, body .errorList ul li {
	margin: 0px 0px 5px;
	padding: 0px;
}
fieldset label.formLabel .DESVALRequiredFieldMarker {
	overflow: hidden;
	line-height: 1em;
}
#helpWindow {
	background: #FFF url(/includes/images/help_bg.gif) repeat-y left top;
	padding: 20px 20px 20px 60px;
	text-align: left;
}
#helpWindow h1 {
	margin-top: 0px;
}
#helpWindow h3 {
	margin-bottom: 10px;
}
#helpWindow .accountNumber span {
	padding-left: 0px;
}
#helpWindow p {
	margin-top: 10px;
}
#helpWindow #flashGraph {
	text-align: center;
}
#ctl00_BodyContent_rblGraphOptions {
	margin-left: auto;
	margin-right: auto;
}
#ctl00_BodyContent_rblGraphOptions input, #ctl00_BodyContent_rblGraphOptions label {
	vertical-align: middle;
}
#ctl00_BodyContent_rblGraphOptions label {
	padding-right: 20px;
}
.helpTopLinks {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}
.helpTopLinks li {
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 20px;
	display: inline;
}
.helpTopLinks li .helpLink {
	float: none;
	padding-bottom: 0px;
}
.ineligibilityMessage {
	margin: 15px 0px;
}
.ineligibilityMessage li {
	margin: 0px 0px 0px 25px;
}
fieldset .spacedList {
	margin-top: 0px;
}
#siteContent .DESVALSummary, #siteContent .errorList {
	clear: right;
	background: url(/includes/images/warning_50.png) no-repeat;
    min-height: 29px;
    background-size: 32px 29px;
    background-position: right 20px top 28px;
    border: 2px solid #b80000;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 20px 20px 20px 20px;
    margin: 15px 0px;
    /*max-width: 556px;*/
}
.ltIE9 #siteContent .DESVALSummary, .ltIE9 #siteContent .errorList {
	background-image: url(/includes/images/cancel_32.gif);
}
#siteContent .DESVALSummaryHeader, #siteContent .errorList h3, #siteContent .errorList p {
	margin: 0px 40px 0px 0px;
	padding: 5px 0px 0px;
	display: block;
}
#siteContent .DESVALFieldWithError .DESVALMultiSegTextBox, #siteContent textarea.DESVALFieldWithError, #siteContent input.DESVALFieldWithError, #siteContent .DESVALListWithError {
	background-color: #fff !important;
    border: 2px solid #dd2727;
	color: #222 !important;
}
#siteContent .DESVALCheckBoxWithError {
	background-color: transparent;
	color: #222 !important;
}
.CSRMessage {
	color: #f00;
	padding-bottom: 10px;
	text-align: center;
}
.clearright {
	clear: right;
}
.validationSummary {
    border: 2px solid #b80000;
    margin: 15px 0px;
    padding: 20px 20px 20px 20px;
	background: url(/includes/images/warning_50.png) no-repeat;
    min-height: 29px;
    background-size: 32px 29px;
    background-position: right 20px top 28px;
	color: #222 !important;
}
.ltIE9 .validationSummary {
	background-image: url(/includes/images/cancel_32.gif);
}
* html .validationSummary {
	height: 32px;
}
.validationSummary ul {
	margin: 5px 0px 0px 20px;
}
.validationSummary ul li {
	margin: 0px;
	font-weight: normal;
}
.inlineErrorDescription {
	color: #f00;
}
.helpLink {
	cursor: help;
}
fieldset .helpLink {
	display: none;
}
.newSectionHelp {
	float: right;
	margin: 0px;
	padding-top: 5px;
}
form .DES_CalControl, form .DES_MYPControl {
	border: 2px solid #999;
	padding: 2px;
}
form .DES_CalControl table, form .DES_MYPControl table {
	border-collapse: inherit;
}
form .DES_MYPControl table td {
	padding: 2px;
}
form .DES_CalControl .DES_CalWeekRowsTable {
	border: 1px solid #ccc;
}
form .DES_CalControl .DES_CalDayHeader, form .DES_CalControl .DES_CalDayHeader th, form .DES_MYPControl .DES_FYPYearTitle {
	background-color: #c6ddf0;
}
form .DES_CalControl .DES_CalDay, form .DES_CalControl .DES_CalDay tr {
	border-color: #ccc;
}
form .DES_CalControl .DES_SDUnselectable1, form .DES_CalControl .DES_SDUnselectable1 tr,
form .DES_CalControl .DES_SDUnselectableOM1, form .DES_CalControl .DES_SDUnselectableOM1 tr {
	background-color: #f2f2f2;
	border-color: #ccc;
	color: #999;
}
form .DES_CalControl .DES_CalCommandButton, form .DES_MYPControl .DES_FYPFooterButton {
	background-color: #ccc;
	border-style: none;
	border-width: 0px;
}
.calendarImage, .calendarImage span img {
	height: 30px;
	width: 30px;
	cursor: pointer;
        margin-left: 5px;
}
.passwordBarBorder {
	border: solid 1px;
	width: 200px;
}
.passwordBarWeak {
	background: red;
}
.passwordBarAverage {
	background: yellow;
}
.passwordBarStrong {
	background: green;
}
.passwordBarText {
	margin-top: -20px;
	background-color: White;
}
.modalOverlay {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 1000;
	background: url(/includes/images/bg_modalOverlay.png) repeat left top;
	text-align: center;
	padding: 40px 20px;
	overflow: scroll;
}
.modalOverlay #modalOverlayInner {
	margin-left: auto;
	margin-right: auto;
	max-width: 800px;
	text-align: left;
	background-color: #fff;
	border: 1px solid #666;
	border-radius: 15px;
	background-clip: padding-box; /* useful if you don't want a bg color from leaking outside the border: */
	padding: 20px;
	position: relative;
}
.modalOverlay #modalOverlayInner fieldset {
	margin-top: 0px;
}
.modalOverlay #modalOverlayInner p.centerAlign {
	margin-bottom: 0px;
}

/* ---------- STRIPE STYLES ---------- */

#stripeContainer {
    background-color: #d6e8f4;
}
#stripeContent {
    max-width: 1200px;
	margin: auto;
}
#stripeContent ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
    margin: 0px auto;
    padding: 1em 1em 4em;
}
#stripeContent ul li {
    flex: 1;
    min-width: 200px;
    margin: 10px 0px;
    padding: 0px;
}
#stripeContent ul li a {
    display: block;
    padding: 0px 15px;
    text-decoration: none;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.2em;
    border: 0;
}
#stripeContent ul li a, #stripeContent ul li a:hover, #stripeContent ul li a:visited {
    color: #005B9C;
}
#stripeContent ul li a:hover {
    text-decoration: underline;
}
#stripeContent ul li a svg, #stripeContent ul li a img {
    height: 80px;
    max-width: 80px;
    font-size: 5rem;
    -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#stripeContent ul li a:hover svg, #stripeContent ul li a:hover img {
    height: 90px;
    max-width: 90px;
    font-size: 5.625rem;
    margin-top: -10px;
}
#stripeContent .internalLinkIconText {
    display: block;
    padding-top: 10px;
}

/* ---------- FOOTER STYLES ---------- */
#siteFooter {
    padding: 40px 20px;
}
#footerSelfServiceLinks {
	background-color: #f2f2f2;
	padding: 5px 0px 5px 20px;
	text-align: left;
}
#footerSelfServiceLinks h6 {
	margin: 0px;
}
#footerSelfServiceLinks form select {
	width: auto;
}
#siteFooterContainer select {
	border: 2px solid #999;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	background-clip: padding-box; /* useful if you don't want a bg color from leaking outside the border: */
	vertical-align: middle;
	padding: 2px;
	width: 150px;
}
#parentCompany a {
    border: 0;
}
#siteFooterContainer .primaryButton {
	padding: 3px;
	background-color: #005b9c;
	border-color: #005b9c;
	text-shadow: none;
}
#siteFooterContainer .primaryButton:hover {
	background-color: #fff;
	color: #222;
}
#siteFooter {
    position: relative;
}
#socialMediaLinks {
	margin: 0px 0px 20px;
	padding: 0px;
	list-style: none;
}
#socialMediaLinks li {
	margin: 0px 0px 5px 5px;
	padding: 0px 0px 0px 20px;
	min-height: 16px;
}
* html #socialMediaLinks li {
	height: 16px;
}
#socialMediaLinks li.twitter {
	background: url(/includes/images/twitter_32.png) no-repeat 0px 0px;
	background-size: 16px 16px;
}
.ltIE9 #socialMediaLinks li.twitter {
	background-image: url(/includes/images/twitter_16.png);
}
#socialMediaLinks li.facebook {
	background: url(/includes/images/facebook_32.png) no-repeat 0px 0px;
	background-size: 16px 16px;
}
.ltIE9 #socialMediaLinks li.facebook {
	background-image: url(/includes/images/facebook_16.png);
}
#socialMediaLinks li.linkedin {
	background: url(/includes/images/linkedin_32.png) no-repeat 0px 0px;
	background-size: 16px 16px;
}
.ltIE9 #socialMediaLinks li.linkedin {
	background-image: url(/includes/images/linkedin_16.png);
}
.siteBottomNavSection h6 {
	font-size: 16px;
    font-size: 1rem;
    font-weight: 700;
    margin: 0 0 16px;
    padding-left: 30px;
    cursor: pointer;
}
.siteBottomNavSection h6.opened {
    background: transparent url(/includes/images/minus.png) center left no-repeat;
    background-size: 21px 21px;
    margin: 0 0 4px;
}
.siteBottomNavSection h6.closed {
    background: transparent url(/includes/images/plus.png) center left no-repeat;
    background-size: 21px 21px;
}
.siteBottomNavSection ul {
    display: none;
    list-style: none;
	margin: 0 0 1em;
    padding: 0 0 0 30px;
}
.siteBottomNavSection ul li {
	margin: 0;
}
.siteBottomNavSection a {
	color: #333;
    border: 0;
}
.siteBottomNavSection a:hover {
	text-decoration: underline;
}
#siteFooter, #parentCompany {
	max-width: 1280px;
	text-align: left;
	margin: auto;
}
#siteFooter .copyrightStatement {
	position: absolute;
    left: 20px;
    bottom: -3.5em;
    margin: 0px;
    padding: 1em 0;
}
#footerLogo {
	margin: 0px;
}
#footerLogo img {
    width: 225px;
    height: auto;
}
#socialMediaIcons {
	list-style: none;
    display: flex;
    margin: 1em 0;
}
#socialMediaIcons li {
	margin: 0px;
	padding: 0px;
}
#socialMediaIcons a {
    display: inline-block;
    margin-right: 0.5em;
    background-color: #999;
    text-indent: 9999px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
#socialMediaIcons li.facebook a:hover {
    background-color: #385898;
}
#socialMediaIcons li.twitter a:hover {
    background-color: #000000;
}
#socialMediaIcons li.linkedin a:hover {
    background-color: #2977c9;
}
#socialMediaIcons li.blogger a:hover {
    background-color: #ff9224;
}
#socialMediaIcons li.youtube a:hover {
    background-color: #ff0000;
}
#socialMediaIcons li a img {
    display: block;
    width: 40px;
    height: 40px;
    opacity: 0.75;
}
#socialMediaIcons li a:hover img {
    opacity: 1;
}
#companyDescription {
    margin: 0;    
    font-style: italic;
}
#appDownloadIcons {
	list-style: none;
    display: flex;
    margin: 2em 0 1em;
}
#appDownloadIcons li {
	margin: 0px;
	padding: 0px;
}
#appDownloadIcons a {
    display: inline-block;
    margin-right: 0.5em;
}
#parentCompanyContainer {
	background-color: #fff;
    padding: 1em 0;
}
#parentCompany {
	text-align: right;
}
#parentCompany img {
	margin: 0 20px;
	width: 130px;
	height: auto;
}
.debugPanel {
	background-color: #666;
	color: #fff;
	padding: 10px 20px;
}
.debugPanel a {
	color: #fff;
}
.debugPanel .traceCollection {
	text-align: left;
}
.debugPanel .traceCollection .traceHeader {
	margin: 10px 0px;
	padding: 5px 10px;
	border-top: 1px dotted #fff;
	border-bottom: 1px dotted #fff;
}
.debugPanel .traceCollection dl.traceDetail {
	position: relative;
	margin-top: 20px;
	clear: right;
	overflow: hidden;
}
.debugPanel .traceCollection dl.traceDetail dt {
	margin: 0px;
	padding: 0px;
	width: 16em;
	text-align: right;
}
.debugPanel .traceCollection dl.traceDetail dd {
	margin: 0px;
	padding: 0px 0px 8px;
	margin-left: 17em;
	margin-top: -1.2em;
	min-height: 1.2em;
}
* html .debugPanel .traceCollection dl.traceDetail dd {
	height: 1.2em;
}
/* Avoid a horizontal scrollbar for wide trace data */
div#__asptrace td {
	word-wrap: break-word;
	max-width: 300px;
}
/* Visually separate each trace event (so start/stop of data is more apparent) */
div#__asptrace tr:nth-child(odd) td {
	background-color: #eee !important;
}

/* ---------- RESPONSIVE STYLES ---------- */

/* for 480px or greater */
@media screen and (min-width: 480px) {
	th.hideFromMobile, td.hideFromMobile {
		display: table-cell;
	}
	.hideFromMobile {
		display: block;
	}
	span.hideFromMobile {
		display: inline;
	}
	.ui-EmulationUserStatus {
		text-align: center;
	}
	#mainContentCopy {
		min-height: 250px;
	}
	.pagingControl p.resultsPerPageSection {
		float: right;
	}
	.accountSelectionTable td {
		display: table-cell;
	}
	.accountSelectionTable .accountSelectionAccountNumber, .accountSelectionTable td.accountSelectionAddress {
		border-bottom-width: 1px;
	}
	.accountSelectionTable .accountSelectionAccountNumber {
		position: relative;
		left: auto;
	}
	.accountSelectionTable .accountSelectionAddress {
		padding-left: 5px;
	}
	.accountSelectionTable .accountSelectionAmtDue {
		padding-top: 5px;
	}
	.accountSelectionTable .accountSelectionAmtDue span {
		display: block;
	}
	.dueBy:after {
		content: ""
	}
	.siteSidebar ul, .dualColumnCount {
		-webkit-column-count: 2; /* Chrome, Safari, Opera */
		-moz-column-count: 2; /* Firefox */
		column-count: 2;
	}
	.dualColumnCount li {
		-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
		page-break-inside: avoid; /* Firefox */
		break-inside: avoid; /* IE 10+ */
	}
	#frmLoginContainer ul, .faqSidebar ul, .siteSidebar #socialMediaLinks {
		-webkit-column-count: auto; /* Chrome, Safari, Opera */
		-moz-column-count: auto; /* Firefox */
		column-count: auto;
	}
}
/* for 575px or less */
@media screen and (max-width: 575px) {
	#siteContentContainer #siteContent {
		background-image: none;
	}
}
/* for 575px or greater */
@media screen and (min-width: 575px) {
	#loadingGraphicContainer {
		top: 30px;
		bottom: 30px;
		right: 30px;
		left: 30px;
	}
	.siteSidebar ul {
		-webkit-column-count: 3; /* Chrome, Safari, Opera */
		-moz-column-count: 3; /* Firefox */
		column-count: 3;
	}
	.faqSidebar ul {
		-webkit-column-count: auto; /* Chrome, Safari, Opera */
		-moz-column-count: auto; /* Firefox */
		column-count: auto;
	}
    .sectionWithPhoto {
        margin-bottom: 20px;
        display: flex;
        flex-wrap: nowrap;
    }
    .sectionWithPhoto img {
        margin-right: 20px;
        max-width: 265px;
        width: 265px;
    }
    .sectionWithPhoto h3 {
        margin-top: 0;
    }
}

@media only screen and (max-width: 600px) {
	.search-site-submit {
		right: 12px;
	}
}
@media only screen and (min-width: 600px) {
	.account-signin input {
		border: 1px solid #fff;
	}
}

/* for 700px or greater */
@media screen and (min-width: 700px) {
    #mobileAccountMenu {
        display: none;
    }
    #siteHeaderContainer, #siteContentContainer, #siteFooterContainer {
		padding: 0px;
		margin: 0px;
		text-align: left;
        z-index: auto;
	}
    #siteHeader {
	    max-width: 1280px;
        padding: 10px 20px 0;
	    margin: auto;
        text-align: left;
        display: flex;
	}
    .scrolled {
        padding-top: 100px;
    }
    .scrolled #siteHeaderContainer {
        position: fixed;
        z-index: 999999;
        top: 0;
        width: 100%;
        background: #fff;
        -webkit-box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
        box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
    }
    .scrolled #siteHeaderContainer #siteHeader {
        padding: 0px 20px 0;
    }
    .scrolled #siteHeaderContainer #siteTopLinks {
	    display: none;
    }
    .scrolled #navigation-menu {
	    text-align: left;
	    -webkit-transition: all 0.1s ease;
	    -moz-transition: all 0.1s ease;
	    -o-transition: all 0.1s ease;
	    transition: all 0.1s ease;
    }
    .scrolled #siteHeaderContainer #siteTopLinks li a {
        padding: 0.5em 1em 0.75em;
        -webkit-transition: all 0.1s ease;
        -moz-transition: all 0.1s ease;
        -o-transition: all 0.1s ease;
        transition: all 0.1s ease;
    }
    .logo, .logoLink {
        padding: 14px 0;
        width: 22%;
        vertical-align: top;
        white-space: nowrap
    }
    .logo img, .logoLink img {
        max-width: 4em;
    }
    .scrolled .logo, .scrolled .logoLink {
        padding: .5em 0;
    }
    .scrolled .logo img, .scrolled .logoLink img {
	    max-width: 3em;
	    height: auto;
    }
    .scrolled .logo #companyName a {
	    font-size: 18px;
  	    font-size: 1.125rem;
    }
    .header-nav {
        width: 78%;
    }
    .azure-page .header-nav {
        display: none;
    }
    .mobile-navigation {
		display: none;
	}
	#siteTopNav {
        display: block;
        list-style-type: none;
        white-space: nowrap;
        margin: 0;
        padding: 0;
	}
	#siteTopNav li {
		display: inline-block;
        margin: 0px;
	}
	#siteTopNav li a {
        display: inline-block;
        font-weight: 700;
        border-bottom: 3px solid #fff;
        color: #333;
        padding: 1em 0.5em 0.75em;
	}
    #siteTopNav li a:hover, #siteTopNav li.selectedNavTab a:hover {
	    color: #005B9C;
        border-bottom: 3px solid #FE5F00;
        text-decoration: none;
    }
    #siteTopNav li.selectedNavTab a {
	    color: #005B9C;
    }
    #siteTopNav li.selectedNavTab ul li a {
	    color: inherit;
    }
	#siteTopNav li ul {
		display: none;
        margin: 0px;
	}
    #siteTopNav > li:hover > ul {
		display: block;
	    position: absolute;
	    z-index: 20;
	    -webkit-box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
	    -moz-box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
	    box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
	}
	#siteTopNav li ul li {
        display: block;
        position: relative;
	    background: #fff;
	    border-top: 1px solid #ccc;
	}
	#siteTopNav li ul li:first-child {
        text-transform: lowercase;
	}
	#siteTopNav li ul li:first-child a:first-letter {
        text-transform: uppercase;
	}
	#siteTopNav li ul li a {
        display: block;
        font-size: 1rem;
	    font-weight: normal;
	    min-width: 200px;
        border-bottom-width: 0px;
	}
	#siteTopNav li ul li a:hover, #siteTopNav li.selectedNavTab ul li a:hover {
        border-bottom-width: 0px;
        text-decoration: underline;
	}
	#siteTopNav ul li span.arrow {
		position: absolute;
        top: 25px;
        right: 15px;
        border: solid #ccc;
        border-width: 0px 3px 3px 0px;
        display: block;
        padding: 3px;
	}
	#siteTopNav ul li.closed a span, #siteTopNav ul li.opened a span {
		padding-right: 1em;
	}
	#siteTopNav ul li.closed span.arrow {
		transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
	}
	#siteTopNav ul li.opened span.arrow {
		transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
	}
	#siteTopNav ul li ul {
		position: static;
        border-width: 1px 0px 0px 0px;
        -webkit-box-shadow: none;
	    -moz-box-shadow: none;
        box-shadow: none;
	}
	#siteTopNav ul li.closed ul {
		display: none;
	}
	#siteTopNav ul li.opened ul {
		display: block;
	}
	#siteTopNav ul li ul li a {
        min-width: 0px;
	}
	#siteTopNav ul li ul li a span {
        padding-left: 10px;
        display: block;
	}
	#siteTopNav ul li ul li:last-of-type {
        border-bottom-width: 0px;
	}
    .utility {
        text-align: right;
    }
	#siteTopLinks {
		display: inline-block
	}
	#siteTopLinks ul {
		display: flex;
	}
	#siteTopLinks ul li {
		display: block;
        padding: 1px 11px;
		white-space: nowrap;
        border-right: 1px solid #ccc;
	}
	#siteTopLinks ul li a {
		display: inline-block;
		min-height: 16px;
		white-space: nowrap;
	}
	#siteTopLinks a {
		color: #222;
	}
	#siteTopLinks ul #contactLink {
		border-right-width: 0px;
        padding-right: 0px;
	}
	#siteTopLinks ul #menuButton {
		display: none;
	}
	#divSearch {
        display: inline-block;
        margin: 5px 0 0 10px;
        position: relative;
	}
    .scrolled #divSearch {
		display: none;
	}
	#contactUsQuickLink {
		display: none;
	}
	#mainContent {
		background-color: transparent;      
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		transition: none;
	}
    a[href^="tel:"], .phoneNumber a[href^="tel:"] {
	    color: #222;
	    text-decoration: none !important;
        white-space: nowrap;
    }
    .pageHeading {
	    font-size: 30px;
        font-size: 1.875rem;
    }
    .index-page .pageHeading {
        font-size: 48px;
        font-size: 3rem;
    }
    .index-page #mainContentCopyInner p {
	    font-size: 21px;
        font-size: 1.3125rem;
    }
    #promoCards {
        padding-bottom: 1.5em;
    }
    .index-page #promoCards {
        padding-bottom: 0;
    }
    #promoCards ul {
        position: relative;
		display: flex;
        margin: 0px auto;
		border: 5px solid #fff;
		-webkit-box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
		-moz-box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
		box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
    }
    .index-page #promoCards ul {
        border: 0;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
        justify-content: center;
    }
    .index-page #promoCards ul.fourCards {
		flex-wrap: wrap;
	}
    #promoCards ul li {
		flex: 1;
        border-bottom: 0;
        border-right: 5px solid #fff;
	}
    .index-page #promoCards ul li {
		flex: 1;
        margin: 0 1em;
        max-width: 395px;
	}
    .index-page #promoCards ul.fourCards li {
		flex: auto;
        width: 45%;
        margin-bottom: 2em;
	}
	#promoCards ul li img {
		display: block;
		width: 100%;
		height: auto;
	}
    #promoCards ul li:last-child {
	    border-right: 0;
    }
    .index-page #promoCards ul li .thumb-text {
	    font-size: 18px;
        font-size: 1.125rem;
    }
    .sectionIndex {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
    }
    .sectionIndex li {
        width: 45%;
        padding-right: 2em;
    }
	.stepNumberIndicator {
		list-style: none;
		margin: 30px 0px;
		padding: 0px;
		display: flex;
        flex-wrap: nowrap;
        align-items: flex-end;
		background-color: Transparent;
		border-width: 0px;
	}
	.stepNumberIndicator li {
		position: relative;
        margin: 0px;
		padding: 0px;
        width: 125px;
		text-align: center;
        border-bottom: 5px solid #fe5f00;
        line-height: 1.4em;
	}
	.stepNumberIndicator li a {
        border: 0;
	}
	.stepNumberIndicator li a, .stepNumberIndicator li span {
        display: block;
        margin-bottom: -5px;
        padding: 0 .5em 1.2em;
	}
	.stepNumberIndicator li:first-of-type a, .stepNumberIndicator li:first-of-type span {
        background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
	}
	.stepNumberIndicator li:last-of-type a, .stepNumberIndicator li:last-of-type span {
        background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
	}
	.stepNumberIndicator li span.stepMarker {
        display: block;
        margin: 0px 0px 0px -10px;
        padding: 0px;
        position: absolute;
        left: 50%;
        bottom: -12px;
        height: 14px;
        width: 14px;
        border: 2px solid #fe5f00;
        background-color: #fe5f00;
        background-image: none;
        -webkit-border-radius: 9px;
        -moz-border-radius: 9px;
        border-radius: 9px;
	}
	.stepNumberIndicator li.stepActive {
        border-image: linear-gradient(to right, rgba(254,95,0,1) 0%, rgba(254,95,0,1) 50%, rgba(136,136,136,1) 50%, rgba(136,136,136,1) 100%) 5;
	}
    .stepNumberIndicator li.stepActive span.stepMarker {
        border: 5px solid #fe5f00;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
        background-color: #fff;
        bottom: -14px;
	}
	.stepNumberIndicator li.stepActive a {
		text-decoration: none;
	}
	.stepNumberIndicator li.stepDisabled {
        border-bottom: 5px solid #888;
        color: #888;
	}
	.stepNumberIndicator li.stepDisabled span.stepMarker {
        border-color: #888;
        background-color: #fff;
	}
	/*---My Account Form Rules Begin --*/
    .myaccount-page #mainContentCopy fieldset {
        border-top: 1px dotted #ccc;
        padding-top: 10px;
    }
    .myaccount-page #mainContentCopy fieldset legend {
        font-size: 20px;
        font-size: 1.25rem;
        padding: 0 10px 0 0;
        background-color: #fff;
    }
    .myaccount-page .helpLink {
		float: right;
        margin: 0 20px;
	}
	.myaccount-page fieldset .helpLink {
		margin-left: 20px;
		z-index: 100;
	}
	.myaccount-page p.requiredFieldsLegend span, .myaccount-page #mainContentCopy fieldset label.formLabel {
		width: 16rem;
		float: left;
	}
	.myaccount-page p.requiredFieldsLegend span {
		display: block;
        position: relative;
	}
	.myaccount-page p.requiredFieldsLegend span img {
		position: absolute;
        margin: 0;
        top: 7px;
		right: 3px;
		left: auto;
	}
	.myaccount-page #mainContentCopy fieldset label.formLabel {
		clear: left;
	}
	.myaccount-page #mainContentCopy fieldset label.formLabel span {
		text-align: right;
		display: block;
		padding-right: 15px;
	}
	.myaccount-page #mainContentCopy fieldset label.formLabel span span {
		padding-right: 0px;
	}
	.myaccount-page #mainContentCopy fieldset label.formLabel span span.DESVALRequiredFieldMarker {
		right: 3px;
	}
	.myaccount-page #mainContentCopy fieldset label.formLabel span img.required {
		top: 7px;
		right: 3px;
		left: auto;
        margin: 0;
	}
	.myaccount-page #mainContentCopy fieldset .indentedObject, .myaccount-page #mainContentCopy fieldset span.formLabelValue,
    .myaccount-page fieldset #termsAcknowledgement, .myaccount-page fieldset .optionGroup, .myaccount-page fieldset .optionsWithDescriptions, 
    .myaccount-page .inlineErrorDescription, .myaccount-page .formButtons .primaryButton, .myaccount-page .formButtons .continueButton {
		margin-left: 16rem;
	}
	.myaccount-page fieldset .fieldsWithExample {
		padding-top: 1.2em;
		position: relative;
		margin: 10px 0px 3px;
		overflow: hidden;
		clear: both;
	}
	.myaccount-page fieldset .fieldsWithExample .fieldExample {
		display: inline;
		position: absolute;
		top: 0px;
		height: 1.2em;
		padding-bottom: 0px;
		white-space: nowrap;
	}
	.myaccount-page fieldset .fieldsWithExample input {
		margin-bottom: 0px;
	}
    .myaccount-page fieldset .optionGroup .fieldsWithExample {
        padding: 0px;
        margin: 0px;
    }
    .myaccount-page fieldset .optionGroup .fieldsWithExample .fieldExample {
        top: -2.2em;
    }
	.myaccount-page #mainContentCopy fieldset input, .myaccount-page #mainContentCopy fieldset select, .myaccount-page #mainContentCopy fieldset textarea {
		margin-bottom: 15px;
	}
	.myaccount-page .fieldDescription {
		color: #666;
	}
    .myaccount-page .formButtons {
        border-top: 1px dotted #ccc;
        padding-top: 15px;
    }
	.myaccount-page dl.verify {
		position: relative;
		margin-top: 20px;
		clear: right;
		overflow: hidden;
	}
	.myaccount-page dl.verify dt {
		margin: 0px;
		padding: 0px;
		width: 16em;
		text-align: right;
	}
	.myaccount-page dl.verify dd {
		margin: 0px;
		padding: 0px 0px 8px;
		margin-left: 17em;
		margin-top: -1.2em;
		min-height: 1.2em;
	}
	.myaccount-page dl.verify dd.clearfix .mailingAddress {
		float: left;
	}
	* html .myaccount-page dl.verify dd {
		height: 1.2em;
	}
	.myaccount-page dl.verify dd ul {
		margin: 0px;
	}
	.myaccount-page dl.verify dd ul li {
		margin-left: 15px;
	}
    /*---My Account Form Rules End --*/
	.contentSplitLeftColumn {
		width: 48.5%;
		float: left;
	}
	.contentSplitRightColumn {
		width: 48.5%;
		float: right;
	}
	.contentSplitLeftColumn h2, .contentSplitRightColumn h2 {
		margin-top: 0px;
	}
	#mainContentCopy fieldset input[type="text"], #mainContentCopy fieldset input[type="password"], #mainContentCopy fieldset textarea {
		width: auto;
	}
	#mainContentCopy fieldset input.smTextbox {
		width: 100px;
	}
	#mainContentCopy fieldset input.medTextbox {
		width: 250px;
	}
	#mainContentCopy fieldset input.lgTextbox {
		width: 350px;
	}
	.formButtons .backButton, .formButtons .cancelButton {
		margin-left: 50px;
	}
    #stripeContent ul {
        padding: 4em 1em;
    }
    #stripeContent ul li a {
        font-size: 22px;
        font-size: 1.375rem;
        border: 0;
    }
    #siteFooter {
        padding: 0 20px;
    } 
    #siteFooter #footer-columns {
        display: flex;
        flex-wrap: wrap;
        padding: 4em 0;
    }
    .azure-page #siteFooter #footer-columns {
        display: none;
    }
    #siteFooter #footer-columns .siteBottomNavSection, #siteFooter #footer-columns #companyInformation {
        width: 50%;
        padding-bottom: 2em;
    }
	#footerSelfServiceLinks {
		text-align: center;
		padding: 5px 0px;
	}    
	#footerSelfServiceLinks h6 {
		display: inline;
		padding-right: 5px;
	}
    .siteBottomNavSection h6 {
	    padding-left: 0;
        font-size: 18px;
        font-size: 1.125rem;
        margin: 0 0 4px;
        cursor: auto;
    }
    .siteBottomNavSection h6.opened, .siteBottomNavSection h6.closed {
        background: none;
    }
    .siteBottomNavSection ul {
        display: block;
        margin: 0;
        padding: 0;
    }
    .siteBottomNavSection ul li {
	    padding: 10px 0 0;
    }
    #siteFooter .copyrightStatement {
        padding: 1em 0;
    }
	#parentCompany {
		margin-right: auto;
		margin-left: auto;
	}
    .siteBottomNavSection ul li.more a:before {
	    display: inline-block;
	    content: '+';
	    font-size: 1.25em;
	    line-height: 0;
	    padding-right: 0.25em;
    }
    .siteBottomNavSection ul li.more a.opened:before {
	    display: inline-block;
	    content: '-';
	    font-size: 1.9em;
	    line-height: 0;
	    padding-right: 0.25em;
    }
    .siteBottomNavSection ul li.more ul {
	    display: none;
	    padding-left: 1em;
    }
    .siteBottomNavSection ul li.more ul a:before {
	    display: none;
    }
}
/* for 850px or greater */
@media screen and (min-width: 850px) {
	#mainContentCopy {
		float: left;
		width: 100%;
		margin-right: -290px;
		/* This accounts for the left margin of plus the width of the sidebar and its margins:  
		20 + 250 + 20 = 290 */
	}
    .index-page #mainContentCopy, .fullWidthPage #mainContentCopy {
		float: none;
		margin-right: 0;
	}
	#mainContentCopy #mainContentCopyInner {
		padding: 0 290px 0 20px;
	}
	.pageHeading {
		padding: 20px 290px 0 20px;
	}
    .index-page #mainContentCopy #mainContentCopyInner, .fullWidthPage #mainContentCopy #mainContentCopyInner {
		padding: 0 20px;
	}
    .index-page .pageHeading, .fullWidthPage .pageHeading {
		padding: 20px 20px 0;
	}
	#mainContentSidebar {
		float: left;
		clear: none;
		width: 250px;
        margin: 0px 0px 20px 20px;
	}
	.index-page #mainContentSidebar, .fullWidthPage #mainContentSidebar {
		float: none;
		width: auto;
		margin: 20px 0px;
	}
	.siteSidebar ul {
		-webkit-column-count: auto; /* Chrome, Safari, Opera */
		-moz-column-count: auto; /* Firefox */
		column-count: auto;
	}
	#tertiaryNavigation h2 {
		margin: 0px 10px;
		padding: 0px 5px 5px;
		border-bottom: 1px dotted #999;
	}
	#tertiaryNavigation ul {
		margin: 0px;
		padding: 0px 10px;
		list-style: none;
	}
	#tertiaryNavigation ul li {
		margin: 0px;
		padding: 0px;
		border-bottom: 1px dotted #999;
	}
	#tertiaryNavigation ul li a, #tertiaryNavigation ul li .currentPage {
		display: block;
		padding: 5px;
		color: #333;
	}
	.flexibleVideoContainer {
		float: left;
	}
	.wmvVideoContainer {
		float: left;
		margin: 0px;
		width: 38%;
	}
	.wmvVideoContainerDescription {
		margin-left: 353px;
		min-height: 260px;
	}
}
/* for 980px or greater */
@media screen and (min-width: 980px) {
	#didYouKnow #dyText, #didYouKnow #knowText {
		font-size: 1.9em;
		line-height: 1em;
		text-transform: uppercase;
	}
	#didYouKnow #knowText {
		font-size: 2.5em;
		margin-right: 65px;
	}
	#didYouKnow #questionMarkText {
		font-size: 5em;
		right: 20px;
		top: 0px;
	}
}
/* for 1000px or greater */
@media screen and (min-width: 1000px) {    
    .logo img, .logoLink img {
        max-width: 5em;
    }    
    .scrolled .logo, .scrolled .logoLink {
        padding: 1em 0;
    }
    #siteTopNav li {
        font-size: 20px;
        font-size: 1.25rem;
	}
    #siteTopNav li a {
        font-size: 20px;
        font-size: 1.25rem;
        padding: 1em 1em 0.75em;
	}
    #amountDuePanel {
	    position: relative;
        margin: 20px 0px;
    }
    #amountDuePanel .accountNickname, #amountDuePanel .accountNumber {
        width: 50%;
    }
    #amountDuePanel #paymentHistoryAmountDue {
        position: absolute;
        top: 0px;
        right: 0px;
        left: 50%;
        padding-left: 20px;
        margin: 0px;
    }
    #paymentHistoryAmountDue h2 span.amountDue {
	    padding-left: 20px;
    }
    #paymentHistoryAmountDue p  {
	    margin-bottom: 0px;
    }    
    #promoCards ul {
		max-width: 1024px;
    }
    .index-page #promoCards ul {
        max-width: none;
    }    
    .index-page #promoCards ul.fourCards li {
		flex: 1;
        width: auto;
        margin-bottom: 0;
	}
    #siteFooter #footer-columns .siteBottomNavSection, #siteFooter #footer-columns #companyInformation {
        width: 25%;
        padding-bottom: 0;
    }
}
/* for 1320px or greater */
@media screen and (min-width: 1320px) {    
    #siteHeader {
	    padding: 10px 0 0;
	}
    .btn, .siteButton, .styledButton, .ui-EmulationUserStatus a {
        font-size: 18px;
        font-size: 1.125rem;
    }
    #breadCrumbs p {
        margin: 0px;        
        padding: 12px 0px;
    }
    #mainContentCopy {
		margin-right: -270px;
		/* This accounts for the left margin of plus the width of the sidebar and its margins:  
		20 + 250 + 20 = 290 */
	}
    .pageHeading {
	    padding: 20px 270px 0px 0px;
    }
    #mainContentCopy #mainContentCopyInner {
        padding: 0 270px 20px 0;
    }    
    .index-page #mainContentCopy #mainContentCopyInner, .fullWidthPage #mainContentCopy #mainContentCopyInner {
		padding: 0;
	}
    .fullWidthPage .pageHeading {
		padding: 20px 0 0;
	}
    #siteFooter {
        padding: 0;
    }
    #siteFooter .copyrightStatement {
        left: 0;
    }
}

/* ---------- PRINT-SPECIFIC STYLES ---------- */
@media print {
	body {
		background-color: Transparent !important;
		text-align: left;
	}
	#siteTopLinks, #divSearch, .search-siteHeader-submit, #phoneNumberList p, .breadcrumbNav, .accountNumber a, #paymentHistoryAmountDue, .stepNumberIndicator, .styledButton, #mainContentSidebar,
    div#footerSelfServiceLinks, #socialMediaLinks, .siteBottomNavSection, #footerLogo, #socialMediaIcons, #companyDescription, #appDownloadIcons, .debugPanel {
		display: none;
	}
	#siteHeaderContainer, #siteHeader, #siteContentContainer, #siteContent, #mainContent, #mainContentCopy, #mainContentCopyInner, #siteFooterContainer, #siteFooter {
		padding: 0;
		margin: 0;
		height: auto;
		min-height: 0px;
		border-width: 0px;
		background-color: transparent;
		background-image: none !important;
		box-shadow: none;
		z-index: auto;
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		transition: none;
	}
    .pageHeading {
        padding: 0;
        margin: 20px 0;
    }
    .confirmNote {
        background-image: none;
        padding-top: 0;
    }
	th.hideFromMobile, td.hideFromMobile {
		display: table-cell;
	}
	.hideFromMobile {
		display: block;
	}
	span.hideFromMobile {
		display: inline;
	}
	.siteSidebar {
		background-color: transparent;
		background-image: none !important;
		box-shadow: none;
	}
    #siteFooter {
		border-top: 1px solid #ccc;
	}
	#siteFooter .copyrightStatement {
		padding: 10px 0px 0px;
		background-color: transparent;
	}
}