/* Account Services */
.PromoLeft {
    float:left;
    margin-left:9px;
}
#contentContainer {
    background:none!important;
}
.contentSeparator {
    display:none!important;
}
.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;}
/****ACCOUNT SERVICES LOGIN PAGE****/
.LogInPanelLeft {
    width:281px;
    float:left;
    padding:40px 35px 30px 0px;
    font-size:11px;
}
.LogInDivderVertical {
    height:318px;
    width:1px;
    background:url(/images/account-services/login/content_divider.gif) center repeat-y;
    float:left;
    margin-top:40px;
}
.LogInPanelRight {
    width:281px;
    float:right;
    padding:40px 0px 30px 0px;
}
.PanelHeader {
    width:246px;
    height:33px;
    background:url(/images/account-services/login/panel_heading_45.gif) no-repeat left;
    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 {
    height:1px;
    width:100%;
    background:url(/images/account-services/login/content_divider.gif) center repeat-x;
    float:left;
    clear:both;
    padding:20px 0px 20px 0px;
}
.Loginlabel .label {
    font-size:11px!important;
}
.Loginfield .field {
    margin:0;
}
.login_check_box_label {
    font-size:11px!important;
}
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;
}
#pnlAccountSelect {padding-bottom:10px;}
/****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 .leftbox{
    display:block;
    float:left;
}
#billingOptions .divide {
    background:url(/images/account-services/divideLine.gif) left center repeat-x;
    height:1px;
    clear:both;
    padding:3px 0px 3px 0px;
}
#billingOptions a.billingLink {
    color:#0065A4;
    float:left;
    clear:both;
    width:260px;
}
#billingOptions input.signUpThree {
    padding:30px 0px 3px 0px;
}
#accountSummaryBG {
    width:324px;
    height:248px;
    background:url(/images/account-services/account-summary/accountSummaryBG.gif) top center no-repeat;
}
#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:65px;
}
#accountSummaryBG .payNowContainer .Label {
    margin:5px 0px 3px 25px;
}
#accountSummaryBG .payNowContainer .payNowBtn {
    float:right;
    margin:0px 22px 0px 0px;
}
#accountSummaryBG .payNowContainer .payNowBtn img{
    margin:7px 0px 0px 0px;
}
#accountSummaryBG .payNowContainer .otherOption {
    float:right;
    margin:0px 22px 0px 0px;
}
#accountSummaryBG .payNowContainer .otherOption img{
    margin:7px 0px 0px 0px;
}
#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 {
    width:324px;
    height:49px;
    padding:10px 0px 0px 25px;
}
#accountSummaryBG .billLinksContainer a.billingLink {
    color:#0065A4;
    float:left;
    clear:both;
    width:260px;
    margin:0px 0px 3px 0px;
}
.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:100px;
    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!important;
}
#scheduledOrder .tableHeader {
    border-left:1px solid #3d8432;
    border-right:1px solid #3d8432;
}
#scheduledOrder th {
    font-size:14px;
    padding:6px 0px;
    background:#FFFFFF url(/images/account-services/ViewBill/header_bkg.png) repeat-x scroll center left;
    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 {
    font-size:16px;
    font-weight:bold;
    color:#0065A4;
    padding:0px 0px 5px 0px;
}
#AccountLanding .divide {
    background:url(/images/account-services/divideLine.gif) left center repeat-x;
    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 {
    float:right;
    margin:0px 0px 15px 15px;
    padding:15px 0px 0px 0px;
    width:296px;
    height:137px;
    background:url(/images/account-services/status_bg.gif) no-repeat bottom center;
}
#AccountContent .EnrollStatus .text {
    width:265px;
    height:125px;
    padding:0px 25px 15px 25px;
}
#AccountContent .EnrollStatus .text .statusOption {
    clear:both;
    padding:8px 0px 0px 0px;
    font-size:12px;
}
#AccountContent .EnrollStatus .text .statusOption img {
    vertical-align:middle;
    margin:0px 7px 0px 0px;
    float:left;
}
#AccountContent .EnrollStatus .text .statusOption .EnrollStatuslabel {
    vertical-align:middle;
    margin:0px 7px 0px 0px;
    float:left;
}
#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;
    background:url(/images/account-services/header.gif) top center no-repeat;
    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;
    background:url(/images/account-services/header-ineligible.gif) top center no-repeat;
    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;
    background:url(/images/account-services/header-enrolled.gif) top center no-repeat;
    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;
    background:url(/images/account-services/header.gif) top center no-repeat;
    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;
    background:url(/images/account-services/header-ineligible.gif) top center no-repeat;
    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;
    background:url(/images/account-services/header-enrolled.gif) top center no-repeat;
    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!important;
}
#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;
    background:url(/images/account-services/header.gif) top center no-repeat;
    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;
    background:url(/images/account-services/header-ineligible.gif) top center no-repeat;
    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;
    background:url(/images/account-services/header-enrolled.gif) top center no-repeat;
    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!important;
}
#confirmationContent {
    font-size:13px!important;
}
#confirmationContent ul li {
    font-size:13px!important;
    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 {
    float:right;
}
#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!important;
    margin:0!important;
}
table#report {
    border:1px solid #BABABA;
    border-top:none!important;
}
#report .tableHeader {
    border-left:1px solid #3d8432;
    border-right:1px solid #3d8432;
}
#report th {
    font-size:14px;
    padding:6px 10px;
    background:#FFFFFF url(/images/account-services/ViewBill/header_bkg.png) repeat-x scroll center left;
    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!important;
    background:#BFD1DD none repeat-x scroll center left;
}
#report td.expanded tr.odd {
    border-bottom:none!important;
}
#report td.expandedLast {
    padding:0!important;
    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 table.expanded tr.odd td {
    background:none!important;
    cursor:pointer;
}
#report table.expandedLast tr.odd td {
    background:none!important;
    cursor:pointer;
}
#report div.arrow {
    background:transparent url(/images/account-services/ViewBill/arrows2.png) no-repeat scroll 0px -16px;
    width:16px;
    height:16px;
    display:block;
    float:right;
}
#report div.up {
    background-position:0px 0px;
}
/***BEGIN:: VIEW CURRENT BILL***/
#payNow {
    float:left;
    text-align:left;
    margin:0px 0px 20px 0px;
    padding:15px 0px 0px 0px;
    width:296px;
    height:137px;
    background:url(/images/account-services/status_bg.gif) no-repeat bottom center;
}
#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 {
    margin:5px 0px 0px 0px;
}
#report.CurrentBill {
    width:690px;
}
#report.CurrentBill .clear {
    clear:both;
    height:1px;
    padding:0!important;
    margin:0!important;
}
table#report.CurrentBill {
    border:none!important;
    border-top:none!important;
}
#report.CurrentBill .tableHeader {
    font-size:14px;
    background:#FFFFFF url(/images/account-services/ViewBill/header_bkg.png) repeat-x scroll center left;
    color:#fff;
    text-align:left;
    border:none!important;
}
#report.CurrentBill th {
    font-size:14px;
    padding:6px 10px;
    background:#FFFFFF url(/images/account-services/ViewBill/header_bkg.png) repeat-x scroll center left;
    color:#fff;
    text-align:left;
}
#report.CurrentBill td {
    padding:7px 0px;
    background:none!important;
    color:#000;
    font-size:11px;
    border:none!important;
}
#report.CurrentBill td.expanded {
    padding:0!important;
    background-color:#E7EEF2!important;
    border:none!important;
    border:none!important;
}
#report.CurrentBill td.expanded tr.odd {
    border-bottom:none!important;
}
#report.CurrentBill td.expandedLast {
    padding:0!important;
    background:#FFFFFF none repeat-x scroll center left;
}
#report.CurrentBill tr.odd {
    border:none!important;
}
#report.CurrentBill tr.odd td {
    background:#fff;
    cursor:pointer;
}
#report.CurrentBill table.expanded tr.odd td {
    background:none!important;
    cursor:pointer;
}
#report.CurrentBill table.expandedLast tr.odd td {
    background:none!important;
    cursor:pointer;
}
#report.CurrentBill div.arrow {
    background:transparent url(/images/account-services/ViewBill/arrows2.png) no-repeat scroll 0px -16px;
    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:1px solid #BABABA;
    border-top:none!important;
}
#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:1px solid #BABABA;
}
#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 {
    background: url('/images/account-services/hover_bg.png');
    width:313px;
    height: 188px;
    border:none!important;
    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!important;
    margin:0!important;
}
table#history {
    border:1px solid #BABABA;
    border-top:none!important;
}
#history .tableHeader {
    border-left:1px solid #3d8432;
    border-right:1px solid #3d8432;
}
#history th {
    font-size:14px;
    padding:6px 0px;
    background:#FFFFFF url(/images/account-services/ViewBill/header_bkg.png) repeat-x scroll center left;
    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!important;
}
#service .tableHeader {
    border-left:1px solid #3d8432;
    border-right:1px solid #3d8432;
}
#service th {
    font-size:11px;
    padding:7px 0px 7px 5px;
    background:#FFFFFF url(/images/account-services/ViewBill/header_bkg.png) repeat-x scroll center left;
    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 {
    background:transparent url(/images/account-services/ViewBill/arrows2.png) no-repeat scroll 0px -16px;
    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 {
    background:transparent url(/images/account-services/ViewBill/arrows2.png) no-repeat scroll 0px -16px;
    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 75px 0px 0px;}
.ServiceMailing {float:left;}
.AddressChangeFail {    
    font-weight:bold;
    color:#FF0000;
}
.AddressChangeSuccess {    
    color:#0065A4;
    font-weight:bold;
}

/** LOADING SCREEN **/
      .LockOff {
         display: none;
         visibility: hidden;
      }

      .LockOn {
         font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode";
         display: block;
         visibility: visible;
         position: absolute;
         z-index: 99999;
         padding-top:50px;
         font-size:16px!important;
         font-weight:bold;
         color:#439539;
         top: 0;
         left: 0px;
         width: 100%;
         height: 100%;
         background-color: #FFFFFF;
         text-align: center;
         padding-top: 20%;
      }