/*
#134B09 Green
#999999 Gray
#2A3452 Dark Blue
#C7DAD0 Light Green
*/
body
{
}
h1,h2,h5
{
    color: #134B09;
}
h3,h4
{
    color:Black;
    font-size: 18px;
    font-weight: bold;
}
.page_content h2, .page_content p
{
    /*color: #2A3452;*/
}
.color_text
{
    color: #134B09;
}
#header_text>h2
{
    padding-bottom: 10px;
}
.terms_pad a
{
    font-style:italic;
    display: none;
}
#top
{
    width: 100%;
}
#header
{
    width: 0px;
}
#logo
{
    width: 100%;
    height: 163px;
    background: url('../Images/TOP/Headeredited_crop.png') 0px 0px no-repeat;
    background-size: 100%;
}

#nav
{
    clear: both;
    height: 28px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #999999; 
    border-top-width: 1px;
    border-top-style: solid;
    background-color: #9E3A3A;
}
#nav ul li a {
    display: block;
    text-decoration: none;
    color: white;
    padding: 4px 20px 4px 10px;
    font-size: 9pt;
    font-weight: bold;
    margin-top:4px;
 }

#header_text,  
.page_content
{
    padding-bottom: 5px;
    padding-top: 20px;
}
.content_padding
{
    padding: 0px;
}
#login_content_1
{
    width: 500px;
}
#login_area
{
    height: 350px;
}
#login_sub_2
{
    margin-bottom: 20px;
    font-size: 10pt;
}
.text_block
{
    margin-top: 15px;
    margin-right: 25px;
    clear: both;
}
#chk_box
{
    clear: both;
}
.text_block p
{
    margin: 0px;
    color: #000;
}
#login_buttons
{
    margin: 0px;
    width: 400px;
    height: 100px;
}
#statement_image
{
    background: url('../Images/TOP/statement.png') 0 0 no-repeat;
    width: 600px; 
    height: 130px;
    margin: 0 auto;
    margin-bottom: 100px;
    margin-top: 25px; 
}
#footer
{
    width: 100%;
    background: url('../Images/TOP/grey_box_footer.png') 0px 0px no-repeat;
    background-size: 100%;
}

.terms, .terms_pad 
{
    text-align: center;
    font-size: 11pt;
    font-weight:normal;
    margin-top: 0px;
}


/********************* BILLING ACCOUNT GRID *********************/
#grid_title
{
    background-color: #aaa; 
}
#BillingGrid
{
    margin-top: 10px;
}
.serviceAddressColumn
{
    
}
.autoPayColumn
{
    display:none;
}
/****************************************************************/
 .step_text
 {
     color: #006;
 }
.enroll_steps .selected_step
{
    background-color: white;
    color: #9E3A3A;
}
#divAccountBox
{
    margin: 0;
    padding: 0;
}


/****************** Round corner dialogs *******************/
.WMdialog .WMcontent,
.WMdialog .WMt,
.WMdialog .WMb,
.WMdialog .WMb div 
{
    background:transparent url(../Images/TOP/dialog.png) no-repeat top right;
    _background-image:url(../Images/TOP/dialog.png);
}
#login
{
    width: 635px;
    top: 10px;
    position:relative;
    margin: 0px;
}
.WMcontent
{
    padding: 20px !important;
}
#EnrollBox
{
    width: 550px;
    margin: 0 auto;
    font-size: 14px;
    font-weight: bold;
}


#ManageProfileDialog .WMcontent,
#ManageProfileDialog .WMt,
#ManageProfileDialog .WMb,
#ManageProfileDialog .WMb div {
        background:transparent url(../Images/TOP/ShadedBox.png) no-repeat top right;
    _background-image:url(../Images/TOP/ShadedBox.png);
}
#ManageProfileDialog
{
    margin-left: 12px;
    left: -11px;
    position: relative;
}

#StatementImage .WMcontent,
#StatementImage .WMt,
#StatementImage .WMb,
#StatementImage .WMb div {
     background:transparent url(../Images/GrayBorder.png) no-repeat top right;
    _background-image:url(../Images/GrayBorder.png);
    z-index: 10;
}
.WMb
{
    height: 10px;
}
#StatementImage .WMdialog .WMb, .WMdialog .WMb div, #EnrollBox .WMcontent
{
    /*height: 10px;*/
}

#StatementImage .WMcontent span
{
    margin: 0px;
}
#StatementImage
{
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 50px;
    width: 600px;
}
#StatementImage span
{
    background: url('../Images/TOP/statement.png') 0 0 no-repeat;
    height: 210px;
    display:block;
    z-index: 15;
}
/***************** END Round corner dialog *****************/
/* Account Detail Tab */
div.data
{
    padding: 5px;
    float:left;
    /*width: 580px !important;*/
    left: -7px;
    position: relative;
}
div.data table th, div.data table th a
{
    /*background-color: #134B09;*/
    color: #fff;
}
div.data table td
{
    /*background-color: #fff;*/
    border: 0px;
}

a.selected_tab, a.no_selected_tab
{
    width: 125px;
}
a.selected_tab
{
    background: #9E3A3A;
}
a.selected_tab span
{
    background: #333333;
    color: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    position: relative;
    padding: 6px 0 6px 0;
}
a.no_selected_tab
{
    background: #9E3A3A;
    color: white;
}

a.no_selected_tab span
{
    background: #333333;
    color: white;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 6px 0 6px 0;
}
/* Account Summary*/
/************* IE 7 *************/
*+html #login_buttons
{
    position: relative;
    top: -25px;
}

#ProfilePanel
{
    border: 1px solid #9E3A3A;
    padding: 0 15px 5px 15px;
    background-color: white;
}
.panel_container
{
    background-color: #9E3A3A;
}
#pastDue
{
    height: 75px;
    width: 60%;
    position: absolute;
    top: 30%;
    left: 39%;
    font-size: 14px;
    font-weight: normal;
}
#notPastDue
{
    padding-top: 8px;
    width: 100%;
  
}
#notPastDue p
{
    color: #384F7A;
    font-weight: bold;
    font-size: 11pt;
}

.enroll_steps
{
    margin: 5px 0 15px 0;
}
.enroll_steps ul
{
    list-style: none;
}
.enroll_steps li
{
    float: left;
    margin-left: 4%;
    font-size: 9pt;
}
.enroll_steps li div
{
    padding-right: 3px;
    padding-left: 3px;
    font-size: 11px;
    font-weight: 900;
    color: #333333;
}

.step_text
{
    color: #005b2c;
}
#get_adobe
{
    color: #00f;
}

#HorizontalNav
{
    float:right;
    background-color: #9E3A3A;
}

#leftNav
{
    background-color: #9E3A3A;
    height: 100%;
    width: 166px;
    min-height: 915px;
}

#divMidColumn
{
    top: -4px;
    left: -5px;
    margin-bottom: -9px;
    width: 100%;
    height: 100%;
}

#divTerms
{
    margin-top: 0px !important;
    font-size: 14px;
    position:absolute;
    bottom: 10px;
    text-align: center;
    left: 20%;
}

#divTerms a
{
    display: none;
}

#btnNewUsers
{
    left: 10px !important;
    position: relative;
}

#submit_link
{
    left: 0px;
}

#newUser
{
    left: -56px;
    top: -30px;
}

.Forgot
{
    color: #9E3A3A;
    font-size: 18px;
    font-weight: bold;
}

#ForgotPasswordInput
{
    display: inline;
}

#ForgotPasswordUserName
{
    font-size: 14px;
    font-weight: bold;
}

#ForgotPasswordDiv
{
    font-size: 14px;
    font-weight: normal;
}

#ForgotPasswordDiv em
{
    font-size: 14px;
    font-weight: normal;
}

#divSecurityQuestion
{
    font-size: 14px;
    font-weight: bold;
}

#SecurityQuestionstxt
{
    font-size: 14px;
    font-weight: bold;
}

#divNewPasswordDesc
{
    display:none;
}

#NewPasswordInfo p strong
{
    font-size: 14px;
    font-weight:normal;
}

.lblNewPassword
{
    font-size: 14px;
    font-weight: bold;
}

.lblConfirmPassword
{
    font-size: 14px;
    font-weight: bold;
}

#EnrollNeedAssistance
{
    display: none;
}

.enrollment_subtext p
{
    font-size: 14px;
    font-weight: bold;
}

.enrollment_subtext p strong
{
    font-size: 14px;
    font-weight: normal;
}

#EnrollBox p strong
{
    font-size: 14px;
    font-weight: bold;
}

#InformationTitle .vert_margin_large p
{
    font-size: 14px;
    font-weight: normal;
}

#panel1 td
{
    font-size: 12px;
}
#panel2 td
{
    font-size: 12px;
}
#panel3 td
{
    font-size: 12px;
}

.gray_underline
{
    padding-top: 2px;
    margin: 15px 0 0 0;
}

#CreateProfileErrors
{
    width: 300px !important;
}

#divbtnConinue
{
    left: -10px;
    position: relative;
}

#ViewMyAccountContainer
{
    left: 41px;
    position: relative;
}

#welcome
{
    top: 15px;
    position: relative;
}

.div_right, 
.div_right_nomar
{
    left: -15px;
}

#account_overview h4
{
    font-size: 18px;
    font-weight: bold;
}

div.data table th
{
    background-color: #9E3A3A;
    color: white;
    border: 0px solid #FFF;
    font-size: 12px;
    font-weight: bold;
}

div.data table tr
{
    background-color: white;
    font-size: 13px;
    font-weight: normal;
}

div.data em
{
    font-size: 14px;
    font-style: italic;
}

table tfoot tr
{
    background-color: #333333 !important;
    color: white;
}

table tfoot tr a
{
    color:white;
    font-size: 13px;
    font-weight: normal;
}

.green_button
{
    background: #339900;
    color: white;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-decoration-line: none;
}

.paymentColumn a
{
    background: white;
    text-decoration: underline;
    color: rgb(0, 0, 238);
}

a.selected_tab span:after {
    content: '';
    height: 0;
    width: 0;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px;
    border-top: solid 10px #333333;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
}


div.div_right .div_center
{
    width: 100% !important;
}

div.selected_tab p, .visible
{
    margin-top: 4px;
}

#accountDetailButtons
{
    display: none;
}

div.selected_tab .div_left p
{
    font-size: 14px;
    font-weight: bold;
}

.green
{
    color: #339900;
}

.CheckBlack
{
    background: url('../Images/CheckGreen.png') top left no-repeat;
}

#divCancelPaperless
{
    width: 50%;
    margin-top: 25px;
}

#divCancelPaperless .div_left
{
    font-size: 14px;
    font-weight: normal;
}

#divCancelPaperless p
{
    font-size: 14px;
    font-weight: normal;
}

#aCancelPaperless
{
    background:#333333;
    color: white;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    width: 141px;
}

.account_detail_right
{
    left: 14%;
    position: relative;
}

#h3BillingHistoryName
{
    color: #9E3A3A;
}

#SHSelectAccount
{
    font-size: 14px;
    margin-top: -20px;
}

#SHSelectAccount strong
{
    font-weight: bold;
}

.statementHistoryHeader
{
    font-size: 14px !important;
}

th.statementHistoryHeader a
{
    font-size: 14px !important;
}

#BHAdobePrint
{
    font-size: 14px !important;
    font-weight: normal;
    width: 99%;
}
#tblStatementHistoryGrid td
{
    font-size: 13px;
    font-weight: normal;
}

.paperlessColumn
{
    color: #339900;
}

#ProfilePanel 
{
    border: 3px solid #9E3A3A;
}

#txtOtherReason
{
    width: 535px;
    left: -74px;
    position: relative;
}

#btnCloseAccount
{
    left: 0px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#ManageProfileHeader
{
    color: #9E3A3A;
    font-size: 18px;
    font-weight: bold;
}

#AddAnAccountLabel
{
    font-size: 18px;
    font-weight: bold;
    color: #9E3A3A;
}

#AccountBox strong
{
    font-size: 14px;
    font-weight: bold;
}

#AccountEnrollment h2
{
    font-size: 18px;
    font-weight: bold;
    color: #9E3A3A;
}

#AccountEnrollment p
{
    font-size: 14px;
    font-weight: bold;
}

#AccountEnrollment .vert_margin_large strong
{
    font-size: 14px;
    font-weight: normal !important;
}

#ServiceAddress
{
    text-align: center;
}

#MultipleAccountsHeader
{
    color: black;
}

#EmailConfirmationCustService
{
    font-weight: normal;
}

#EmailCheck strong
{
    font-weight: normal;
    font-size: 14px;
}

#EmailNotice
{
    font-size: 14px;
    font-weight: normal;
}

#EmailConfirmation
{
    font-size: 14px;
    font-weight: normal;
}

#EmailConfirmation strong
{
    font-size: 14px;
    font-weight: normal;
}

#EmailConfirmationDescription
{
    font-size: 14px;
}

#UserForm h4
{
    font-size: 14px;
}

#thAccountNumber
{
    width: 15%;
}

#thAccountBalanceAmount
{
    width: 15%;
}

#thDueDate
{
    width: 9%;
}

#thCurrentBill
{
    width: 9%;
}

#thPayMyBill
{
    width: 11%;
}

#thEnrolled
{
    width: 11%;
}

#thRemoveAccount
{
    width: 8%;
}

#StatementGrid .data
{
    float:none;
    margin-left: auto;
    margin-right: auto;
    left: 0px;
}

#suppression
{
    margin-left: auto;
    margin-right: auto;
}

.half
{
    width: 100%;
    position: relative;
}

#account_grid .horz_margin_large
{
    /*margin-left: 17%;*/
}

.quick-bill-paperless
{
    height: 100%;
    background-color: #E5E5E5;
}

.quick-bill-paperless > div
{
    background: none;
    padding: 10px 0 5px 0;
}

.qbFrame
{
    border: 5px solid;
    border-color: #9E3A3A;
    width: 98%;
}

.PaperStatusMessage
{
    width: 50%;
    height: 70px;
    margin-top: 25px;
}

#divCenterCol
{
    position: relative;
    height: 100%;
    min-height: 915px;
}

.PaymentDueDate
{
    margin-top: 20px !important;
}

#AccountHomeLink a
{
    width: 158px;
    padding-left: 7px;
    padding-top: 11px;
    padding-bottom: 11px;
    margin-left: -14px;
    margin-right: -14px;
    margin-top: -11px;
    margin-bottom: -11px;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
}

#FAQLink a
{
    width: 158px;
    padding-left: 7px;
    padding-top: 11px;
    padding-bottom: 11px;
    margin-left: -14px;
    margin-right: -14px;
    margin-top: -11px;
    margin-bottom: -11px;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
}

#TermsLink a
{
    width: 158px;
    padding-left: 7px;
    padding-top: 11px;
    padding-bottom: 11px;
    margin-left: -14px;
    margin-right: -14px;
    margin-top: -11px;
    margin-bottom: -11px;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
}

#AccountOverviewLink a
{
    width: 158px;
    padding-left: 7px;
    padding-top: 11px;
    padding-bottom: 11px;
    margin-left: -14px;
    margin-right: -14px;
    margin-top: -11px;
    margin-bottom: -11px;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
}

#BillingHistoryLink a
{
    width: 158px;
    padding-left: 7px;
    padding-top: 11px;
    padding-bottom: 11px;
    margin-left: -14px;
    margin-right: -14px;
    margin-top: -11px;
    margin-bottom: -11px;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
}

#ManageProfileLink a
{
    width: 158px;
    padding-left: 7px;
    padding-top: 11px;
    padding-bottom: 11px;
    margin-left: -14px;
    margin-right: -14px;
    margin-top: -11px;
    margin-bottom: -11px;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
}

#LinkAccountLink a
{
    width: 158px;
    padding-left: 7px;
    padding-top: 11px;
    padding-bottom: 11px;
    margin-left: -14px;
    margin-right: -14px;
    margin-top: -11px;
    margin-bottom: -11px;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
}

#PayMyBillLink a
{
    width: 158px;
    padding-left: 7px;
    padding-top: 11px;
    padding-bottom: 11px;
    margin-left: -14px;
    margin-right: -14px;
    margin-top: -11px;
    margin-bottom: -11px;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
}

#AccountDropDown
{
    margin-top: -20px;
}

#EnrollValidation
{
    left: -20px;
    position: relative;
}

#errorMessage
{
    left: -20px;
    position: relative;
}

#leftNav a:active
{
    background-color: #4D1111;
}

#content
{
    background-color: #E5E5E5;
}

.quick-bill-container
{
    background-color: #E5E5E5;
}

#BillType
{
    
}

.PaperlessStatusData
{
    
}

#PaymentDueDateLabel
{
    float:right;
    margin-right: 53%;
}

#AccountBalanceLabel
{
    width: 210px;
}

#lnk_0
{
    padding-right: 10px;
}


/*Insert Library*/

#divInsertLibrary {
    margin-left: 8%;
    font-family: "Arial Rounded MT",Arial !important;
    margin-top: 4%;
}

#divInsertLibrary h1
{
    float:left;
    font-size:38px;
    color:#9E3A3A;
}

#divInsertLibrary p
{
    color:#6A747C;
    font-size:16px !important;
    font-weight:bold;
}

#divInsertLibrary td
{
    font-size:16px !important;
}

    #divInsertLibrary a {
        color: #6A747C !important;
        font-size: 16px !important;
        width: 200px;
    }

#divInsertLibrary table
{
    border-spacing: 0 40px;
}

#divInsertLibrary td a
{
    color:#9E3A3A !important;
    font-size:28px !important;
    font-weight:bold;
    text-decoration:none;
}

#quickSearch {
    float: right;
    margin-right: 5%;
    margin-top: 15px;
    color: #9E3A3A;
    font-size: 16px;
    font-weight: bold;
}

#btnSearch {
    padding: 5px 10px 5px 10px;
    background-color: #9E3A3A !important;
    color: white !important;
    border: none !important;
    border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    font-size: 16px !important;
    font-weight: bold !important;
    text-decoration: none;
    cursor:pointer;
}