﻿/*Home energy charts and WhereDoMyenergyDollarsGo */
  .zc-license
    {
        display:none;
    }
    
    div.graphContainer
    {
        min-height: 100px;
        position:relative;  
        border-bottom: 1px solid #444444;
        color: #263D3C;
    }
    
    #WhereDoesMyDollarGo-license
    {
        display: none;
    }
    div.DivOptions
    {
        text-align: center;
        background-color: White;
        color: black;
        font-family: Arial;
        font-size: 12px;
    }
    div.DivOptions fieldset
    {
        border: 0px none white;
    }
    div#BillHighLihtsMessage
    {
         border:0px none #2266AA ;
         padding:5px;
         top:30%;
    }
    div#EmptyContainer
    {
      border:0px none #2266AA ;
     padding:5px;
      position:absolute;
      top:30%;
    }
   div#EmptyContainer p
    {
        line-height: 100%;
    }
    /*Home energy charts and WhereDoMyenergyDollarsGo */
    /* Table Sort Styles */
/* tables */

.dataTables_wrapper a,
.tablesorter thead th
{
	cursor:pointer;
}
.sorting_disabled .dataTables_wrapper a,
.tablesorter thead th.sorting_disabled
{
	cursor:auto;
}
.tablesorter th.sorting_disabled:hover div
{
	text-decoration:none !important;
}
.dataTables_wrapper .ui-button:hover
{
	text-decoration:underline !important;
}
.dataTables_wrapper .ui-button.ui-state-disabled:hover
{
	text-decoration:none !important;
}

div.dataTables_wrapper
{
	border:1px solid #444;
	position:relative;
	clear:both;
}
.dataTables_wrapper table
{
	width:100%;
	border-spacing:0px;
	border-collapse:collapse;
}
.dataTables_wrapper div.fg-toolbar
{
	padding:6px 0 6px 0;
	display:table;
}
.tablesorter .ui-state-default,
.dataTables_wrapper .ui-widget-header .ui-state-default
{
	background:none;
	background-color:#444;
	color:white;
	font-weight:bold;
}
.tablesorter .ui-state-default
{
	color:white;
}
.dataTables_wrapper .fg-toolbar td
{
	padding:6px 0 6px 0;
}
.tablesorter thead tr,
.dataTables_wrapper .fg-toolbar
{
	border:0;
	background:none;
	background-color:#444;
	width:100%;
	color:white !important;
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-bottom-right-radius:0;
}
.dataTables_wrapper .ui-buttonset
{
	margin-right:0;
}
.dataTables_wrapper .fg-toolbar .dataTables_info
{
	vertical-align:middle;
}
table.tablesorter tbody tr:first-child td
{
	padding-top:10px;
}
table.tablesorter tbody tr:last-child td
{
	padding-bottom:10px;
}
table.tablesorter thead th.ui-state-default div
{
	font-weight:bold;
}
table.tablesorter thead th.ui-state-default:hover div,
table.tablesorter thead th.ui-state-default div:hover
{
	text-decoration:underline;
}
table.tablesorter tr td,
table.tablesorter tr th div
{
	padding-left:10px;
	padding-right:10px;
}
table.tablesorter tbody tr:last-child td
{
	padding-bottom:10px;
}
.tablesorter .ui-state-default .ui-icon
{
	background-image:url('/_layouts/PSECom/jquery-ui/css/smoothness/images/ui-icons_ffffff_256x240.png');
}
.dataTables_wrapper .ui-state-default, .ui-widget-content .ui-state-default
{
	border:0;
	background:inherit;
	font-weight:inherit;
	color:inherit;
	outline:none;
}
.tablesorter thead tr th div
{
	padding-top:6px;
	padding-bottom:6px;
}
.tablesorter tbody tr td
{
	padding-top:3px;
	padding-bottom:3px;
}
.tablesorter tbody tr.even
{
	background-color:#f4f4f4;
}
.dataTables_wrapper .fg-toolbar div.dataTables_info
{
	padding-left:10px;
	display:table-cell;
	vertical-align:middle;
}
.dataTables_wrapper .fg-toolbar div.dataTables_paginate
{
	text-align:right;
	padding-right:10px;
}

.tablesorter thead th.ui-state-default
{
	background:inherit;
	text-align:left;
}
div.DataTables_sort_wrapper
{
    width:100%;
}
div.DataTables_sort_wrapper div,
div.DataTables_sort_wrapper span
{
	display:inline-block
}
.dataTables_wrapper .paging_full_numbers span
{
    margin-left:3px;
    margin-right:3px;
}
.dataTables_wrapper .paging_full_numbers span a.ui-button
{
    padding-left:6px;
    padding-right:6px;
    margin:0;
}
.dataTables_wrapper .paging_full_numbers .ui-button
{
	vertical-align:middle;
}
.dataTables_wrapper td .paging_full_numbers a.next
{
	margin:0;
}
.dataTables_wrapper .paging_full_numbers .tablesorter_next.ui-button
{
	padding-right:0px;
}
.dataTables_wrapper .ButtonImage
{
	vertical-align:middle;
	width:22px;
	height:22px;
	background-image:url('/_layouts/images/PSE.PSECom.SelfService/sprites.png')
}
.dataTables_wrapper .Previous,
.dataTables_wrapper .ui-state-disabled .Previous:hover
{
	background-position:0 0;
}
.dataTables_wrapper .Previous:hover
{
	background-position:0 -22px;
}
.dataTables_wrapper .Next,
.dataTables_wrapper .ui-state-disabled .Next:hover
{
	background-position:-22px 0;
}
.dataTables_wrapper .Next:hover
{
	background-position:-22px -22px;
}
.dataTables_wrapper .ui-state-default,
.dataTables_wrapper .ui-widget-content .ui-state-default,
.dataTables_wrapper .ui-widget-header .ui-state-default
{
    border:none;
}

/* Cleanup from PSE.com table defaults */
#pageLeftContent .ms-WPBody .dataTables_wrapper table.dataTable
{
    margin:0;
}
#pageLeftContent .ms-WPBody .dataTables_wrapper table.dataTable tr th
{
    vertical-align:middle;
    border:none;
    background:#444;
    padding:0;
}
#pageLeftContent .ms-WPBody .dataTables_wrapper table.dataTable tr td
{
    border:none;
    padding:3px 10px 3px 10px;
    background:inherit;
}
#pageLeftContent .ms-WPBody .dataTables_wrapper table.dataTable tr.even td
{
    background-color:#f4f4f4;
}
#pageLeftContent .ms-WPBody .dataTables_wrapper table.dataTable tbody tr:first-child td
{
    padding-top: 10px;
}
#pageLeftContent .ms-WPBody .dataTables_wrapper table.dataTable tbody tr:last-child td
{
    padding-bottom: 10px;
}

.tablesorter thead tr th div,
.tablesorter thead tr th span
{
    display:inline-block;
}
.dataTables_wrapper .dataTables_paginate .first,
.dataTables_wrapper .dataTables_paginate .last
{
    display:none;
}
.dataTables_wrapper td div.dataTables_paginate
{
    float:right;
}
.dataTables_wrapper .ui-buttonset .ui-button
{
    margin-right:0;
}
.dataTables_wrapper .ui-buttonset a:hover
{
    color:white !important;
    text-decoration:underline;
}
.dataTables_wrapper .ui-widget-header a
{
    color:inherit;
}

/*End Table Sorter*/

/* Begin Manage Rental Units */
#ManageRentalUnitsContainer
{
    position:relative;
    min-height:150px;
}
#ManageRentalUnitsContainer #FindUnits
{
	margin-bottom:10px;
}
#ManageRentalUnitsContainer #FindUnits .NumOfUnitsDesc
{
	padding-bottom:10px;
}
#ManageRentalUnitsContainer #FindUnits input
{
	width:290px;
}
#ManageRentalUnitsContainer input[type="text"].Wide
{
    width:400px;
}
/* End Manage Rental Units - Find Units */

/* Begin Manage Rental Units - Stop Services */

/*******************************
 * Stop Services
 *******************************/
#ManageRentalUnitsContainer
.StopServices div.ServiceDetails
{
    margin-bottom:10px;
}
#ManageRentalUnitsContainer
.StopServices div.ServiceDetails.Submit
{
    display:inline-block;
}
#ManageRentalUnitsContainer
.StopServices .ServiceDetailsLeft
{
    float:left;
    width:50%;
}
#ManageRentalUnitsContainer
.StopServices .ServiceDetailsRight
{
    float:left;
    width:50%;
}
#ManageRentalUnitsContainer
.StopServices .StopServicesAddress
{
    margin-bottom:10px;
}

/* Tenant Information */
#ManageRentalUnitsContainer
.StopServices div.TenantInformation
{
    border:1px solid #444;
}
#ManageRentalUnitsContainer
.StopServices .TenantInformation .TenantInformationHeader
{
    background-color:#444;
    padding:6px 10px;
    color:white;
    font-weight:bold;
}
#ManageRentalUnitsContainer
.StopServices .TenantInformation .TenantInformationBody
{
    display:inline-block;
    padding:10px 0;
    width:100%;
}
#ManageRentalUnitsContainer
.StopServices .TenantInformation .TenantInformationBody div.Row
{
    margin:0 10px;
    padding-bottom:5px;
    clear:both;
}
.StopServices .TenantInformation .TenantInformationBody .AddressLine
{
    width:350px;
}
.StopServices .TenantInformation .TenantInformationBody textarea.AddressLine
{
    resize:none;
    height:100px;
}
.StopServices .TenantInformation .TenantInformationBody div.ErrorDiv,
.StopServices .TenantInformation .TenantInformationBody div.BG_yellow,
.StopServices .TenantInformation .TenantInformationBody div.BG_teal,
.StopServices .TenantInformation .TenantInformationBody div.BG_gray
{
    margin:0 10px 10px 10px;
}
#ManageRentalUnitsContainer
.StopServices .TenantInformation .TenantInformationBody div.Column
{
    float:left;
}
#ManageRentalUnitsContainer
.StopServices .TenantInformation .TenantInformationBody div.Column.Left
{
    padding-right:10px;
}
#ManageRentalUnitsContainer
.StopServices .TenantInformation .TenantInformationBody div.Row.Button
{
    margin-top:15px;
}

#ManageRentalUnitsContainer
.StopServices .TenantInformation .TenantInformationBody div.Column.Description,
#ManageRentalUnitsContainer
.StopServices .TenantInformation .TenantInformationBody div.Column.Value
{
    width:50%;
}
#ManageRentalUnitsContainer
.StopServices .TenantInformation .TenantInformationBody div.Column.Description
{
    text-align:right;
}
#ManageRentalUnitsContainer
.StopServices .TenantInformation .TenantInformationBody div.Column.Value
{
    text-align:right;
}

/* End Manage Rental Units - Stop Services */

/* Begin Manage Rental Units */

#ManageRentalUnitsContainer input.Phone,
#ManageRentalUnitsContainer input.ExtPhone
{
    width:165px;
}

/* End Manage Rental Units */

/* Begin Background Processing Dialogue */
#UpdateProgress
.progressBackgroundFilter {
    position:absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    overflow:hidden;
    padding:0;
    margin:0;
    background-color:#066;
    filter:alpha(opacity=25);
    opacity:0.25;
    z-index:1000;
}
#UpdateProgress
.processImage
{
    display:table;
    width:100%;
}
#UpdateProgress
.processImage img
{
    margin: auto;
}
#UpdateProgress
.processMessage {
    position:absolute;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    z-index:1001;
}
/* End Background Processing Dialogue */

/* Begin My Profile */

#MyProfileContainer .DidYouMeanThisHeader
{
}

#MyProfileContainer .confirmation {
   background-color:#ffeca8;
   border-color:#e6cf89;
   /*padding: 5px;*/
}

#MyProfileContainer .textInformationMessage, #MyProfileContainer .emailInformationMessage, #MyProfileContainer .NMTextInformationMessage, #MyProfileContainer .cellPhoneNotificationMessage  {
   font-size: 12px;
   padding-top: 5px;
   padding-bottom: 4px;
   color:#5cb85c;
}

#MyProfileContainer .TextErrorMessage
{
   font-size: 12px;
   padding-top: 5px;
   padding-bottom: 4px;
   color:#ff0000;
}

#MyProfileContainer div.MailingAddressSelectionPanel
{
    background-color:White;
}

#MyProfileContainer
{
    width:100%;
    /*max-width:260px;*/
}
#MyProfileContainer
input.Phone,
#MyProfileContainer
input.ExtPhone
{
    width:165px;
}
#MyProfileContainer
.Right
input[type='submit']
{
    vertical-align:bottom;
    position:absolute;
    right:0;
    bottom:0;
}
#MyProfileContainer
.Section
{
    margin-bottom:35px;
}
#MyProfileContainer
.Subsection
{
    margin-top:10px;
    margin-bottom:10px;
    height:100%;
    position:relative;
}
#MyProfileContainer .Left
{
    float:left;
    width:162px;
    word-wrap:break-word;
}
#MyProfileContainer .Right
{
    float:right;
}
#MyProfileContainer
{
    position:relative;
    min-height:150px;
}
#MyProfileContainer
.Header
{
    color:#686868;
    padding-top:5px;
    margin-bottom:2px;
}
#MyProfileContainer
.Description
{
    margin-top: 8px;
   /* font-weight:bold;
    font-size:100%;*/
}
#MyProfileContainer
#cancelButton
{
    margin-left: 5px;
}
#MyProfileContainer
.ErrorPanelClass
{
    margin-bottom: 15px;
}
#MyProfileContainer
.ErrorFieldClass
{
     border: 1px solid #C1272D;
     background-color:#F7DFE2;
}

/* End My Profile */

/* Begin Start/Stop Residential Services */
#StartStopResidentialServicesContainer
{
    position:relative;
    min-height:150px;
}
#StartStopResidentialServicesContainer div.noMargin
{
    margin:0;
}
#StartStopResidentialServicesContainer
.Description
{
    color:#686868;
    padding-top:5px;
    padding-bottom:2px;
}
/* End Start/Stop Residential Services */

    /*Home energy charts and WhereDoMyenergyDollarsGo */
    
/*Account Selection Webpart*/
    #AccountContainer
    {
        float:left;
    }
    div#closebtncontainer
    {
        float:right;
    }
    
    div.HidePanel
    {
        display:none;
        height:0px;
        width:0px;
    }
    div#accountheader
    {
        padding-bottom:5px;
    }
     div.AccountPopUpPanel
    {
        display: none;
        position: absolute;
        width: 50%;
        top: 30px;
        right: -4px;
        padding: 5px;
        background: #FFFFFF;
        border: 2px solid #2266AA;
        z-index: 100000000;
    }
    
    div.AccountDetail
    {
        border: 1px solid black;
        padding: 5px;
    }
     div.AccountsDisplay
    {
         padding: 5px;
    }
    table.accountdetailTable
    {
        border-collapse: collapse;
        width:100%;
    }
    
    div#AccountPopUpPanel tr td
    {
        border-bottom: 1pt solid black;
    }
    div#logoutcontrol
    {
        float: right;
    }
        /*Account Selection Webpart*/
        
        /*Account Selection Popup*/
         table.accountdetailTable td.AccountSelected
    {
        background-color: #EDEDED;
    }
    table.accountdetailTable td.AccountNotSelected
    {
        background-color: #F4F4F4;
        border-bottom: 1pt solid black;
    }
    .AccountSelectedRow
    {
        border : 1px solid black;
    }
    #AccNmrHand
    {
        cursor : pointer;
    }
    table.accountdetailTable
    {
        border-collapse: collapse;
        width: 100%;
    }
    
    table.accountdetailTable tr td
    {
        border-bottom: 1pt solid black;
        padding: 3px;
    }
    
    div#divAccountSelection
{
   padding-left:3px;
}

span.spAccountNumber
{
    text-decoration:underline;
   
}
 
span.spAccountNumber:hover span.spAccountNumber
{
    text-decoration:underline;
   
}
      /*Account Selection Popup*/
    
      /*Bill Highlights*/
      
      div.BillHighLightsContainer
      {
         overflow:hidden;
          color: #000000;
        background-color:white;
      }
      div.srcimg
      {
          padding-right:5px;
      }
       TABLE.highlights TD
    {
        vertical-align: top;
        padding: 0;
        margin: 0;
    }
    
    TABLE.highlights DIV.highlight-img
    {
        float: left;
        display: block;
        width: 10%;
        vertical-align: middle;
        text-align: center;
        padding-left:3px;
        padding-top:3px;
    }
    
    TABLE.highlights DIV.highlight-txt
    {
       vertical-align: middle;
        text-align: left;
        margin: 4px;
        width:82%;
        float:right;
    }
    
    TABLE.highlights .highlight-body
    {
        padding-bottom: 2px;
    }
    
    /*override widget style */
    #columns .widget .widget-content .highlights img
    {
        margin: 4px;
        border: none;
    }
    
    .BHOverViewPanelBody
    {
        position: relative;
    
    }
    
    .BHOverviewPanelLeft
    {
        float: left;
      
    }
   
    .BHOverviewPanelRight
    {
        float: Right;
     
    }
    
    .BHOverviewPanelLeft, .BHOverviewPanelRight
    {
      
         color: #000000;
        background-color:white;
         width:260px;
    }
       
    .BHOverViewPanelHeader
    {
        color: #000000;
        background-color:white;
        font-family: Arial;
        padding:10px;
        width:auto;
    }
    div.headertext1
    {
        font-size: 14px;
        padding-bottom: 3px;
    }
    div.headertext2
    {
        font-size: 12px;
    }
    /*Bill Highlights*/
    
 /*paperless Billing*/
 
 span.btnpaperlessButton
 {
     padding:5px;
 }
 
div#PaperlessBillingContainer
 {
     position:relative;
     max-width:555px;
      width:100%;
 }
 
 div#paperlessBilling
 {
     position:relative;
    
 }
 div#UpdateProgressPaperlessBilling
 {
     position:absolute;
     width:100%;
     height:100%;
 }
 input.paperlessButtonSubmit
 {
     height:30px;
     text-align:center;
     font-weight: bold;
    background-color: #006666;
    color: White;
 }
 
 input.paperlessButtonSubmit[disabled="disabled"]{
    background-color:Gray ;
}
 div#btnSignYes
 {
     padding:10px;
 }
 div.buttonHolder
 {

     width:100%;
 }
 div#btnSignYes, div#btnSignNo
 {

  width:auto;
  text-align:center;
 }
 div#paperlessbillingStatus
 {
     font-weight:bold;
     padding:10px;
     text-align:center;
     width:100%;
 }
div.AccountDetails
{
    padding:10px;
}
span.AccountDetaillbl, span.AccountDetaillbl, span.AccountDetaillbl
{
    font-weight:bold;
}
 

 input.Phone
 {
     width:100px;
 }
 
 div.UpdateEmail
 {
       border: 1px solid #C1272D;
 }
 
 div.ErrorEmail
 {
      color:#C1272D;
 }
 div.ServerErrorHolder
 {
      border: 1px solid #C1272D;
     padding:10px;
     color:#C1272D;
     background-color:#F7DFE2;
 }
 
 div.ErrorDiv
 {
     border: 1px solid #C1272D;
     padding:10px;
     margin-bottom:10px;
     color:#C1272D;
     background-color:#F7DFE2;
 }
 div.helpText
 {
     padding:5px;
 }
 
 div#ReportOutageContainer span#phoneNumberHldr label.error
 {
     display:none;
 }
 
 input.RequiredEmpty
 {
     border-color:#B22222;
 }
 
input.featureButton, input.paperlessButtonSubmit, button.featureButton, input.reportOutageButton
{
    bottom: 0;
    right: 0;
    vertical-align: bottom;
     background-color: #006666;
    color: White;
    cursor: pointer;
    font-size: 10pt;
}
div.confirmBtnContainer
{
    text-align: center;
    padding:10px;
    width:100%;
}
span.AccountDetailDesc, span.AccountDetailDesc
{
    padding-left:5px;
}
div.AccountDetails div
{
    padding-bottom:5px;
}

div.accountaddress
{
    padding:5px;
    font-weight:bold;
}
div.divbtnContainer
{
    text-align:center;
}
div.addressContainer
{
}
 /*paperless Billing*/
 
 /*ReportOutage*/
 div.addressDDContainer
 {
     padding:1px;
     width:250px;
     overflow:hidden;
 }
 .addressSelection
 {
      width:250px;
 }
 .addressSelectionClick
 {
      width:460px;
 }
 
 div#addressDiff
 {
     width:90%;
     border: 1px solid black;
     background-color:White;
     padding:5px;
 }
 div.addressContainer 
 {
       padding-bottom:10px;
 }
 div.OutageCauseContainer div.outageCauseTime
 {
    padding-bottom:5px;
 }
 
 div#ROQuestions div.OutageQuestionDiv, div.OutageQuestionDiv span
 {
     padding-bottom:5px;
 }
 div#outageLocation
 {
     padding:3px;
 }
  .rightcolumncontent
    {
        float: right;
    }
    .leftcolumncontent
    {
        float: left;
    }
    div.mainContainer
    {
        left: 0;
    }
    div#ReportOutageContainer
    {
     position:relative;
    }
    div.buttoncontainer
    {
      text-align:center;
    }
    div#OutageDrpDwnHldr select
    {
         width:95%;
    }
   div#ROQuestions div#intro, div.divpaddedBottom
    {
        padding-bottom:5px;
    }
    
    /* Account Summary/Settings */
    div.accountSummaryHeader
    {
        margin-top:0;
        margin-bottom: 22px;
    }

    div.accountSettingsHeader
    {
        margin-top:0;
        margin-bottom: 25px;
        font-size: 110%;
        font-weight: bold;
        color: #676767;
    }
    
    div.accountHeaderText
    {
        float: left;
        font-size: 110%;
        font-weight: bold;
        color: #676767;
    }
    div.accountHeaderLink
    {
        float:right;
    }
    div.amountDueContainer 
    {
        background-color:  #EDEDED;
        clear:both;
        padding: 5px;
        border: 1px solid lightgray;
    }
    div.amountDueRow
    {
        margin:0;
    }
    div.amountDueRow table, table.recentPaymentsTable
    {
        width:100%;
        margin:0;
        padding:0;
    }

    div.accountPastDueMsg
    {
        color: Red;
        font-size: x-small;
    }
    div.accountSummaryDisclaimer
    {
        clear:both;
        font-size: xx-small;
    }
    div.AccountSettingRow, div.rentalSearchRow
    {
        margin-bottom: 10px;
        width: 100%;
        overflow: hidden;
    }
    div.AccountSettingLabel
    {
        /*float: left;*/
        color: #333333;
        padding-left:10px;
       /* font-size: 16px;
        font-weight: 700;
        */
    }
    div.AccountSettingLink
    {
        float: right;
        font-size: 16px;
        color: #006666;
        font-weight: 700;
        margin-top: -19px;
    }

input.formWebPartButton[disabled],
input.featureButton[disabled],
#MakeAPayment #BdhvContent input[type="submit"][disabled]
{
    background-color:Gray ;
    bottom: 0;
    color: White;
    cursor:default;
    font-size: 10pt;
    right: 0;
    vertical-align: bottom;
}
div.errorContainer
{
      border: 1px solid #C1272D;
     padding:10px;
     color:#C1272D;
     background-color:#F7DFE2;
   overflow:auto;
    
}
    div.ErrorContainerHide
    {
        display:none;
    }



/* RentalSummary wp */

    div.rentalSummaryRow
    {
        margin-bottom: 8px;
    }
    div.rentalFindContent
    {
        margin-top: 8px;
    }    
    div.rentalSearchRow
    {
        margin-top: 0px;
        width: 100%;
    }
    .rentalSearchTextboxContainer
    {
        width: 70%;
    }
    .rentalSearchTextbox
    {
        width: 100%;
    }
    .rentalSearchButton
    {
        width: 70px;
        margin-left: 8px;
    }
    
/* end of RentalSummary wp */

/* Payment Arrangements web part */    
	.PA {width: 100%; text-align:left}
    .paOptionBox { margin-top: 30px }
    .paTable { width: 60% }
	.paTermsLabel { FONT-WEIGHT: 600; FONT-SIZE: 12px; COLOR: #779f9d }
	.paTermsButton { MARGIN-TOP: 0px; HEIGHT: 24px }
	.paEligibleButton { margin-top: 10px; margin-bottom: 0px }
	.paErrorContainer {margin-top:20px; height: 150px} 

/* end of Payment Arrangements web part */    

/*JQuery Validation*/
    input.error, select.error {
      background: #FFC;
     border: medium solid #C1272D ;
} 
@media screen and (max-width: 500px)
{
    div.BHOverviewPanelLeft, div.BHOverviewPanelRight
    {
        clear:both;
        float:none;
        margin-left:0px;
    }
    div.AccountPopUpPanel
    {
        width:auto;
    }
}

/* Begin Make a Payment */
#MakeAPayment #BdhvContent [id="cf_billsummary\:billsAvailable"] { display: none; } /* Hide "View Bill History" link */
div#MakeAPayment
{
    position:relative;
    display:inline-block;
}
#MakeAPayment
{
    width:100%;
}
#MakeAPayment #BdhvContent div.cf-main_section
{
    max-width:808px;
}
#MakeAPayment #BdhvContent table
{
    width:100%;
}
#MakeAPayment #BdhvContent input[type="submit"]
{
    background-color:#006666;
    color:White; 
    font-size:10pt;
    cursor:pointer;
}
div.calendar
{
    z-index:9999;
}
/* End Make a Payment */

/* Begin Start/Stop Services Updates */
#StartStopResidentialServicesContainer .Begin
{
    min-height:130px;
}
#StartStopResidentialServicesContainer .InnerHalf
{
    float:left;
    width:50%;
}
#StartStopResidentialServicesContainer .Left,
#StartStopResidentialServicesContainer .Right
{
    position:relative;
    min-height:130px;
}
#StartStopResidentialServicesContainer .Left
{
    margin-right:10px;
}
#StartStopResidentialServicesContainer .Right
{
    padding-left:10px;
}
#StartStopResidentialServicesContainer .Left input[type="button"],
#StartStopResidentialServicesContainer .Right input[type="button"]
{
    position:absolute;
    bottom:0;
    right:0;
}
#StartStopResidentialServicesContainer .AddressStepContainer
{
    clear:both;
    width:100%;
}
#StartStopResidentialServicesContainer .AddressStep
{
    float:left;
    width:33.333%;
    padding:5px 0 10px 0;
}
#StartStopResidentialServicesContainer .AddressCenterStep
{
    float:left;
    width:33.334%;
    padding:5px 0 10px 0;
}
#StartStopResidentialServicesContainer div.Selected
{
    font-weight:bold;
}
#StartStopResidentialServicesContainer div.LowerSection,
#StartStopResidentialServicesContainer div.dataTables_wrapper
{
    margin-top:15px;
}
.AddressInput .StreetAddress input
{
    width:70%;
}
input.DatePickerInput
{
    background-color:#fff;
}
#StartStopResidentialServicesContainer .FieldDescription
{
    font-weight:bold;
}
#StartStopResidentialServicesContainer .ThreeColumns
{
    clear:both;
}
#StartStopResidentialServicesContainer .ThreeColumns input
{
    width:90%;
}
#StartStopResidentialServicesContainer .ThreeColumns .Column
{
    width:33.333%;
    float:left;
}
#StartStopResidentialServicesContainer .ThreeColumns .CenterColumn
{
    width:33.334%;
    float:left;
}
#StartStopResidentialServicesContainer .Row
{
    position:relative;
    display:inline-block;
    width:100%;
}
#StartStopResidentialServicesContainer .AddressLeft
{
    float:left;
    width:65px;
    padding-right:5px;
    text-align:right;
}
#StartStopResidentialServicesContainer .AddressRight
{
    float:left;
}
#StartStopResidentialServicesContainer input[name="FullName"],
#StartStopResidentialServicesContainer input.AddressLine
{
    width:350px;
}
#StartStopResidentialServicesContainer .AddressRight input,
#StartStopResidentialServicesContainer .AddressRight select
{
    margin:0;
}
#StartStopResidentialServicesContainer div.Clear,
div.ClearBoth
{
    clear:both;
}
#StartStopResidentialServicesContainer div.EmployerLeft
{
    float:left;
    width:40%;
}
#StartStopResidentialServicesContainer div.EmployerRight
{
    float:left;
    width:60%;
}
#StartStopResidentialServicesContainer input.Years
{
    width: 30px;
}
#StartStopResidentialServicesContainer input.Months
{
    margin-left:10px;
    width:30px;
}
#StartStopResidentialServicesContainer div.LengthOfTime
{
    padding-left:20px;
}
#StartStopResidentialServicesContainer input.CurrentEmployer
{
    width:100%;
}
#StartStopResidentialServicesContainer table.tablesorter  .Col1
{
    padding-left:32px !important;
}
#StartStopResidentialServicesContainer table.tablesorter input[type="radio"]
{
    margin-right:15px;
}
/* End Start/Stop Services Updates */
/*Aclara Business Redirect*/
div#HelpText
{
    border:1px solid black;
    padding:10px;
}
/*Payment Options*/
div#payNowHeaderDiv, div#payNowDescriptionDiv, div#payNowFinePrintDiv, div#PayNowButtonHolder
{
    padding:3px;
}

div#payNowHeaderDiv
{
    color: #676767;
    font-size: 110%;
    font-weight: bold;
}
div#payNowFinePrintDiv
{
    font-size: xx-small;
}
div#PayNowButtonHolder
{
    text-align: center;
    width:100%
}
input.PaymentOptionsBtn
{
    cursor: pointer;
    font-weight: bold;
    height: 28px;
    width: 114px;
}
/*Payment Options*/
/*Pay your BillButton*/
 .payYourBillButtonPanel {width:100%; text-align:center; margin-top:10px; }
    .payNowButton {font-weight: bold; width: 125px; height: 28px; cursor: pointer; }
    /*Pay your BillButton*/

/* Start Jquery Password Strength Indicator Styles 


.password-meter {
	position:relative;
	width: 180px;
}
.password-meter-message {
	text-align: right;
	font-weight: bold;
	color: #676767;
}
.password-meter-bg, .password-meter-bar {
	height: 4px;
}
.password-meter-bg {
	top: 8px;
	background: #e0e0e0;
}

.password-meter-message-very-weak {
	color: #aa0033;
}
.password-meter-message-weak {
	color: #f5ac00;
}
.password-meter-message-good {
	color: #6699cc;
}
.password-meter-message-strong {
	color: #008000;
}

.password-meter-bg .password-meter-very-weak {
	background: #aa0033;
	width: 30px;
}
.password-meter-bg .password-meter-weak {
	background: #f5ac00;
	width: 60px;
}
.password-meter-bg .password-meter-good {
	background: #6699cc;
	width: 135px;
}
.password-meter-bg .password-meter-strong {
	background: #008000;
	width: 180px;
}

End Jquery Password Strength Indicator Styles*/


/* LoginRegisterLink */
.divLoginRegisterLinks
{
	color:#006666 !important;
	float:left;
}
.divLoginRegisterLinks a
{
	color:#006666 !important;
}
.divLoginRegisterLink
{
    float:left;
}

/* LoginRegister */
.divLRPanel
{
    margin-right:20px; 
    margin-left:20px;
    margin-bottom:20px;
}
.divLRHeading
{
    color:#4d4d4d;
    font-size:16pt;
    font-family:Arial, Helvetica;
}
.divLRHeadingMedium
{
    color:#4d4d4d;
    font-size:14pt;
    font-family:Arial, Helvetica;
}
.divLRHeadingSmall
{
    color:#006666;
    font-size:12pt;
    font-family:Arial, Helvetica;
}
.divLRSubHeading
{
    color:#006666;
    font-size:9pt;
    font-family:Arial, Helvetica;
    font-weight:bold;
}
#divRegPromoIECompSpacer
{
    padding-bottom:18px;
}
#divRegPromoIE9CompSpacer
{
    padding-bottom:22px;
}
.divLRSectionSpacer20
{
    margin-top:20px;
}
.divLRSectionSpacer10
{
    margin-top:10px;
}
.formLabelLR
{
    color:#4d4d4d;
    font-size:9pt;
    font-family:Arial, Helvetica;
    font-weight:bold;
    white-space: nowrap;
}
.divLoginPanel
{
    float: left;
    width: 225px;
    margin-bottom: 10px;
}
.divSignupPromo
{
    float: left;
    width: 255px;
}
#ulPromo
{
    margin-left: 17px;
    padding-left: 0px;
}
.formTextboxLR
{
    font-size:9pt;
    font-family:Arial, Helvetica;
    border-style:solid;
    border-width: 1px;
    border-color: #898989;
    height:20px;
}
.formTextboxLR100
{
    width:100px;

}
.formTextboxLR180
{
    width:180px;
}
.formRowLeft
{
    float: left;
    padding-right: 20px;
}
.divInstructions
{
    color:#4d4d4d;
    font-size:9pt !important;
    font-family:Arial, Helvetica;
}
.formCheckboxLR
{
    font-size:8pt !important;
}
.inputButtonLR
{
    margin-right: 10px;
    border-style:none;
    color:#ffffff;  
    text-decoration:none;
    font-size:9pt;
    font-family:Arial, Helvetica;
    font-weight:bold;
    padding: 6px 20px 6px 20px;      
}
.submitButtonLR
{
    background-color: #006666;    
}
.cancelButtonLR
{
    background-color: #006666;    
}
#divLoginButton
{
    margin-top:5px;
}
span.LoginRegisterCloseLink
{
    font-size: 16px !important;
    cursor: pointer; cursor: hand;
    color: #006666;
    font-family: Arial, Helvetica;
    margin-right: 5px;
}
.ms-dlgTitleBtns {
    margin-right: 5px;
}
#divForgotLinks
{
    margin-top: 10px;
    margin-bottom: 20px;
}
#divRegPromoButton
{
    margin-top:15px;
}
.divRegister .collapserArrowDown
{
    position: relative !important;
    left:  -14px !important;
    background: url("/_layouts/images/PSE.PSECom.SelfService/modal_downarrow.png") no-repeat !important;
}
.divRegister .collapserArrowUp
{
    position: relative !important;
    left:  -14px !important;
    background: url("/_layouts/images/PSE.PSECom.SelfService/modal_uparrow.png") no-repeat !important;
}
#divForgotLinks a
{
    text-decoration:none !important;
    font-weight:bold;
}
#divWaitMessage
{
    margin-top: 10px;
}

/*Min Graph*/

div.MinGraphDisplay
{
    border-bottom: 1px solid #444444;
    padding-left: 5px;
 }
div.DetailedGraphLink
{
    text-align:center;
    padding:5px;
}
div.MinGraphTitle
{
    padding-left:5px;
    padding-top:5px;
    font-size:14px;
    color:Black;
}

/*Graph*/
div.MinGraphContainer
{
    border:1px solid #444;
    position:relative;
    min-height:130px;
}

div.relativePlaceholder,
div.DailyUsageGraphContainer,
div.AggregrateGraphContainer
{
    position:relative;
}
div.DailyUsageGraphContainer,
div.AggregrateGraphContainer
{
    min-height:150px;
}
div.WhereDoesMyDollarGoContainer
{
    overflow:hidden;
}
/*Aggregrate Chart*/
    .ctrDropDown{
    width:260px;
    font-size:11px;
}
.ctrDropDownClick{
    font-size:11px;
   width:450px;
}
.plainDropDown{
    width:145px;
    font-size:11px;
}

/* Plus-minus icons */
.icon-collection div.icon-collection
{
    float:left;
}
.icon-collection div.ui-corner-all
{
    margin: 2px;
    position: relative;
    padding: 2px 0;
    cursor: pointer;
    float: left;
    list-style: none;
}
.icon-collection span.ui-icon
{
    float: left;
    margin: 0 2px;
}
#MailingAddressContainer
{
    display:none;
}
#rentalUnitMsg
{
    margin-top:10px;
    color:#000000;
    font-size:12px;
    text-align:right;
}
.returnToManageRentalUnitsLink
{
    background-color:#006666;
    color:#ffffff !important;
    padding:5px;
    font-size:12px;
}
.returnToManageRentalUnitsDiv
{
    text-align:right;
    margin-top:5px;
    margin-bottom:10px;
}
a.AccountSummaryBillLink
{
    font-size: 14px;
    text-decoration: underline;
}
.dueDateRow
{
    padding-bottom: 10px;
}

/* BEGIN Account Selector */
table.accountSelector tr:hover th,
table.accountSelector tr:hover td {
	background-color:#ebebeb;
	background-image:none;
}
table.accountSelector tr th {
	text-align:left;
	cursor:pointer;
}
table.accountSelector td.group {
	background-color: #d5eafd !important;
	border-bottom: 1px solid #94bafd;
	border-top: 1px solid #94bafd;
}
table.accountSelector div.radio.selected {
	background-image:url('/_layouts/images/PSE.PSECom.SelfService/radio_selected.png');
}
table.accountSelector div.radio {
	margin-right:5px;
}
table.accountSelector div.radio.subaccount {
}
table.accountSelector div.radio.unselected {
	cursor:pointer;
	background-image:url('/_layouts/images/PSE.PSECom.SelfService/radio_unselected.png');
}
table.accountSelector div.icon,
.AccountDetail .inputDiv .searchIcon,
.AccountDetail .inputDiv .clearSearch
{
	cursor:pointer;
}
.AccountDetail .inputDiv input,
.AccountDetail .inputDiv .searchIcon,
.AccountDetail .inputDiv .clearSearch
{
	*float:left;
}
.AccountDetail .inputDiv .clearSearch.hide {
	display:none !important;
}
.AccountDetail .inputDiv .searchIcon {
	background-repeat:no-repeat;
	background-position:center center;
	background-image:url('/_layouts/images/PSE.PSECom.SelfService/search_mag.png');
	display:table-cell;
	text-align:right;
	vertical-align:middle;
	height:100%;
	width:12px;
}
.AccountDetail .inputDiv .clearSearch {
	background-repeat:no-repeat;
	background-position:center center;
	background-image:url('/_layouts/images/PSE.PSECom.SelfService/search_clearx.png');
	display:table-cell;
	text-align:right;
	height:100%;
	width:12px;
}
table.tablesorter.accountSelector,
table.tablesorter.accountSelector tbody tr.even,
#pageLeftContent .ms-WPBody .dataTables_wrapper table.accountSelector.dataTable tr th,
#pageLeftContent .ms-WPBody .dataTables_wrapper table.accountSelector.dataTable tr.even td,
table.tablesorter.accountSelector thead tr,
table.tablesorter.accountSelector thead tr th,
.AccountDetail .dataTables_wrapper div.fg-toolbar {
	background-color:inherit;
}
.AccountDetail .tablesorter thead tr{
	color:inherit !important;
}

.AccountDetail table.accountSelector,
.AccountDetail table.accountSelector tr,
.AccountDetail table.accountSelector td,
.AccountDetail table.accountSelector td div.val {
	height:100%;
}

.AccountDetail div.dataTables_wrapper {
	border:none;
}
#pageLeftContent .ms-WPBody .dataTables_wrapper table.accountSelector.dataTable tr td {
	padding: 0px 10px 0px 10px;
}
table.accountSelector.dataTable thead tr div.DataTables_sort_wrapper {
	border-bottom:1px solid #263d3c;
}
#pageLeftContent  .ms-WPBody .AccountDetail {
	font-family:Arial;
	font-size:12px;
}
table.accountSelector.dataTable tr th div {
	padding-left:0px;
	padding-right:0px;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
}
#pageLeftContent .ms-WPBody .dataTables_wrapper table.accountSelector.dataTable tr td:first-child {
	padding-left:0;
	min-width:120px;
}
#pageLeftContent .ms-WPBody .dataTables_wrapper table.accountSelector.dataTable tr td:last-child {
	padding-left:0px;
	padding-right:0px !important;
}
table.accountSelector tbody tr td div {
	padding:5px 0px 5px 0px;
}
table.accountSelector tbody tr td div.val {
	float:left;
	color:#006666;
	font-size:12px;
	line-height:12px;
}
table.tablesorter.accountSelector .ui-state-default .ui-icon
{
	background-image:url('/_layouts/PSECom/jquery-ui/css/smoothness/images/ui-icons_222222_256x240.png');
}
table.accountSelector div.icon {
	margin-right:5px;
}
table.accountSelector div.icon,
table.accountSelector div.radio {
	float:left;
	width:12px;
	height:12px;
	background-repeat:no-repeat;
	background-position:center 5px;
}
table.accountSelector div.icon.collapsed {
	background-image:url('/_layouts/images/PSE.PSECom.SelfService/list_plus.png');
}
table.accountSelector div.icon.expanded,
table.accountSelector td.filtered div.icon.collapsed {
	background-image:url('/_layouts/images/PSE.PSECom.SelfService/list_minus.png');
}
table.accountSelector td.filtered div.icon.collapsed {
	cursor:auto;
}
table.accountSelector td.line,
table.accountSelector td.filtered {
	background-image:url('/_layouts/images/PSE.PSECom.SelfService/line_vertical_spaced.png') !important;
	background-repeat:no-repeat !important;
	background-position:0 17px !important;
}
table.accountSelector td.tee {
	background-image:url('/_layouts/images/PSE.PSECom.SelfService/line_tee_spaced.png') !important;
	background-repeat:no-repeat !important;
	background-position:0 -13px !important;
}
table.accountSelector div.radio.subaccount {
	margin-left:17px;
}
#pageLeftContent .ms-WPBody .dataTables_wrapper table.accountSelector.dataTable tbody tr:first-child td {
	padding-top:0px;
}
#pageLeftContent .ms-WPBody .dataTables_wrapper table.accountSelector.dataTable tbody tr:last-child td {
	padding-bottom:0px;
}
#pageLeftContent .ms-WPBody .dataTables_wrapper table.accountSelector.dataTable thead tr th {
	padding-bottom:10px !important;
}

.AccountDetail .selectedAccountTitle {
	font-weight:bold;
}
.AccountDetail .selectedAccountInfo {
	padding-top:5px;
}
.AccountDetail .selectedAccountInfo .selectedAccount {
	float:left;
	font-weight:bold;
}
.AccountDetail .selectedAccountInfo .selectedAccount.number {
	padding-right:10px;
}
.AccountDetail div#FindUnits {
	padding-top:5px;
}
.AccountDetail div#FindUnits div.inputDivCtr {
	padding:1px;
}
.AccountDetail div#FindUnits div.inputDivCtr,
.AccountDetail div.accountInstructions {
	margin-top:5px;
}
.AccountDetail .dataTables_wrapper div.fg-toolbar {
	color:#006666 !important;
	font-size:12px;
	line-height:12px;
}
.AccountDetail .dataTables_wrapper div.fg-toolbar div.dataTables_info {
	padding-left:0px;
}
.AccountDetail .dataTables_wrapper .ui-widget-header .ui-state-default {
	color:#006666;
	background-color:transparent;
}
.AccountDetail .dataTables_wrapper .ui-buttonset a:hover {
	color:#006666 !important;
}
div.AccountDetail .fg-button {
	font-size:12px;
	line-height:12px;
}
div.AccountDetail .fg-toolbar {
	padding:10px 0 0 0;
}
div.AccountDetail .dataTables_wrapper .fg-toolbar div.dataTables_paginate {
	padding:0;
}
.AccountDetail div.inputDivCtr {
	display:table;
	border:1px solid lightgray;
	border-spacing:2px;
	width:230px;
	background-color:white;
}
.AccountDetail div.inputDiv {
	display:table-row;
}
.AccountDetail div.inputDiv div,
.AccountDetail div.inputDiv input {
	display:table-cell;
}
.AccountDetail div.inputDiv input {
	border:none;
	-webkit-appearance:none;
	width:100%;
}
.AccountDetail div.inputDiv input[type=text]::-ms-clear,
.AccountDetail div.inputDiv input[type=text]::-ms-reveal {
	display:none;
	width:0;
	height:0;
}
.AccountDetail div.inputDiv input[type="search"]::-webkit-search-decoration,
.AccountDetail div.inputDiv input[type="search"]::-webkit-search-cancel-button,
.AccountDetail div.inputDiv input[type="search"]::-webkit-search-results-button,
.AccountDetail div.inputDiv input[type="search"]::-webkit-search-results-decoration {
	display:none;
}
table.accountSelector.dataTable thead tr th:first-child,
table.accountSelector.dataTable tbody tr td:first-child {
	width:120px;
}
/* END Account Selector */
.SignInCreateAccountText
{
    padding-bottom:6px;
}
/*Anonymous Reporting*/
#anonymousOutage .FullWidth
{
    width:98%;
}

#anonymousOutage .Buffer
{
    Margin: 0 0 20px 0;
}
#anonymousOutage .ControlBuffer
{
    Margin: 0 0 5px 0;
}
#anonymousOutage .PickAddress input[type=radio]
{
    padding: 10px 10px 10px 10px;
    border: 1px solid #000000;
    margin: 0 0 0 0;  
}
        
#anonymousOutage .InnerSplit {
}
#anonymousOutage .Left
{
    float:left;
    width:60%;
}
#anonymousOutage .Right
{
    padding-left: 2%;
    float:left;
    width:24%;
}
#anonymousOutage .FieldDescription {
    font-weight: bold;
}
div#AnonymousOutagePanel 
{
    position:relative;
}
/*Anonymous Reporting*/
.updateProgressContainer
{
    position:relative;
    min-height:150px;
}
.updateProgressContainer #UpdateProgress
{
    position:static;
}