﻿/* colors
    blue: #1f3461
    light-blue: #f2f8f6;
*/
h1 { color: #1f3461; }
body
{
    background: #fff url(../Images/PLC/background.jpg) repeat-x top center;
}
#logo
{
    background: url('../Images/PLC/logo_glowing-bg.png') 0 0 no-repeat;
    width: 400px;
    height: 160px;
}

#top
{
    position:relative;
    height: 200px;
}
#header
{
    position:absolute;
    right: 0px;
    width: 450px;
    height: 160px;
}
.header_nav
{
    float:right;
    list-style:none;
    margin: 10px 40px;
}
.header_nav li
{
    float:left;
}
.header_nav a
{
    color: #273b64;
    padding-left: 5px;
    padding-right: 5px;
    text-decoration:None;
    font-size: 11px;
}
.header_nav a:visited { color: #273b64; }
.header_nav a:hover { text-decoration: underline; }
#liveLookbutton, #save_money, #pre_pay, #my_meter
{
    display:block;
    position: absolute;
    
}
#liveLookbutton
{
    bottom: 0px;
}
#save_money img, #pre_pay img, #my_meter img
{
    border-style:none;
}
#my_meter
{
    left: -160px;
    bottom: 15px;
}
#save_money
{
   left: 140px;
   bottom: 7px;

}
#pre_pay
{
    left: 260px;
    bottom: 24px;   
}
#lnkContactUs
{
    display:none !important;
}
#nav
{
    background: url('../Images/PLC/nav-bg.png') 0 0 no-repeat;
    position:relative;
    left: -5px;
    height: 80px;
    width: 1100px;
    margin-top: 50px;
    clear:both;
}
#nav ul
{
    position: absolute;
    left: 30px;
    top: 3px;
}
#nav ul li a
{
    font-weight: bold;
    margin: 0 15px;
}
#login_content_1
{
    width: 500px;
}
#login_area
{
    height: 600px;
}
#login_sub_2
{
    margin-bottom: 10px;
    font-size: 10pt;
}
#newUser
{
    top: -33px;
    left: 0;
}
.text_block
{
    margin-top: 20px;
    margin-right: 25px;
}
#chk_box
{
    clear: both;
}
.text_block p
{
    margin: 0px;
    color: #000;
}
#login_buttons
{
    margin: 0px;
    width: 400px;
    height: 100px;
}

.ssBox, .ssBoxColor
{
    border: 3px solid #1f3461;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    behavior: url(/Scripts/PIE.htc);
    position:relative;
    z-index:0;
}
.ssBoxColor
{
    width: 550px;
    margin: 0 auto;
   /*background-color: #bfd0ae;*/
}
#login
{
    width: 700px;
    top: 40px;
    margin: 0 auto;
    position:relative;
}
.WMcontent
{
    padding: 20px !important;
}
#EnrollBox
{
    width: 550px;
    margin: 0 auto;

}

#footer
{
    background: url('../Images/PLC/content-endcap.png') 0 0 no-repeat;
    position:relative;
    left: -5px;
}

/******************* Account Overview table **************/
#divData
{
    background-color: #ccc;
    padding: 4px;
    overflow: auto;
}
.data table th, div.data table th a 
{
    background-color: #1f3461;
    color: #fff;
   
}
div.data table th 
{
     border: 1px solid #1f3461;
}
div.data table td
{
    background-color: #fff;
} 


.currentBillColumn a
{
    margin: 0 !important;
}
.panel_container
{
    background-color: #f2f8f6;
}
#lnk_0, #tab_0
{
    display:none;
}
#tab_1
{
    text-align: left;
    clear: both;
    border: 1px solid #aaa;
    display: block;
    padding: 10px;
    background: #fff;
}
#lnk_1
{
    
}
/******************* Enrollment **************************/
.enroll_steps
{
    margin-left: 150px;
    margin-bottom: 100px;
}
.enroll_steps li
{
    float: left;
    margin-left: 5px;
    font-size: 9pt;
 }
 .step_text
 {
     color: #006;
 }
.enroll_steps .selected_step
{
    background-color: #c7c7dd;
}
#divAccountBox
{
    margin: 0;
    padding: 0;
}
/*************** Account detail *************/

a.selected_tab,
a.no_selected_tab
{
    background: url('../Images/detail_tabs2.png') top left no-repeat;
    width: 150px;
    height: 25px;
    color: #fff;
}
a.selected_tab span,
a.no_selected_tab span
{
    background: transparent;
    padding: 6px 6px 6px 30px;
    text-align:center;
}

div.no_selected_tab p, .visible
{
    margin-top: 10px;
    overflow: auto;
}

.account_detail_cell
{
    background-color: #eee;
}
.data
{
    background-color: #ccc;
    clear:both;
    padding: 5px;
}

.dynamic_content a
{
    color: #51a682;
}

#ManageProfileDialog
{
        margin-left: 12px;
    border: 2px solid #1f3461;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    behavior: url(/Scripts/PIE.htc);
    position:relative;
    z-index:0;
    padding: 20px;
}

.enrollment_subtext
{
    margin: 0 auto;
    width: 600px;
}


#statement_image
{
    background: url('../Images/PLC/statement.png') 0 0 no-repeat;
    width: 600px; 
    height: 220px;
    margin: 0 auto;
    margin-bottom: 25px;
    margin-top: 50px; 
}
#pastDue
{
    background: url('../Images/PastDueIcon.png') 0 0 no-repeat;
    height: 75px;
    padding-left: 75px;
    padding-top: 8px;
}
#account_overview
{
    
    background-color: #dce2ed;
    overflow: auto;
    margin: 0 -15px 10px -15px;
    padding: 0 15px;
}
.ut_button span, .green_button span, .bold_button span
{
    background-image:none;    

    margin: 0;
    padding: 0;
    
}

#submit_link
{
    text-align:center;
}

.page_content
{
    margin: 0 auto;
    padding-top: 40px;
    width: 900px;
}
.accountColumn
{
    white-space:nowrap;
}
#thAccountNumber
{
    width: 110px;
}

.serviceAddressColumn
{
    text-align:left!important;
}
#average-bill
{
    display: block;
}
.quick-bill-container
{
    position:relative;
    width: 950px;
    left: 17px;
    
}
.quick-bill
{
    width: 950px;
}