/*---
    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*/
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto Regular 400';
  font-style: normal;
  font-weight: 400;
  src: url('/includes/fonts/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
	   url('/includes/fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   /*url('/includes/fonts/roboto-v18-latin-regular.woff2') format('woff2'),  Super Modern Browsers */
	   url('/includes/fonts/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
	   url('/includes/fonts/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('/includes/fonts/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto Medium 500';
  font-style: normal;
  font-weight: 500;
  src: url('/includes/fonts/roboto-v18-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium'), local('Roboto-Medium'),
	   url('/includes/fonts/roboto-v18-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	  /* url('/includes/fonts/roboto-v18-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
	   url('/includes/fonts/roboto-v18-latin-500.woff') format('woff'), /* Modern Browsers */
	   url('/includes/fonts/roboto-v18-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('/includes/fonts/roboto-v18-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto Bold 700';
  font-style: normal;
  font-weight: 700;
  src: url('/includes/fonts/roboto-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
	   url('/includes/fonts/roboto-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   /*url('/includes/fonts/roboto-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
	   url('/includes/fonts/roboto-v18-latin-700.woff') format('woff'), /* Modern Browsers */
	   url('/includes/fonts/roboto-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('/includes/fonts/roboto-v18-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-slab-regular - latin */
@font-face {
  font-family: 'Roboto Slab Regular 400';
  font-style: normal;
  font-weight: 400;
  src: url('/includes/fonts/roboto-slab-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'),
	   url('/includes/fonts/roboto-slab-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	  /* url('/includes/fonts/roboto-slab-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	   url('/includes/fonts/roboto-slab-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
	   url('/includes/fonts/roboto-slab-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('/includes/fonts/roboto-slab-v7-latin-regular.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Roboto Slab Bold 700';
  font-style: normal;
  font-weight: 700;
  src: url('/includes/fonts/roboto-slab-v7-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'),
	   url('/includes/fonts/roboto-slab-v7-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   /*url('/includes/fonts/roboto-slab-v7-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
	   url('/includes/fonts/roboto-slab-v7-latin-700.woff') format('woff'), /* Modern Browsers */
	   url('/includes/fonts/roboto-slab-v7-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('/includes/fonts/roboto-slab-v7-latin-700.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}
/*End of Google Fonts*/

/*--- 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 ---------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* 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;
}


/* ---------- FONT STYLES ---------- */
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 {
	font-family: "Roboto Regular 400", Arial, Helvetica, Sans-Serif;
}
h4, h5, h6, strong, b, dt, #siteTopNav li, #siteTopLinks li, #frmLoginContainer label, #frmLoginContainer .quickLinks li, #phoneNumberList li span,
 #knowText, #questionMarkText, .pleaseNoteDescription, .noteDescription, .errorDescription, .warningDescription, .confirmNote, .continueDescription,
.ulWarnings, .siteTable th, .siteTable tfoot td, .siteTable tr.expanded td, p.errorMessage, .siteButton, .styledButton, .disabledSiteButton,
fieldset legend, fieldset label.formLabel, fieldset #termsAcknowledgement,
li.stepActive span, .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 Medium 500", Arial, Helvetica, Sans-Serif;
	font-weight: normal;
}
h1, h2, h3, .accountNickname, .customerName, .sitemapList li, .DESVALSummaryHeader, #phoneNumberList .phoneNumber, .emergencyPhoneNumber, .siteSidebar .phoneNumber,
.accountSelectionAmtDue .dueAmt, .accountSummaryAmountDue, .outageHeading, .outageCluster {
	font-family: "Roboto Bold 700", Arial, Helvetica, Sans-Serif;
	font-weight: normal;
}
.rotatingPromo {
	font-family: "Roboto Slab Bold 700", Times, Times New Roman, Serif;
	font-weight: normal;
}
pre {
	font-family: 'Courier New', Courier, monospace;
}
input, select, textarea {
	font-family: Arial, Verdana, Sans-Serif;
}
#didYouKnow #dyText, #didYouKnow #knowText, #didYouKnow #questionMarkText, .accountSummaryAmountDue, .accountSelectionAmtDue .dueAmt, h1, .emergencyPhoneNumber, .outageHeading {
	font-size: 1.5em;
}
p input, .accountSelectionTable .accountNickname {
    font-size: 1.14285714em;
}
h2, h3, h4, h5, h6 {
	font-size: 1.125em;
}
#phoneNumberSidebar li, #phoneNumberList .phoneNumber {
	font-size: 1.1125em;
}
.st-query-present .st-ui-type-detail-bold {
	font-size: 1.07692308em;
}
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,
.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: 1em;
}
p, li, dt, dd, td, th, pre, .ui-EmulationUserStatus h3, #didYouKnow p.tip,
fieldset label, fieldset span.formLabelValue, fieldset span.fieldPrefix, span.optionGroup, fieldset span.fieldLabel, .helpLink, 
form .DES_CalControl, form .DES_MYPControl, #siteFooterContainer h3, .inlineErrorDescription, #phoneNumberList li, #phoneNumberList .phoneNumberMessage,
.st-query-present .st-ui-result .st-ui-type-heading, #pac-input, .paymentMethodLink {
	font-size: .875em;
}
.staffAccountNumber .siteButton, .fieldDescription, span.optionGroup input {
	font-size: .857142857em;
}
#siteHeader #txtKeywords, fieldset input, fieldset select, fieldset textarea, .siteTableNote, .tableNote,
#applianceCalc th, #applianceCalc td, .breadcrumbNav, h3.accountNumber, .expandCollapseList li, .siteSidebar li,
.siteSidebar dt, .siteSidebar dd, .siteSidebar p, .siteSidebar label, .fieldsWithExample .fieldExample,
.fieldTip, #siteFooter li, #siteFooter p, #siteFooterContainer select, #siteFooterContainer input, .accountSelectionAmtDue .dueBy, #phoneNumberList p,
.st-query-present .st-ui-type-detail {
	font-size: .8125em;
}
form .DES_CalControl .DES_CalDayHeader {
	font-size: .785714286em;
}

#phoneNumberSidebar li .phoneDescription, #phoneNumberSidebar li a, .notificationSettingsDetails .enrollmentStatus {
	font-size: .666666667em;
}
sup {
	font-size: .5em;
}
#siteHeader #btnSearch, .DESVALRequiredFieldMarker {
	font-size: 0em;
}
#siteTopLinks li {
	font-size: 13px;
}

/* ---------- MAIN STYLES ---------- */
body {
	background-color: #ede6d5;
	text-align: center;
	-webkit-text-size-adjust: none;
	font-size: 100%;
}
h1, h2, h3, h4, h5, h6, p {
	margin: 15px 0px;
}
ul {
	list-style: disc;
	margin: 15px 0px 10px;
}
ol {
	list-style: decimal;
	margin: 15px 0px 10px;
}
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;
	line-height: 1.2em;
}
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: #000;
}
.continueDescription {
	padding-left: 30px;
	min-height: 17px;
	background: url(/includes/images/arrow-left_32.png) no-repeat 8px 0px;
	background-size: 16px 16px;
}
.ltIE9 .continueDescription {
	background-image: url(/includes/images/arrow-left_16.png);
}
.errorDescription, .confirmNote, .ulWarnings, .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/confirm_56.png) no-repeat;
    min-height: 32px;
    background-size: 32px 32px;
    border: 2px solid #00762D;
}
.ltIE9 .confirmNote {
	background-image: url(/includes/images/confirm_32.gif);
}
.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, .confirmNote, .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:"],
#gasEmergency .phoneNumber, #siteContent #gasEmergency .phoneNumber a[href^="tel:"] {
	color: #f00;
}
.removeImage { /* Used on Manage Favorites */
	height: 24px;
	width: 24px;
}
.ulWarnings {
	border: 2px solid #b80000;
	margin: 15px 0px;
    padding: 15px 20px 20px 35px;
	background: url(/includes/images/warning_50.png) no-repeat;
    background-position: right 20px top 25px;
    background-size: 32px 29px;
    min-height: 29px;
    /*max-width: 575px;*/
}
.ltIE9 .ulWarnings {
	background-image: url(/includes/images/warning_32.gif);
}
.ulWarnings li {
	margin: 0px;
	padding: 10px 40px 0px 0px;
}
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;
}
.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: #000;
	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;
}

/* ---------- LINK STYLES ---------- */
a, #mainContentCopy .DESVALSummaryErrors a {
	text-decoration: none;
	color: #03c;
}
a:visited, #mainContentCopy .sectionIndex li a.reportLink {
	color: #03c;
}
a:hover, #mainContentCopy a, #mainContentCopy .DESVALSummaryErrors a, #mainContentCopy .sectionIndex li a.reportLink,
#mainContentCopy .sectionIndex li a:hover, #didYouKnow .tipLink a {
	text-decoration: underline;
}
a:hover, #mainContentCopy .DESVALSummaryErrors a:hover, #mainContentCopy .sectionIndex li a.reportLink:hover {
	color: #f27013;
}
a.help {
	cursor: help;
}
#mainContentCopy a[href^="tel:"], #phoneNumberSidebar .phoneNumber a[href^="tel:"] {
	color: #000;
	text-decoration: none !important;
}

/* ---------- HEADER STYLES ---------- */
#siteTagLine, #siteTopNav, #siteTopNavBackground, #logoPrint,
#siteTopLinks ul li, #frmSearch legend, #frmSearch label {
	display: none;
}
#logoPrint {
	width: 192px;
	height: 100px;
}
#siteHeaderContainer, #siteHeader {
	position: relative;
	z-index: 200;
}
#siteHeader {
	max-width: 1200px;
	margin: auto;
	height: 40px;
	border-bottom: 1px solid #666;
	background-color: #ccc;
	background-image: -webkit-linear-gradient(top, #f2f2f2, #cccccc);
	background-image: linear-gradient(to bottom, #f2f2f2, #cccccc);
	-webkit-box-shadow: 0px 0px 2px 2px #999999;
	box-shadow: 0px 0px 2px 2px #999999;
}
#logoLink {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 40px;
	width: 200px;
	background: url(/includes/images/logo_mobile.png) no-repeat left top;
	background-size: 200px 40px;
}
.ltIE9 #logoLink {
	background-image: url(/includes/images/logo_mobile_ltIE9.png);
}
#siteTopLinks ul {
	list-style: none;
}
#siteTopLinks ul, #siteTopLinks ul li {
	margin: 0px;
}
#siteTopLinks ul #accountLink {
	display: block;
	position: absolute;
	top: 50px;
	right: 0px;
	width: 100%;
	overflow: hidden;
	text-align: right;
}
#siteTopLinks ul #accountLink span {
	display: block;
	position: relative;
	right: 20px;
	-webkit-transition: 1s ease;
	-moz-transition: 1s ease;
	-o-transition: 1s ease;
	transition: 1s ease;
	padding-bottom: 1px;
}
#siteTopLinks ul #accountLink.opened span {
	right: -75%;
}
#siteTopLinks ul #menuButton {
	display: block;
	position: absolute;
	top: 6px;
	right: 20px;
}
#siteTopLinks ul #menuButton a {
	display: block;
	width: 80px;
	height: 28px; 
	background: url(/includes/images/btn_menu.png) no-repeat left top;
	background-size: 80px 28px;
}
.ltIE9 #siteTopLinks ul #menuButton a {
	background-image: url(/includes/images/btn_menu_ltIE9.png);
}
#siteTopLinks ul #menuButton a #menuToggle span {
	display: none;
}
#siteTopLinks ul #menuButton a.closeMenu #menuToggle {
	position: fixed;
	left: 75%;
	right: 0px;
	top: 0px;
	bottom: 0px;
}
#siteHeader #searchContainer {
	width: 75%;
	height: 40px;
	background-color: #333;
	text-align: left;
	position: absolute;
	top: 40px;
	left: -75%;
	-webkit-transition: 1s ease;
	-moz-transition: 1s ease;
	-o-transition: 1s ease;
	transition: 1s ease;
	z-index: 400;
}
#siteHeader #searchContainer.opened {
	left: 0px;
}
#siteHeader #frmSearch fieldset {
	position: absolute;
	top: 8px;
	left: 20px;
	right: 20px;
	display: block;
	height: 22px;
	margin: 0px;
	background-color: #fff;
	border: 2px solid #339;
	-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: */
}
#siteHeader #txtKeywords {
	background-color: Transparent;
	border-width: 0px;
	padding: 3px 0px;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin-left: 5px;
	color: #666;
}
#siteHeader #btnSearch {
	padding: 0px;
	position: absolute;
	top: 0px;
	right: 0px;
	border-width: 0px;
	background-color: Transparent;
	background: url(/includes/images/search_32.png) no-repeat 0px 4px;
	background-size: 16px 16px;
	width: 22px;
	height: 22px;
	cursor: pointer;
	/* Hide text artifacts in IE*/
	text-indent: -9999px;
	text-transform: capitalize;
	box-shadow: none;
}
.ltIE9 #siteHeader #btnSearch {
	background-image: url(/includes/images/search_16.png);
}

/* ---------- 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 {
	margin-left: 8px;
}
.accountSelectionTable .accountSelectionAccountNumber {
	border-bottom-width: 0px;
	position: absolute;
	padding: 8px 0px 0px 2px;
	width: 25px;
}
.accountSelectionTable .accountSelectionAddress {
	border-bottom-width: 0px;
	padding-left: 35px;
}
.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;
}
#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;
}
.compareOptions span img {
	display: none;
}
.sortArrow {
	height: 16px;
	width: 16px;
}

/* ---------- MAIN COLUMN STYLES ---------- */
#siteContent {
	max-width: 1200px;
	text-align: left;
	margin: 0px auto;
}
#mainContent {
	position: relative;
	padding: 35px 0px 20px;
	background-color: #fff;
	-webkit-transition: 1s ease;
	-moz-transition: 1s ease;
	-o-transition: 1s ease;
	transition: 1s ease;
	left: 0px;
}
#mainContent.opened {
	left: 75%;
}
.breadcrumbNav, .pageHeading {
	margin: 0px 20px;
	max-width: 700px;
}
.breadcrumbNav {
	display: none;
}
#mainContentCopy {
	margin: 0px;
	min-height: 150px;
}
#mainContentCopyInner {
	margin: 0px 20px;
}
.accountHeading {
	position: relative;
	padding-left: 20px;
	min-height: 40px;
}
.accountNickname {
	margin-bottom: 0px;
}
.accountNumber {
	margin: 0px;
	padding: 0px 0px 3px;
}
.accountNumber a {
	white-space: nowrap;
}
.accountNumber img {
	display: block;
	position: absolute;
	top: 6px;
	left: 0px;
	width: 16px;
	height: 19px;
}
.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;
}
.sectionIndex, .contactUsNotifyGroup {
	margin: 0px;
	list-style: none;
	overflow: auto;
}
.sectionIndex li {
	margin: 0px;
	position: relative;
	min-height: 70px;
	vertical-align: top;
}
#mainContent .sectionIndex ul {
	margin: -15px 0 10px 60px;
}
#mainContent .sectionIndex li li {
	margin-left: 30px;
	width: auto;
	min-height: 0px;
	min-width: 0px;
	float: none;
	display: list-item;
}
#mainContent .sectionIndex li li a {
	padding: 0px;
	text-decoration: underline;
	color: #03c;
}
.sectionIndex li.leftColumn, .contactUsNotifyGroup li.leftColumn {
	clear: both;
}
.sectionIndex li span {
	display: block;
	padding: 0px 10px 20px 60px;
}
.sectionIndex li span span {
	display: inline;
	padding: 0px;
}
.sectionIndex li img, .contactUsNotifyGroup img {
	position: absolute;
	top: 0px;
	left: 5px;
}
.sectionIndex li br {
	display: none;
}
#mainContentCopy .sectionIndex li a {
	display: block;
	padding: 2px 0px 5px;
	color: #000;
	text-decoration: none;
}
.sectionIndex img, .contactUsNotifyGroup img {
	width: 50px;
	height: 45px;
}
#mainContentCopy .sectionIndex li span.emergencyPhoneNumber {
	display: block;
	padding: 5px 0px;
}
.sectionIndex li span strong {
	display: block;
}
.contactUsNotifyGroup li {
	position: relative;
	margin: 0px;
	padding: 0px 0px 15px;
}
.contactUsNotifyGroup li strong {
	padding-left: 60px;
}
.contactUsNotifyGroup li li {
	list-style: disc;
	padding: 0px 0px 10px;
	margin-left: 80px;
}
.contactUsNotifyGroup li li strong, .contactUsNotifyGroup li span strong {
	padding-left: 0px;
}
.contactUsNotifyGroup li span {
	margin-left: 60px;
	display: block;
}
.contactUsNotifyGroup li ul li span {
	margin-left: 0px;
}
.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);
}
.newSection {
	border-top: 1px dotted #999;
	padding-top: 10px;
}
#definitionList {
	width: 100%;
}
#definitionList dt {
	margin-left: 0px;
	padding: 5px 5px 0px 20px;
	color: #03c;
	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;
}

/* ---------- SIDEBAR COLUMN STYLES ---------- */
#mainContentSidebar {
	margin: 20px 20px 0px;
	clear: both;
}
.siteSidebar {
	border: 1px solid #6C6F70;
	left: 100px;
	padding: 15px 0px;
	background-color: #fff;
	-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: */
	margin-bottom: 20px;
	-webkit-box-shadow: 0px 5px 5px 0px #cccccc; /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
	box-shadow: 0px 5px 5px 0px #cccccc;
}
.siteSidebar h3, .siteSidebar h4 {
	margin: 0px 0px 5px;
	padding: 0px 15px;
}
.siteSidebar h3 a {
	color: #000;
}
.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+ */
}
.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);
}
#mainContentSidebar .quickLinks {
}
#mainContentSidebar .blueSidebar {
}
#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;
}
.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 {
	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 #ccc0a1;
	-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: -90px;
	margin-top: -90px;
	z-index: 1000;
}

/* ---------- FORM STYLES ---------- */
.siteButton, .styledButton, .ui-EmulationUserStatus a {
	margin: 0px;
	padding: 10px 15px;
	color: #fff;
	cursor: pointer;
	/*background: #808081 url(/includes/images/bg_siteButton.gif) no-repeat -25px 0px;*/
	border: 2px solid;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	width: auto;
	overflow: visible;
	vertical-align: middle;
	line-height: 1.1em;
	text-decoration: none !important;
	-webkit-box-shadow: 0 2px 3px 0 rgba(51, 51, 51, 0.6);
	-moz-box-shadow: 0 2px 3px 0 rgba(51, 51, 51, 0.6);
	box-shadow: 0 2px 3px 0 rgba(51, 51, 51, 0.6);
}
.staffAccountNumber .siteButton, .accountSelectionFilter .siteButton,
.updateContactInformationTable .siteButton, .addNew .siteButton {
	padding: 3px 5px;
}
.enrollmentOptions {
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;
	padding: 10px 20px;
	vertical-align: middle;
}
.enrollmentOptions .siteButton {
	margin: 0px 20px 5px 0px;
	padding: 10px;
}
.continueButton, .greenButton, .selectAccountButton, .ui-EmulationUserStatus a.selectDifferent, .languageSwitcher a {
    border: 2px solid;
}
a.siteButton, .ui-EmulationUserStatus a {
	color: #fff;
	display: inline-block;
	padding: 3px 8px;
	text-decoration: none !important;
}
.languageSwitcher {
	margin: 0px;
}
.languageSwitcher a {
	display: block;
	padding: 10px;
	color: #fff;
	text-decoration: none;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	margin-bottom: 20px;
}
.siteButton:hover, .styledButton:hover, .continueButton:hover, .greenButton:hover,
.ui-EmulationUserStatus a:hover, .languageSwitcher a:hover, .ui-EmulationUserStatus a.closeSession:hover {
	color: #333;
	background-color: #FFF;
	border: 2px solid;
}
.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;
}
li .backButton {
	width: auto;
	overflow: visible;
	padding: 3px 8px;
	max-width: 200px;
	text-indent: 0px;
}
.centerAlign .cancelButton.disabledSiteButton, .centerAlign .backButton.disabledSiteButton {
	color: #600;
	cursor: default;
}
.centerAlign .cancelButton, .centerAlign .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: #f27013;
}
.ui-EmulationUserStatus a.closeSession {
	border: 2px solid #600;
	background-color: #9b0000;
	padding: 3px 8px 3px 23px;
}
.centerAlign .backButton {
	margin-right: 20px;
}
.centerAlign .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 {
	border: 1px dotted #999;
	padding: 10px 20px 10px 30px;
	margin: 20px 0px;
	position: relative;
	display: block;
	background-color: #ffffff;
	background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
	background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
	clear: both;
}
#mainContentCopy fieldset label, #mainContentCopy fieldset input, #mainContentCopy fieldset select, #mainContentCopy fieldset a, #mainContentCopy fieldset span, #mainContentCopy fieldset img {
	vertical-align: top;
}
#mainContentCopy fieldset textarea, #mainContentCopy fieldset input[size="35"],
#mainContentCopy fieldset input.lgTextbox {
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#mainContentCopy fieldset input, #mainContentCopy fieldset select, #mainContentCopy fieldset textarea {
	margin-bottom: 10px;
}
#mainContentCopy fieldset legend {
	border: 1px dotted #999;
	background-color: #fff;
	padding: 5px 10px;
	margin: 0px 0px 10px -10px;
}
p.requiredFieldsLegend {
	color: #666;
	margin: 0px 0px 20px;
}
p.requiredFieldsLegend span {
	position: relative;
}
p.requiredFieldsLegend span img, #mainContentCopy fieldset label.formLabel img {
	position: absolute;
	left: -12px;
	top: 3px;
    height: 9px;
    width: 9px;
}
#mainContentCopy fieldset label.formLabel {
	display: block;
	position: relative;
	padding-bottom: 5px;
}
#mainContentCopy fieldset label.formLabel span {
	white-space: nowrap;
}
/*#mainContentCopy fieldset label.formLabel img {
	position: absolute;
	left: -12px;
}*/
#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;
}
#mainContentCopy fieldset .spaceAfter {
	margin-bottom: 10px !important;
}
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: 2em;
	position: relative;
}
fieldset .optionGroup input[type="radio"], fieldset .optionGroup input[type="checkbox"] {
	position: absolute;
	left: 0em;
}
fieldset .optionGroup label {
	display: inline-block;
	padding-bottom: 5px;
}
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%;
}
.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 {
	display: block;
}
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;
}
body .DESVALErrorText {
	display: none !important;
}
body .DESVALSummaryErrors, body .errorList ul {
	margin: 5px 40px 0px 25px;
	padding: 0px;
	color: #000;
}
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: 0px;
	padding: 0px 0px 10px;
	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 #b80000;
	color: #000 !important;
}
#siteContent .DESVALCheckBoxWithError {
	background-color: transparent;
	color: #000 !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: #000 !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, .faqLink {
	background: url(/includes/images/help_32.png) no-repeat right top;
	padding: 0px 20px 10px 0px;
	display: inline-block;
	background-size: 16px 16px;
	cursor: help;
	position: relative;
}
.ltIE9 .helpLink, .ltIE9 .faqLink {
	background-image: url(/includes/images/help_16.png);
}
.newSectionHelp {
	float: right;
	margin: 0px;
	padding-top: 5px;
}
fieldset .helpLink {
	margin: 0px;
}
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: #ede6d5;
}
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: 24px;
	width: 24px;
	cursor: pointer;
}
.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;
}

/* ---------- FOOTER STYLES ---------- */
#siteFooterContainer {
	padding: 0px;
	margin: 0px;
}
#footerSelfServiceLinks {
	background-color: #dbceac;
	padding: 5px 0px 5px 20px;
	text-align: left;
}
#footerSelfServiceLinks h3 {
	margin: 0px;
}
#footerSelfServiceLinks form select {
	width: auto;
}
#footerQuickLinks {
	margin-left: 20px;
	text-align: left;
}
#footerQuickLinks h3 {
	margin: 0px;
	padding: 20px 0px 10px;
}
#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;
}
#siteFooterContainer .greenButton {
	padding: 3px;
	background-image: none;
	text-shadow: none;
}
#siteFooterContainer .greenButton:hover {
	background-color: #fff;
	color: #000;
}
#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 {
	margin-bottom: 0px;
}
#siteBottomNav.closed, #siteBottomNav.opened {    
	width: 75%;
	position: absolute;
	top: 80px;
	-webkit-transition: 1s ease;
	-moz-transition: 1s ease;
	-o-transition: 1s ease;
	transition: 1s ease; 
	z-index: 300;
} 
#siteBottomNav.closed {
	left: -75%;
}
#siteBottomNav.opened {
	left: 0px;
}
#siteBottomNav:after {
	clear: both;
	display: block;
	content: ".";
	height: 0px;
	visibility: hidden;
}
#siteBottomNav {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html #siteBottomNav {
	height: 1%;
}
#siteBottomNav {
	display: block;
}
/* End hide from IE-mac */
#siteBottomNav a {
	display: block;
	padding: 5px 20px;
	background-color: #666666;
	background-image: -webkit-linear-gradient(left, #333333 , #666666);
	background-image: linear-gradient(to right, #333333 , #666666);
	color: #fff;
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #333333;
	border-right: 1px solid #333333;
}
#siteBottomNav a:hover {
	background-color: #FF6600;
	background-image: -webkit-linear-gradient(left, #CC5200 , #FF6600);
	background-image: linear-gradient(to right, #CC5200 , #FF6600);
	border-top: 1px solid #FF6600;
	border-left: 1px solid #FF6600;
	border-bottom: 1px solid #CC5200;
	border-right: 1px solid #CC5200;
	text-decoration: none;
}
#siteBottomNav h3 {
	margin: 0px;
	padding: 0px;
}
#siteBottomNav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#siteBottomNav ul li {
	margin: 0px;
	padding: 0px;
}
#siteBottomNav ul li a {
	padding: 5px 20px 5px 30px;
}
#siteFooter, #parentCompanyContainer {
	max-width: 1200px;
	text-align: left;
	margin: auto;
}
#siteFooter p {
	margin: 0px;
	padding: 10px 15px 20px;
	border-top: 1px dotted #999;
	position: relative;
}
#parentCompanyContainer img {
	margin: 0px 0px 10px 15px;
	width: 102px;
	height: 26px;
}
.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;
	}
	li {
		margin-left: 40px;
	}
	.editLink {
		padding-left: 20px;
		display: inline;
	}
	a.pdf {
		background: url(/includes/images/pdf_32.png) no-repeat right top;
	}
	.ltIE9 a.pdf {
		background-image: url(/includes/images/pdf_16.png);
	}
	a.word {
		background: url(/includes/images/word_32.png) no-repeat right top;
	}
	.ltIE9 a.word {
		background-image: url(/includes/images/word_16.png);
	}
	a.pdf, a.word {
		padding-right: 21px;
		white-space: nowrap;
		display: inline-block;
		background-size: 16px 16px;
		min-height: 16px;
	}
	.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) {
	.newSection {
		padding-top: 10px;
	}
	#loadingGraphicContainer {
		top: 30px;
		bottom: 30px;
		right: 30px;
		left: 30px;
	}
	.compareOptions th, .compareOptions td {
		padding-left: 5px;
	}
	.compareOptions span {
		margin: 0px;
		position: relative;
		vertical-align: top;
		display: block;
		padding: 0px 10px 0px 55px;
	}
	.compareOptions span span {
		display: inline;
		padding: 0px;
	}
	.compareOptions span img {
		display: block;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 50px;
		height: 45px;
	}
	.compareOptions span br {
		display: none;
	}
	.compareOptions span b#programDescription {
		display: block;
		margin-bottom: 5px;
	}
	.compareOptions span b a {
		display: block;
		padding: 2px 0px 5px;
		text-decoration: none;
	}
	.compareOptions span b a.programLink {
		display: inline;
	}
	#mainContentCopy .compareOptions a {
		color: #000;
		text-decoration: none;
	}
	#mainContentCopy .compareOptions a:hover {
		text-decoration: underline;
	}
	.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;
	}
}
/* for 700px or greater */
@media screen and (min-width: 700px) {
	body {
		background: #ede6d5 url(/includes/images/bg_body.gif) repeat-x 0px 0px;
	}
	#siteHeaderContainer, #siteContentContainer, #siteFooterContainer {
		padding: 0px;
		margin: 0px;
		text-align: left;
	}
	#siteHeaderContainer, #siteHeader {
		height: 125px;
	}
	#siteHeader {
		background-image: none;
		background-color: transparent;
		padding-top: 0px;
		border-bottom-width: 0px;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	#logoLink {
		margin-left: 10px;
		display: block;
		background-image: none;
	}
	.ltIE9 #logoLink {
		background-image: none;
	}
	#logoPrint {
		display: block;
		width: 240px;
		height: 125px;
	}
	#siteTopNavBackground {
		display: block;
		position: absolute;
		top: 0px;
		right: 0px;
		height: 48px;
		left: 50%;
	}
	#siteTopNavBackground, #siteTopNav {
		border: 2px solid #339;
		background-color: #4d4db3;
		background-image: -webkit-linear-gradient(top, #6666cc, #333399);
		background-image: linear-gradient(to bottom, #6666cc, #333399);
		border-right-width: 0px;
	}
	#siteTopNav {
		display: block;
		position: absolute;
		top: 0px;
		right: 60px;
		left: 260px;
		height: 48px;
		margin: 0px;
		list-style: none;
		z-index: 1000;
	}
	#siteTopNav li {
		display: block;
		position: absolute;
		top: 0px;
		width: 25%;
		height: 48px;
		margin: 0px;
		font-size: 16px;
		border-right: 2px solid #339;
		white-space: normal;
		text-shadow: -1px 0px #339, 0px 1px #339, 1px 0px #339, 0px -1px #339;
	}
	#siteTopNav a {
		color: #fff;
		display: block;
		height: 48px;
	}
	#siteTopNav a span {
		display: block;
		padding: 8px 20px 0px 15px;
		line-height: 1em;
		margin-right: 100px;
	}
	#siteTopNavTab1 {
		left: 0;
	}
	#siteTopNavTab2 {
		left: 25%;
	}
	#siteTopNavTab3 {
		left: 50%;
	}
	#siteTopNavTab4 {
		left: 75%;
	}
	#siteTopNav ul {
		list-style: none;
		position: absolute;
		right: 0px;
		top: 48px;
		left: 0px;
		background-color: #333;
		margin: 0px;
		display: none;
		border-top: 2px solid #339;
	}
	#siteTopNav ul li {
		position: relative;
		height: auto;
		width: 100%;
		text-align: left;
		border-width: 0px;
		font-size: 12px;
		white-space: normal;
		text-shadow: none;
	}
	#siteTopNav ul li a {
		height: auto;
		background-color: #666666;
		background-image: -webkit-linear-gradient(left, #333333, #666666);
		background-image: linear-gradient(to right, #333333, #666666);
		border-top: 1px solid #666666;
		border-left: 1px solid #666666;
		border-bottom: 1px solid #333333;
		border-right: 1px solid #333333;
		width: 100%;
	}
	#siteTopNav ul li a:hover {
		text-decoration: none;
        background-image: none;
	}
	#siteTopNav ul li a span {
		background-image: none;
		padding: 5px 10px;
		margin-right: 0px;
	}
	#siteTopLinks {
		position: absolute;
		top: 52px;
		left: 260px;
		right: 0px;
		height: 25px;
		z-index: 500;
	}
	#siteTopLinks ul li {
		display: block;
		position: absolute;
		white-space: nowrap;
		top: 0px;
		height: 25px;
		color: #fff;
	}
	#siteTopLinks ul li a {
		display: inline-block;
		min-height: 16px;
		white-space: nowrap;
		padding-right: 20px;
	}
	#siteTopLinks ul li a.contact {
		display: block;
		background: url(/includes/images/mail_32.png) no-repeat right top;
		background-size: 16px 16px;
	}
	.ltIE9 #siteTopLinks ul li a.contact {
		background-image: url(/includes/images/mail_16.png);
	}
		#siteTopLinks ul li a.account {
		background: url(/includes/images/lock_32.png) no-repeat right top;
		background-size: 16px 16px;
	}
	.ltIE9 #siteTopLinks ul li a.account {
		background-image: url(/includes/images/lock_16.png);
	}
	#siteTopLinks ul #accountLink {
		top: 0px;
		left: 0px;
		right: auto;
		width: auto;
		background: url(/includes/images/bg_siteTopLinks.png) no-repeat right top;
		padding: 0px 50px 0px 20px;
		-webkit-border-bottom-left-radius: 10px;
		-moz-border-radius-bottomleft: 10px;
		border-bottom-left-radius: 10px;
	}
	#siteTopLinks ul #accountLink span {
		display: inline;
		right: auto;
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		transition: none;
		padding-bottom: 0px;
	}
	#siteTopLinks #contactLink {
		right: 0px;
		background: url(/includes/images/bg_siteTopLinks.png) no-repeat left top;
		padding: 0px 20px 0px 50px;
	}
	#siteTopLinks ul #accountLink span, #siteTopLinks #contactLink a {
		margin-top: 4px;
		display: block;
	}
	#siteTopLinks a {
		color: #fff;
	}
	#siteTopLinks ul #menuButton {
		display: none;
	}
	#siteHeader #searchContainer {
		width: auto;
		height: auto;
		position: static;
		background-color: transparent;
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		transition: none;
	}
	#siteHeader #frmSearch fieldset {
		position: absolute;
		top: 14px;
		right: 20px;
		left: auto;
		width: 20px;
		background-color: transparent;
		border-width: 0px;
	}
	#siteHeader #frmSearch #txtKeywords {
		display: none;
	}
	#siteHeader #btnSearch {
		background: url(/includes/images/search_48.png) no-repeat 0px 4px;
		background-size: 24px 24px;
		width: 24px;
		height: 24px;
	}
	#contactUsQuickLink {
		display: none;
	}
	#siteContentContainer {
		background: #fff url(/includes/images/bg_body.gif) repeat-x 0px 0px;
		margin-top: -125px;
	}
	#mainContent {
		padding-top: 275px;
		padding-left: 20px;
		background: url(/includes/images/bg_mainContent.png) no-repeat 0px 0px;       
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		transition: none;
	}
	#headingContainer {
		position: absolute;
		top: 0px;
		left: 20px;
		right: 0px;
		height: 275px;
	}
	#breadcrumbsAndHeading {
		position: absolute;
		bottom: 0px;
		left: 0px;
		background-color: #fff;
		-webkit-border-top-left-radius: 10px;
		-webkit-border-top-right-radius: 10px;
		-moz-border-radius-topleft: 10px;
		-moz-border-radius-topright: 10px;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}
	.breadcrumbNav {
		padding: 10px 0px 5px;
		display: block;
	}
	.homeSection .sectionIndex li, .businessSection .sectionIndex li, .companySection .sectionIndex li, .formPage .sectionIndex li {
		width: 49%;
		min-width: 49%;
		float: left;
		display: inline;
	}
	.contactUsNotifyGroup li {
		width: 49%;
		min-width: 49%;
		float: left;
		margin-top: 10px;
		padding-right: 5px;
	}
	.contactUsNotifyGroup li li {
		margin-top: 0px;
	width: auto;
	}
	.stepNumberIndicator {
		list-style: none;
		margin: 15px 0px 0px 0px;
		padding: 0px;
		min-height: 50px;
		width: 100%;
		display: block;
		overflow: visible;
		clear: right;
		position: relative;
		background-color: Transparent;
		border-bottom-width: 0px;
	}
	.stepNumberIndicator:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	.stepNumberIndicator {
		display: inline-block;
	}
	.stepNumberIndicator li {
		margin: 0px;
		padding: 0px;
		display: block;
		width: 100px;
		font-size: .75em;
		text-align: center;
		color: #ccc;
		min-height: 49px;
		float: left;
		border-top-width: 0px;
	}
	.stepNumberIndicator li.step1 {
		background: url(/includes/images/step1.gif) no-repeat 0px 0px;
	}
	.stepNumberIndicator li.step2 {
		background: url(/includes/images/step2.gif) no-repeat 0px 0px;
	}
	.stepNumberIndicator li.step3 {
		background: url(/includes/images/step3.gif) no-repeat 0px 0px;
	}
	.stepNumberIndicator li.step4 {
		background: url(/includes/images/step4.gif) no-repeat 0px 0px;
	}
	.stepNumberIndicator li.step5 {
		background: url(/includes/images/step5.gif) no-repeat 0px 0px;
	}
	.stepNumberIndicator li.stepDisabled {
		background-position: -200px 0px;
	}
	.stepNumberIndicator li a, .stepNumberIndicator li span {
		padding: 48px 5px 0px;
		display: block;
	}
	.stepNumberIndicator li.stepActive {
		background-position: -100px 0px;
	}
	.stepNumberIndicator li.stepActive a {
		text-decoration: none;
	}
	.stepNumberIndicator li.stepActive span {
		color: #666;
	}
	.helpLink {
		float: right;
	}
	fieldset .helpLink {
		margin-left: 20px;
		z-index: 100;
	}
	p.requiredFieldsLegend span, #mainContentCopy fieldset label.formLabel {
		width: 16em;
		float: left;
	}
	p.requiredFieldsLegend span {
		display: block;
	}
	p.requiredFieldsLegend span img {
		top: 3px;
		right: 3px;
		left: auto;
	}
	#mainContentCopy fieldset label.formLabel {
		clear: left;
	}
	#mainContentCopy fieldset label.formLabel span {
		text-align: right;
		display: block;
		padding-right: 15px;
	}
	#mainContentCopy fieldset label.formLabel span span {
		padding-right: 0px;
	}
	#mainContentCopy fieldset label.formLabel span span.DESVALRequiredFieldMarker {
		position: absolute;
		top: 0px;
		right: 0px;
		height: 12px;
		width: 12px;
	}
	#mainContentCopy fieldset label.formLabel img {
		top: 3px;
		right: 3px;
		left: auto;
	}
	#mainContentCopy fieldset .indentedObject, #mainContentCopy fieldset span.formLabelValue, fieldset #termsAcknowledgement, fieldset .optionGroup, fieldset .optionsWithDescriptions, .inlineErrorDescription {
		margin-left: 16em;
	}
	fieldset .fieldsWithExample {
		padding-top: 1.2em;
		position: relative;
		margin: 10px 0px 3px;
		overflow: hidden;
		clear: both;
	}
	fieldset .fieldsWithExample .fieldExample {
		display: inline;
		position: absolute;
		top: 0px;
		height: 1.2em;
		padding-bottom: 0px;
		white-space: nowrap;
	}
	fieldset .fieldsWithExample input {
		margin-bottom: 0px;
	}
	#mainContentCopy fieldset input, #mainContentCopy fieldset select, #mainContentCopy fieldset textarea {
		margin-bottom: 3px;
	}
	.fieldDescription {
		color: #666;
	}
	dl.verify {
		position: relative;
		margin-top: 20px;
		clear: right;
		overflow: hidden;
	}
	dl.verify dt {
		margin: 0px;
		padding: 0px;
		width: 16em;
		text-align: right;
	}
	dl.verify dd {
		margin: 0px;
		padding: 0px 0px 8px;
		margin-left: 17em;
		margin-top: -1.2em;
		min-height: 1.2em;
	}
	dl.verify dd.clearfix .mailingAddress {
		float: left;
	}
	* html dl.verify dd {
		height: 1.2em;
	}
	dl.verify dd ul {
		margin: 0px;
	}
	dl.verify dd ul li {
		margin-left: 15px;
	}
	.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: 75px;
	}
	#mainContentCopy fieldset input.medTextbox {
		width: 150px;
	}
	#mainContentCopy fieldset input.lgTextbox {
		width: 225px;
	}
    .ui-EmulationUserStatus a.closeSession {
		width: auto;
		overflow: visible;
		padding: 3px 8px 3px 23px;
		max-width: 200px;
		text-indent: 0px;
	}
	.centerAlign .backButton {
		margin-right: 100px;
	}
	.centerAlign .cancelButton {
		margin-left: 100px;
	}
	#footerSelfServiceLinks {
		text-align: center;
		padding: 5px 0px;
	}    
	#footerSelfServiceLinks h3 {
		display: inline;
		padding-right: 5px;
	}
	#siteFooter {
		padding-top: 20px;
		position: relative;
	}
	#footerQuickLinks {
		position: absolute;
		top: 0px;
		left: 20px;
		width: 220px;
		margin-left: 0px;
	}
	#siteBottomNav {
		margin: 0px 0px 0px 260px;
		padding-top: 0px;
	}
	.siteBottomNavSection {
		float: left;
		width: 50%;
	}
	#siteBottomNavSection3 {
		clear: left;
	}
	#siteBottomNav a {
		padding: 0px;
		background-image: none;
		background-color: transparent;
		border-width: 0px;
		color: #000;
	}
	#siteBottomNav a:hover {
		background-image: none;
		background-color: transparent;
		border-width: 0px;
		text-decoration: underline;
	}
	#siteBottomNav h3 {
		padding: 0px 0px 5px;
	}
	#siteBottomNav ul {
		padding: 0px 0px 20px;
		list-style: disc;
	}
	#siteBottomNav ul li {
		margin: 0px 0px 0px 25px;
		padding: 5px 0px 0px;
	}
	#siteBottomNav ul li a {
		padding: 0px;
	}
	#parentCompanyContainer {
		text-align: right;
		margin-right: auto;
		margin-left: auto;
		position: relative;
	}
	#parentCompanyContainer a {
		position: absolute;
		top: -50px;
		right: 0px;
	}
	#parentCompanyContainer img {
		margin-right: 20px;
	}
}
/* for 850px or greater */
@media screen and (min-width: 850px) {
	.homeSection #mainContentCopy, .businessSection #mainContentCopy, .companySection #mainContentCopy, .accountSummarySection #mainContentCopy, .accountSelectionPage #mainContentCopy {
		float: left;
		width: 100%;
		margin-right: -250px;
		/* This accounts for the left margin of plus the width of the sidebar and its margins:  
		20 + 20 + 210 + 20 = 270 */
	}
	.homeSection #mainContentCopy #mainContentCopyInner, .businessSection #mainContentCopy #mainContentCopyInner, .companySection #mainContentCopy #mainContentCopyInner, .accountSummarySection #mainContentCopy #mainContentCopyInner, .accountSelectionPage #mainContentCopy #mainContentCopyInner {
		margin: 0px 250px 0px 20px;
	}
	.homeSection #mainContentSidebar, .businessSection #mainContentSidebar, .companySection #mainContentSidebar, .accountSummarySection #mainContentSidebar, .accountSelectionPage #mainContentSidebar {
		float: left;
		clear: none;
		width: 210px;
		margin: 20px 0px 20px 20px;
	}
	.siteSidebar ul {
		-webkit-column-count: auto; /* Chrome, Safari, Opera */
		-moz-column-count: auto; /* Firefox */
		column-count: auto;
	}
	#tertiaryNavigation h3 {
		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-top: 1px dotted #fff;
		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;
	}
	.siteBottomNavSection {
		float: left;
		width: 25%;
	}
	#siteBottomNavSection3 {
		clear: none;
	}
}
/* for 980px or greater */
@media screen and (min-width: 980px) {
	#siteTopNav {
		right: 250px;
	}
	#siteTopNav li {
		white-space: nowrap;
	}    
	#siteTopNav a span {
		padding: 15px 20px 0px 15px;
		margin-right: 0px;
	}
	#siteHeader #frmSearch fieldset {
		width: 206px;
		background-color: #fff;
		border-width: 2px;
	}
	#siteHeader #frmSearch #txtKeywords {
		display: block;
		width: 185px;
	}
	#siteHeader #btnSearch {
		background: url(/includes/images/search_32.png) no-repeat 0px 4px;
		background-size: 16px 16px;
		width: 22px;
		height: 22px;
	}
	#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) {    
    #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;
    }
}
/* for 1150px or greater */
@media screen and (min-width: 1150px) {
	#siteTopNav a span {
		padding: 15px 40px 0px 15px;
		background: url(/includes/images/bg_siteTopNavButton.gif) no-repeat right top;
	}
}

/* ---------- PRINT-SPECIFIC STYLES ---------- */
.printPage {
	padding-right: 20px;
	background: url(/includes/images/print_32.png) no-repeat right top;
	display: inline-block;
	min-height: 16px;
	background-size: 16px 16px;
}
.ltIE9 .printPage {
	background-image: url(/includes/images/print_16.gif);
}
@media print {
	body {
		background-color: Transparent !important;
		text-align: left;
	}
	#siteTopLinks, #frmSearch, #btnSearch, #phoneNumberList p, .breadcrumbNav, #mainContentSidebar, div#footerSelfServiceLinks, #footerQuickLinks, #socialMediaLinks, #siteBottomNav, .debugPanel {
		display: none;
	}
	#siteHeaderContainer, #siteHeader, #siteContentContainer, #siteContent, #mainContent, #mainContentCopy, #mainContentCopyInner, #siteFooterContainer {
		padding: 0px;
		margin: 0px;
		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;
	}
	#logoLink {
		position: static;
		height: auto;
		width: auto;
		background-image: none;
		background-size: auto;
		display: block;
	}
	th.hideFromMobile, td.hideFromMobile {
		display: table-cell;
	}
	#logoPrint, .hideFromMobile {
		display: block;
	}
	span.hideFromMobile {
		display: inline;
	}
	.pageHeading {
		margin: 20px 0px;
	}
    #amountDuePanel #paymentHistoryAmountDue {
        position: absolute;
        top: 0px;
        right: 0px;
        left: 50%;
        padding-left: 20px;
    }
	.siteSidebar {
		background-color: transparent;
		background-image: none !important;
		box-shadow: none;
	}
	#siteFooter p {
		padding: 10px 0px 0px;
		background-color: transparent;
		border-top: 1px solid #ccc;
	}
	#parentCompanyContainer {
		text-align: left;
	}
	#parentCompanyContainer img {
		margin: 10px 0px 0px;
	}
}