/******************************************************************************
Filename:   template_print.css
Project:    New Jersey Resources
Purpose:    Template CSS for Print:  This file should remain the same across all NJR sites
Notes:      contentContainer styles are overwritten in contentContainer_print.css
            when rightNav is removed and content area spans across
Date            Developer   Description
11/05/2006      jmk         Version 1.0
******************************************************************************/

/************ BEGIN:  SITE-WIDE STYLES ************/
body{background:#FFFFFF; margin:0; padding:0;}
#bodyContainer{background:none; width:500pt; margin:0; voice-family:"\"}\""; voice-family:inherit; background:transparent; margin:0 0 0 0;}
html > body #bodyContainer {background:none;}
body, p, th, td{font-family:Verdana, Helvetica, Arial, _san; color:#333333;}
p{margin:0 0 14pt 0;}
a{text-decoration:underline; color:#83A2B2;}
a:hover{color:#124C7E;}
img {border:none;}
#screenreaderNav{display:none;}
.screenreaderNavAnchor{display:none;}
/************ END:  SITE-WIDE STYLES ************/

/************ BEGIN:  TIER 2 CONTENT ************/
#pageBodyContainer{margin-top:0px; width:100%; voice-family:"\"}\""; voice-family:inherit; margin-left:0px;}
html > body #pageBodyContainer{margin-left:0px; background:none;}
#contentContainer{width:100%;}
#contentContainer{background:none;}
#contentMain{float:left; width:100%;}
#content{margin-top:100px; width:100%; font-size:10pt;}
html > body #content{}
#content{width:100%;}
#content h4, #content .heading{margin:0 0 16px 0; font-size:13px; color:#003F5E;}
#content h5, #content .subheading{margin:0 0 14px 0; font-size:11px; font-weight:600; color:#003F5E;}
.emphasis{color:#5E1102;}
#contentSeparator{height:10px;}
/**** tier 5 nav ****/
#tier5NavContainer{display:none;}
html > body #tier5NavContainer{display:none;}
#tier5NavTop{display:none;}
#tier5NavSubContainer{display:none;}
#tier5Nav{display:none;}
#tier5Nav a{display:none;}
.tier5NavDivider{display:none;}
.tier5NavRowDiv{display:none;}

/**** titles ****/
#titleContainer{display:none;}
#titleContainerTrans{position:relative; left:0px; top:-53px;}
#titleContainer a{display:none;}
#titleContainer a:hover{display:none;}
#titleContainer table, #titleContainerTrans table{display:none;}
#titleContainer h1, #titleContainer h2, #titleContainerTrans h2{display:none;}
#titleContainer h1{display:none;}
#titleContainer h2, #titleContainerTrans h2{display:none;}
#titleContainer h3, #titleContainerTrans h3{display:none;}

/**** tables ****/
#content table td{vertical-align:top; line-height:1.2em;}
#content table.tbl{margin-bottom:14px; border:1px solid #83A2B2;}
#content table.tbl tr.odd{background-color:#FFFFFF; }
#content table.tbl tr.even{background-color:#EDEEEF; }
#content table.tbl th {background:#83A2B2; color:#ffffff; font-size:11px; padding:5px; line-height:1.5em; vertical-align:top; border-bottom:1px solid #83A2B2;}
#content table.tbl td {border-right:1px solid #83A2B2; padding:5px 5px 10px 5px; border-bottom:1px solid #BFD1DD; border-top:1px solid #FFFFFF;}

/**** left nav ****/
#leftNavContainer{display:none;}
#leftNav{display:none;}
#leftNavBottom{display:none;}
/* left nav module */
.leftNav1Off{display:none;}
.leftNav1On{display:none;}
.leftNav1Off a, .leftNav1On a{display:none;}
.leftNav1Off a:hover{display:none;}
.leftNav1On a{display:none;}
.leftNav1On a:hover, .leftNav1On a:active{display:none;}
.leftNav2Off, leftNav2On{display:none;}
.leftNav2Off div{display:none;}
.leftNav2On{display:none;}
.leftNav2On div{display:none;}
.leftNav2Off a, .leftNav2On a, .leftNav2Off a:hover, .leftNav2On a:hover, .leftNav2Off a:visited, .leftNav2On a:visited, .leftNav2Off a:active, .leftNav2On a:active{display:none;}
.leftNav2On a{display:none;}

/**** right nav ****/
#rightNav{display:none;}
.rightNavBanner{display:none;}
.rightNavBannerImg{display:none;}
.rightNavBannerTitle{display:none;}
.rightNavBannerTitle a, .rightNavBannerTitle a:hover,.rightNavBannerTitle a:visited{display:none;}

/**** footer ****/
#footerContainer{width:100%; padding-top:20px; clear:both; background:#FFFFFF;}
#footerContainer a{text-decoration:none;}
#utilityNavContainer{display:none;}
#utilityNav{display:none;}
#utilityNav a{display:none;}
#utilityNav a:hover{display:none;}
.utilityNavDivider{display:none;}
#utilityNavText{display:none;}
#copyrightContainer{width:100%; height:34px; color:#FFFFFF; font-size:10px; text-align:center;}
#copyright{float:left; margin:0 0 0 0;}
#beaconInfo{display:none;}
#beaconInfo a{display:none;}
#beaconInfo img{display:none;}
#footerDisclaimer{display:none;}
#footerDisclaimer p{display:none;}

/************ END:  TIER 2 CONTENT ************/

/************ BEGIN:  HEADER ************/
#headerContainer{width:446pt; margin:55pt 0 0 70pt;}
html > body #headerContainer{}

/**** company nav ****/
#companyNavContainer{display:none;}
#companySubNav{display:none;}
#companySubNav div{display:none;}
#companySubNav a{display:none;}
#companySubNav a:hover{display:none;;}
#companyMainNavContainer{display:none;}
#companyMainNavLeft{display:none;}
#companyMainNav{display:none;}
#companyMainNav img{display:none;}
#companyMainNavRight{display:none;}
.companyManNavDivider{display:none;}

/**** header ****/
#header{display:none;}
#headerNav{display:none;}
#headerQuickLinks{display:none;}
#headerSearch{display:none;}
html > body #headerSearch{display:none;}
.headerQuickLinksField, .headerSearchField, .headerSearchFieldInternal{display:none;}
.headerSearchField{display:none;}
.headerSearchFieldInternal{display:none;}
.headerQuickLinksSubmit{display:none;}
.headerSearchSubmit{display:none;}
#logo{display:none;}
#njlivingTagline{display:none;}
#njngAcctServicesLogo{display:none;}

/**** top nav ****/
#topNavContainer{display:none;}
/* used for noscript version */
.topNav{display:none;}
.topNav a, .topNav a:hover, .topNav a:visited, .topNav a:active{display:none;}

/**** utility nav ****/
#headerUtilityContainer{display:none;}
#headerTier2Img{display:none;}
#headerUtility{display:none;}

/************ END:  HEADER ************/

/************ BEGIN:  FORMS ************/
form{padding:0; margin:0; display:inline;}
.required{color:#990B08; font-weight:bold;}
.response{font-weight:bold; color:#124C7E;}
.error{width:auto; text-align:center; margin:6px 20px 6px 20px; padding:3px; font-weight:bold; color:#5E1102; clear:both;}

#content table.formTable td{vertical-align:top; padding:0 5px 15px 5px;}
#content table.formTable td.formHeading{vertical-align:top; padding:15px 5px 5px 5px;}
#content table.formTable td.formHeading h5{background:#BFD1DD; padding:5px;}
#content .label{text-align:right; font-family: Verdana, Helvetica, Arial, _san; font-weight:bold;}
#content .labelL{text-align:left; font-family: Verdana, Helvetica, Arial, _san; font-weight:bold;}
#content input.field{height:14px; font-size:9px; background:#DFE3E5; border:none;}
#content input.radio{ margin-left:0; margin-right:0; margin-top:0; padding:0; vertical-align:middle;}
html > body #content input.radio{vertical-align:bottom;}
#content input.check_box{vertical-align:middle; margin-top:-3px;}
html > body #content input.check_box{margin-top:-1px;}
#content select{height:14px; font-size:9px; background:#DFE3E5; border:none;}
#content .example{font-size:9px;}
/************ END:  FORMS ************/

/************ BEGIN:  PRINT ************/
#printHeader{position:absolute; left:0; top:0; width:100%;}
#pageTitleContainer{width:100%; height:18pt;}
#pageTitle{width:auto; height:auto; margin:1.5pt 0 0 auto; font-family: Helvetica, Verdana, Arial, _san; color:#124C7E; font-weight:bold; font-size:10pt; text-align:right;}
/************ END:  PRINT ************/

/************ BEGIN:  EXTRAS ************/
span.darkHighLight{color:#666666;}
span.redHighLight{color:#990B08;}
span.lightBlue{color:#7895A0;}
h3 .pageHeading{display:inline; margin:0 12px 0  0; font-size:10px; font-weight:bold; color:#516F87;}
#content table tr{vertical-align:top;}
/************ END:  EXTRAS ************/

/************ BEGIN: ACCOUNT SERVICES ************/
    #AccountContent select {display:none;}
    .PromoLeft {display:none;}
    #contentContainer {width:100%; margin-top:100px;}
    #contentSeparator {display:none;}
    .TitleMain {font-size:16px; color:#0065A4; font-weight:bold;}
    .SubTitle {font-size:14px; color:#0065A4; font-weight:bold; padding:10px 0px 0px 0px;}
    .SubTitle2 {font-size:14px; font-weight:bold; padding:10px 0px 0px 0px;}
    .errorMessage {min-height:15px; font-weight:bold; color:#FF0000;}
    .confirmationMessage {padding:10px 0px 0px 0px;font-size:11px;color:#0065A4;font-weight:bold;width:auto;text-align:center;}
    .left {float:left;}
    .right {float:right;}
    .center {text-align:center; width:100%;}
    #btnSubmit {float:left;}
    #Dashboard_btnCTPDashboard {display:none;}
    /****ACCOUNT SERVICES LOGIN PAGE****/
    .LogInPanelLeft {display:none;}
    .LogInDivderVertical {display:none;}
    .LogInPanelRight {display:none;}
    .PanelHeader {width:246px;height:33px;vertical-align:middle;text-transform:uppercase;color:#FFF;font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode";font-weight:bold;font-size:19px;padding:13px 0px 0px 35px;}
    .PanelSubHeader {font-size:12px;font-weight:bold;padding:0px 0px 5px 0px;}
    .PanelContent {border:1px solid #CDCDCD;width:229px;height:270px;margin:0 auto;padding:0px 15px 0px 35px;}
    .PanelContent ul li {list-style:none;list-style-position:outside;}
    .RegisterButton img {padding:10px 0px 0px 0px;}
    .SecureText {font-size:12px;line-height:13pt;}
    .SecureText img {}
    .SecureText a {text-decoration:none;color:#0065A4;}
    .LogInDivderHorizontal {display:none;}
    .Loginlabel .label {font-size:11px;}
    .Loginfield .field {margin:0;}
    .login_check_box_label {font-size:11px;}
    span.check_box {margin:2px 7px 0px 0px; float:left;}
    #loginPanel .imgButton {padding:15px 0px 15px 0px;}
    .LoginError {width:auto; height:15px; font-weight:bold; color:#FF0000; clear:both;}
    /****ACCOUNT SERVICES REGISTRATION PAGE****/
    #registerContainer {padding:0px 0px 0px 0px; width:580px;}
    #registerContainer .defaultContent {font-size:13px; padding:0px 0px 15px 0px;}
    #registerContainer .TitleMain {font-size:16px; color:#0065A4; font-weight:bold;}
    #registerContainer .SubTitle {font-size:14px; color:#0065A4; font-weight:bold; padding:10px 0px 0px 0px;}
    #registerContainer .field {height:18px; margin:0px 0px 15px 0px;}
    .subInstruct {font-size:11px; margin:0px 0px 15px 5px; height:18px; vertical-align:top;}
    
    #registerContainer .sampleBill {float:right; width:266px; height:111px; margin:-5px 10px 0px 0px;}
    #registerContainer .subContent {font-size:12px;}
    #registerContainer .submit {float:left;}
    #registerContainer .cancel {float:right;}
    .RegisterError {width:auto; font-weight:bold; color:#FF0000;}
    #registerContainer .field #tbBillName {text-transform:uppercase;}
    /****ACCOUNT SERVICES ACCOUNT SUMMARY****/
    #AccountSummaryContainer {font-size:12px;}
    #SummaryLeft {float:left; width:260px; padding:20px 0px 0px 0px;}
    #SummaryRight {float:right; width:324px; padding:20px 60px 0px 0px;}
    .customerName {font-size:16px; font-weight:bold;}
    .accountLabel {font-size:12px; font-weight:bold; color:#343434; margin:13px 0 4px 0;}
    a.accountLabel {font-size:12px; font-weight:bold; color:#0065A4; clear:both;}
    #billingOptions {width:260px;}
    #billingOptions .billingHeader {font-size:15px; font-weight:bold; color:#0065A4; margin:33px 0 4px 0;}
    #billingOptions .LabelLeft {font-size:12px; font-weight:bold; color:#343434; margin:13px 0 4px 0; float:left;}
    #billingOptions .LabelRight {font-size:12px; color:#343434; margin:13px 0 4px 0; float:right;}
    #billingOptions .divide {height:1px; clear:both; padding:3px 0px 3px 0px;}
    #billingOptions a.billingLink {display:none;}
    #billingOptions input.signUpThree {padding:30px 0px 3px 0px;}
    #accountSummaryBG {width:324px; height:228px;}
    #accountSummaryBG .Label {font-size:12px; font-weight:bold; color:#343434; float:left; line-height:16px;}
    #accountSummaryBG .LabelLeft {font-size:12px; font-weight:bold; color:#343434; float:left;}
    #accountSummaryBG .LabelRight {font-size:12px; color:#343434; float:right;}
    #accountSummaryBG .headerContainer {width:299px; height:29px; vertical-align:middle; text-transform:uppercase; color:#FFF; font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode"; font-weight:bold; font-size:19px; padding:10px 0px 0px 25px;}
    #accountSummaryBG .statusContainer {width:324px; height:35px;}
    #accountSummaryBG .statusContainer .Label {margin:10px 0px 3px 25px;}
    #accountSummaryBG .payNowContainer {width:324px; height:49px;}
    #accountSummaryBG .payNowContainer .Label {margin:5px 0px 3px 25px;}
    #accountSummaryBG .payNowContainer .payNowBtn {display:none;}
    #accountSummaryBG .dueDateContainer {width:324px; height:35px;}
    #accountSummaryBG .dueDateContainer .LabelLeft {margin:10px 0px 0px 25px;}
    #accountSummaryBG .dueDateContainer .LabelRight {margin:10px 25px 0px 0px;}
    #accountSummaryBG .payRecievedContainer {width:324px; height:49px;}
    #accountSummaryBG .payRecievedContainer .LabelLeft {margin:8px 0px 0px 25px;}
    #accountSummaryBG .payRecievedContainer .LabelRight {margin:8px 25px 0px 0px;}
    #accountSummaryBG .payRecievedContainer .payDate {font-size:12px; color:#343434; margin:3px 0px 0px 25px; float:left; clear:both;}
    #accountSummaryBG .billLinksContainer {display:none;}
    #accountSummaryBG .billLinksContainer a.billingLink {display:none;}
    #navBillDelivery, #navAutoPay, #navBudget, #navGroupSignup {display:none;}
    .logOffLink {float:right; margin:-25px 0px 0px 0px;}
    .toggleLink {color:#0065A4; clear:both; font-weight:bold;}
    #compareUseChart {width:324px; padding:20px 0px 0px 0px; float:right;}
    #compareUseChart a.manageLink {color:#0065A4; float:left; clear:both; width:260px; margin:10px 0px 10px 8px;}
    .useGraph {width:308px; border:1px solid #80B2D1; background-color:#EBF3F8; float:right; margin:0px 8px 15px 0px;}
    .chartHeader {color:#0065A4; font-size:12px; font-weight:bold; text-align:left; padding:10px 0px 10px 10px;}
    #placeholder {background-color:#FFF; width:308px; height:205px; margin:10px 0px 10px 0px;}
    .chartRow {background-color:#FFF; border-top:1px solid #80B2D1; width:100%; height:35px;}
    .chartRowLast {background-color:#FFF; border-top:1px solid #80B2D1; border-bottom:1px solid #80B2D1; width:100%; height:35px;}
    .chartLabel {font-size:10px; float:left; width:100px; padding:5px 15px 5px 10px;}
    .chartInput {font-size:10px; float:left; padding:15px 0px 5px 10px;}
    #PromoArea {width:324px; padding:10px 0px 0px 0px; clear:both;}
    /****ACCOUNT SERVICES LANDING PAGE****/
    #AccountLanding {width:600px; padding:10px 0px 0px 0px;}
    #AccountLanding .landingRow {width:600px; clear:both; padding:20px 0px 10px 0px;}
    #AccountLanding .landingRow .icon {float:left; padding:0px 15px 0px 0px; height:65px; width:75px;}
    #AccountLanding .landingRow .icon img {vertical-align:top; float:right;}
    #AccountLanding .landingRow .rowContent {text-align:left;}
    table#scheduledOrder {border:1px solid #BABABA; border-top:none;}
    #scheduledOrder .tableHeader {border-left:1px solid #3d8432; border-right:1px solid #3d8432;}
    #scheduledOrder th {font-size:14px; padding:6px 0px; color:#fff; text-align:left;}
    #scheduledOrder th.service {text-align:left; padding:6px 10px 6px 10px;}
    #scheduledOrder th.date {text-align:left; padding:6px 10px 6px 10px;}
    #scheduledOrder td {padding:7px 10px; color:#000; font-size:11px;}
    #AccountLanding .landingRow .rowContent .rowHeader a{text-decoration:none; font-size:16px; font-weight:bold; color:#0065A4; padding:0px 0px 5px 0px;}
    #AccountLanding .divide {height:1px; clear:both; padding:20px 0px 20px 0px;}
    #AccountLanding .moreOptionsHeader {font-size:18px; font-weight:bold; color:#0065A4; padding:0px 0px 5px 0px;}
    /****ACCOUNT SERVICES COMBINE BILLING****/
    .accountStatus {width:auto; height:15px; font-weight:bold; color:#124C7E; clear:both;}
    #AccountContent {width:690px;}
    #AccountContent p, #AccountContent ol, #AccountContent ul{line-height:1.6em;}
       
    #AccountContent .CustomerInfo {float:left; padding:15px 0px 0px 0px;}
    #AccountContent .EnrollStatus {clear:both;}
    #AccountContent .EnrollStatus .text {display:none;}
    #AccountContent .EnrollStatus .text .statusOption {display:none;}
    #AccountContent .EnrollStatus .text .statusOption img {display:none;}
    #AccountContent .EnrollStatus .text .statusOption .EnrollStatuslabel {display:none;}
    #AccountContent #threeOptions .optionContainer1 {min-height:550px; float:left; width:216px; margin:15px 17px 0px 0px;}
    #AccountContent #threeOptions .optionContainer2 {min-height:550px; float:left; width:216px; margin:15px 17px 0px 0px;}
    #AccountContent #threeOptions .optionContainer3 {min-height:550px; float:left; width:216px; margin:15px 0px 0px 0px;}
    #AccountContent #threeOptions .enrollButton {clear:both; padding:10px 0px 0px 0px;}
    #AccountContent #threeOptions #option1 {width:216px; min-height:525px; border:1px solid #CDCDCD; float:left;}
    #AccountContent #threeOptions #option1 .header {width:201px; height:33px; vertical-align:middle; text-transform:uppercase; color:#FFF; font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode"; font-weight:bold; font-size:19px; padding:10px 0px 0px 15px;}
    #AccountContent #threeOptions #option1 .header-ineligible {width:201px; height:33px; vertical-align:middle; text-transform:uppercase; color:#FFF; font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode"; font-weight:bold; font-size:19px; padding:10px 0px 0px 15px;}
    #AccountContent #threeOptions #option1 .header-enrolled {width:201px; height:33px; vertical-align:middle; text-transform:uppercase; color:#FFF; font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode"; font-weight:bold; font-size:19px; padding:10px 0px 0px 15px;}
    #AccountContent #threeOptions #option1 .content {width:175px; min-height:300px; font-size:11px; padding:20px 15px 0px 15px; overflow:hidden;}
    #AccountContent #threeOptions #option1 .formInputBottom {padding:10px 0px 0px 15px; font-size:11px;}
    #AccountContent #threeOptions #option2 {width:216px; min-height:525px; border:1px solid #CDCDCD; float:left;}
    #AccountContent #threeOptions #option2 .header {width:201px; height:33px; vertical-align:middle; text-transform:uppercase; color:#FFF; font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode"; font-weight:bold; font-size:19px; padding:10px 0px 0px 15px;}
    #AccountContent #threeOptions #option2 .header-ineligible {width:201px; height:33px; vertical-align:middle; text-transform:uppercase; color:#FFF; font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode"; font-weight:bold; font-size:19px; padding:10px 0px 0px 15px;}
    #AccountContent #threeOptions #option2 .header-enrolled {width:201px; height:33px; vertical-align:middle; text-transform:uppercase; color:#FFF; font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode"; font-weight:bold; font-size:19px; padding:10px 0px 0px 15px;}
    #AccountContent #threeOptions #option2 .content {width:186px; min-height:300px; font-size:11px; padding:20px 15px 0px 15px;}
    #AccountContent #threeOptions #option2 .formInputBottom {padding:10px 0px 0px 15px; font-size:11px;}
    #AccountContent #threeOptions #option2 .label {font-size:11px;}
    #AccountContent #threeOptions #option2 input.field {margin:0px 0px 10px 0px;}
    #AccountContent #threeOptions #option3 {width:216px; min-height:525px; border:1px solid #CDCDCD; float:left;}
    #AccountContent #threeOptions #option3 p {font-size:11px;}
    #AccountContent #threeOptions #option3 .header {width:201px; height:33px; vertical-align:middle; text-transform:uppercase; color:#FFF; font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode"; font-weight:bold; font-size:19px; padding:10px 0px 0px 15px;}
    #AccountContent #threeOptions #option3 .header-ineligible {width:201px; height:33px; vertical-align:middle; text-transform:uppercase; color:#FFF; font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode"; font-weight:bold; font-size:19px; padding:10px 0px 0px 15px;}
    #AccountContent #threeOptions #option3 .header-enrolled {width:201px; height:33px; vertical-align:middle; text-transform:uppercase; color:#FFF; font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode"; font-weight:bold; font-size:19px; padding:10px 0px 0px 15px;}
    #AccountContent #threeOptions #option3 .content {width:186px; min-height:300px; font-size:11px; padding:20px 15px 0px 15px;}
    #AccountContent #threeOptions #option3 .formInputBottom {padding:10px 0px 0px 15px; font-size:11px;}
    #AccountContent #threeOptions #option3 .formInputBottom p {font-size:11px; clear:both; padding:3px 0px 0px 0px;}
    #AccountContent #threeOptions .button {text-align:center; padding:30px 0px 0px 0px; clear:both;}
    #confirmationContent p {font-size:13px;}
    #confirmationContent {font-size:13px;}
    #confirmationContent ul li {font-size:13px; padding:0px 0px 5px 0px;}
    #AccountContent .label img {padding:0px 0px 3px 10px; margin:0px 0px 0px 0px; vertical-align:middle;}
    /****AUTO PAY POP UP BOX****/
    div.example {float: left; margin:0px 0px 0px 0px;}
    div.ie-fix {overflow: visible; height: 0;}
    .target img {text-align: center; padding: 0px 0px 3px 10px; display: block; float: left; vertical-align:middle;}
    input.alt-target {width: 80px;}
    .html-source, .js, .css-source {font-family: "Courier New", Courier, monospace; background-color: #FFF;}
    .html-source textarea, .js textarea, .css-source textarea {font-family: "Courier New", Courier, monospace; font-size: 11px;}
    .html-link a:focus, .js-link a:focus, .css-link a:focus {outline: none; -moz-outline: none;}
    .bt-wrapper {margin:0px 0px 0px 55px;}
    #expandControls {display:none;}
    #expandControls .expandAll {float:left;}
    #expandControls .expandAll a{float:left; color:#FFF; font-size:11px;}
    #expandControls .divide {float:left; font-size:11px; padding:0px 5px 0px 5px;}
    #expandControls .contractAll {float:left;}
    #expandControls .contractAll a{float:left; color:#FFF; font-size:11px;}
    .historyNav {text-align:center; width:690px; padding:5px 0px 5px 0px; font-size:11px;}
    .reprint .cancelledBill {text-align:center; float:right; width:115px; font-weight:bold; padding:0px 0px 5px 0px; color:#0065A4;}
    .cancelledBill {font-weight:bold; padding:5px 0px 5px 0px; color:#0065A4;}
    #report {border-collapse:collapse; width:690px;}
    #report .clear {clear:both; height:1px; padding:0; margin:0;}
    table#report {border:1px solid #BABABA; border-top:none;}
    #report .tableHeader {border:none;}
    #report th {font-size:14px; padding:6px 10px; color:#fff; text-align:left;}
    #report td {padding:7px 0px; background:#C7DDEE none repeat-x scroll center left; color:#000; font-size:11px; border-bottom:1px solid #BABABA;}
    #report td.expanded {padding:0; background:#BFD1DD none repeat-x scroll center left;}
    #report td.expanded tr.odd {border-bottom:none;}
    #report td.expandedLast {padding:0; background:#FFFFFF none repeat-x scroll center left;}
    #report tr.odd {}
    #report tr.listingRow {height:70px;}
    #report tr.odd td {background:#fff; cursor:pointer; padding:10px 0px;}
    #report tr.odd td.click {width:20px; padding:0px 10px 0px 0px;}
    #report tr.odd td.date {width:80px; padding:0px 10px 0px 0px;}
    #report tr.odd td.totalConsump {width:135px; padding:0px 10px 0px 0px;}
    #report tr.odd td.totalTherms {width:95px; padding:0px 10px 0px 0px;}
    #report tr.odd td.totalCharge {width:125px; padding:0px 10px 0px 0px;}
    #report tr.odd td.reprint {width:125px; padding:0px 10px 0px 0px; text-align:right;}
    #report tr.odd td.reprint a{display:none;}
    #report table.expanded tr.odd td {background:none; cursor:pointer;}
    #report table.expandedLast tr.odd td {background:none; cursor:pointer;}
    #report div.arrow {width:16px; height:16px; display:block; float:right;}
    #report div.up {background-position:0px 0px;}
    /***BEGIN:: VIEW CURRENT BILL***/
    #payNow {clear:both;}
    #payNow .text {width:286px; height:137px; padding:5px 25px 15px 25px;}
    #payNow .payNowheader{text-align:left; margin:13px 0px 0px 0px; float:left; width:100%; font-weight:bold; font-size:12px;}
    #payNow .payNowLabel{width:100%; text-align:left; float:left; padding:10px 0px 0px 0px;}
    #payNow .payNowButton {display:none;}
    #report.CurrentBill {width:690px;}
    #report.CurrentBill .clear {clear:both; height:1px; padding:0; margin:0;}
    table#report.CurrentBill {border:none; border-top:none;}
    #report.CurrentBill .tableHeader {font-size:14px; color:#fff; text-align:left; border:none;}
    #report.CurrentBill th {font-size:14px; padding:6px 10px; color:#fff; text-align:left;}
    #report.CurrentBill td {padding:7px 0px; background:none; color:#000; font-size:11px; border:none;}
    #report.CurrentBill td.expanded {padding:0; background-color:#E7EEF2; border:none; border:none;}
    #report.CurrentBill td.expanded tr.odd {border-bottom:none;}
    #report.CurrentBill td.expandedLast {padding:0; background:#FFFFFF none repeat-x scroll center left;}
    #report.CurrentBill tr.odd {border:none;}
    #report.CurrentBill tr.odd td {background:#fff; cursor:pointer;}
    #report.CurrentBill table.expanded tr.odd td {background:none; cursor:pointer;}
    #report.CurrentBill table.expandedLast tr.odd td {background:none; cursor:pointer;}
    #report.CurrentBill div.arrow {width:16px; height:16px; display:block; float:right;}
    #report.CurrentBill div.up {background-position:0px 0px;}
    #currentBillDetails {width:690px; padding:0px 0px 0px 0px; border:none; border-top:none;}
    #currentBillDetails .tableHeader{width:690px; float:left; font-weight:bold;}
    #currentBillDetails .descripTitle{width:360px; float:left; text-align:left; padding:6px 10px; font-weight:bold;}
    #currentBillDetails .rateTitle{float:left; text-align:right; padding:6px 10px; font-weight:bold;}
    #currentBillDetails .amountTitle{float:right; text-align:right; padding:6px 10px; font-weight:bold;}
    #currentBillDetails .data{clear:both; padding:0px 0px 5px 0px; background-color:#EBF3F8;}
    #currentBillDetails .descrip{width:360px; float:left; text-align:left; padding:7px 10px;}
    #currentBillDetails .rate{float:left; text-align:left; padding:7px 10px;}
    #currentBillDetails .amount{float:right; text-align:right; padding:7px 10px;}
    #currentBillDetails .location{padding:0 0 5px; font-weight:bold; clear:both; background-color:#BFD1DD; border-bottom:none;}
    #currentBillDetails .address{width:360px; float:left; text-align:left; padding:7px 10px;}
    #currentBillDetails .meter{padding:7px 10px; width:100px; float:left; text-align:left;}
    #currentBillDetails .meterAmount{padding:7px 10px; float:right; text-align:right;}
    #currentBillDetails .total{padding:0 0 5px; font-weight:bold; clear:both;}
    #currentBillDetails .invoice{width:360px; float:left; text-align:left; padding:7px 10px;}
    #currentBillDetails .totalBill{width:100px; padding:7px 10px; float:right; text-align:right;}
    img.PDFcurrentBill {z-index:2000; margin:0px 0px 0px 50px;}
    /***END:: VIEW CURRENT BILL***/
    table.expanded {border-collapse:collapse;}
    .BillLabel {float:left; font-weight:bold; font-size:11px; padding:0px 5px 0px 0px;}
    .viewBill {float:left; padding:0px 5px 0px 5px;}
    #report table.expanded tr.odd td.arrowSpace {padding:0px 5px 0px 15px;}
    .meterInfo {font-size:11px;}
    .meterInfo .meterHeader {height:45px; vertical-align:middle; background-color:#EBF3F8; border-bottom:1px solid #BABABA; font-weight:bold; clear:both;}
    .meterInfo .meterRow {height:35px; background-color:#EBF3F8; clear:both;}
    .meterInfo .meterHeader div {float:left; text-align:center; padding:10px 3px 5px 3px;}
    .meterInfo .meterRow div {float:left; text-align:center; padding:10px 3px 5px 3px;}
    div.meter {width:45px;}
    div.billingDays {width:65px;}
    div.degreeDays {width:70px;}
    div.readDate {width:55px;}
    div.reading {width:65px;}
    div.readType {width:55px;}
    div.billFactor {width:55px;}
    div.consumption {width:90px;}
    div.therms {width:45px;}
    div.chargersBilled {width:80px;}
    /**** Stop, Start, and Move Service ****/
    .phoneExt {float:left; padding:0px 15px 0px 0px;}
    /**** AUTO PAY HOVER BOX ****/
    #tooltip {position: absolute; z-index: 3000; border: 1px solid #111; background-color: #eee; padding: 5px;}
    #tooltip h3, #tooltip div {margin: 0;}
    #tooltip.fancy {width:313px; height: 188px; border:none; padding:17px 0px 17px 50px;}
    /*** VIEW HISTORIC BILL ***/
    #history {border-collapse:collapse; width:670px; margin:20px 0px 0px 0px;}
    #history .clear {clear:both; height:1px; padding:0; margin:0;}
    table#history {border:1px solid #BABABA; border-top:none;}
    #history .tableHeader {border-left:1px solid #3d8432; border-right:1px solid #3d8432;}
    #history th {font-size:14px; padding:6px 0px; color:#fff; text-align:left;}
    #history th.descripTitle {text-align:left; padding:6px 10px 6px 10px;}
    #history th.rateTitle {text-align:right; padding:6px 10px 6px 10px;}
    #history th.amountTitle {text-align:right; padding:6px 10px 6px 10px;}
    #history td {padding:7px 10px; color:#000; font-size:11px;}
    #history tr.data {background-color:#EBF3F8;}
    #history td.descrip {text-align:left;}
    #history td.rate {text-align:right;}
    #history td.amount {text-align:right;}
    #history tr.location {border-bottom:1px solid #BABABA; background-color:#BFD1DD;}
    #history td.address {text-align:left; font-weight:bold;}
    #history td.meter {text-align:right; font-weight:bold;}
    #history td.meterAmount {text-align:right; font-weight:bold;}
    #history tr.total {}
    #history td.invoice {text-align:left; font-weight:bold; font-size:12px;}
    #history td.total {text-align:right; font-weight:bold; font-size:12px;}
    /*** Service Contract ***/
    #service {border-collapse:collapse; width:690px; margin:20px 0px 0px 0px;}
    table#service {border:1px solid #BABABA; border-top:none;}
    #service .tableHeader {border-left:1px solid #3d8432; border-right:1px solid #3d8432;}
    #service th {font-size:11px; padding:7px 0px 7px 5px; color:#fff; text-align:left; border:1px solid #BABABA;}
    #service td {padding:7px 0px 7px 5px; color:#000; font-size:11px; border:1px solid #BABABA;}
    a.ServiceIneligible {color:#999999;}
    /***** Add & Update Account *****/
    .AddAccountLabel, .UpdateAccountLabel {margin:20px 0 4px 0;}
    .AddAccountLabel a, .UpdateAccountLabel a{font-size:14px; font-weight:bold; color:#343434; margin:13px 0 4px 0;}
    .AddAccountLabel div.arrow, .UpdateAccountLabel div.arrow {width:16px; height:16px; display:block; float:left;}
    .AddAccountLabel div.up, .UpdateAccountLabel div.up {background-position:0px 0px;}
    
    /***** Global Turn Off *****/
    .TurnOffLabel, .GlobalTurnOffLabel {margin:20px 0 4px 0;}
    .TurnOffLabel a, .GlobalTurnOffLabel a{font-size:14px; font-weight:bold; color:#343434; margin:13px 0 4px 0;}
    .TurnOffLabel div.arrow, .GlobalTurnOffLabel div.arrow {width:16px; height:16px; display:block; float:left;}
    .TurnOffLabel div.up, .GlobalTurnOffLabel div.up {background-position:0px 0px;}
    .serviceButtons {padding:0px 0px 0px 135px;}
    .ServiceForm {float:left; padding:0px 100px 0px 0px;}
    .ServiceMailing {float:left;}
    .AddressChangeFail {font-weight:bold; color:#FF0000;}
    .AddressChangeSuccess {color:#0065A4; font-weight:bold;}

/************ END: ACCOUNT SERVICES ************/