/*
    This file will allow overriding WEBS and/or SiteType styles at the client level.  All overriden styles in this
    stylesheet will affect the Confirmation Statement only.  To override styles for the remainder of the site 
    modify the overrides-CS.css file.

    To override a style, copy an existing style into this stylesheet and make changes to the style as desired.

    For example if the three styles below were moved into the uncommented area of this stylesheet it would
    override the default site font to be 14 pixels rather then 12 pixels, it would left align the main content 
    area rather then being centered, and would reduce the width of the content area from 980 pixels to 880
    pixels.

    body {font-size:14px}

    .webs-site {text-align:left}
    .webs-sitewrapper, .webs-site-width {width:880px;text-align:left;margin:0 0}

    if overriding an image used in a style, the new image should be placed in the Images folder that is in the 
    same directory as this file.  The path to the image should be specified as "./Images/{imagefilename}"

    The best way to find the styles to override would be to use your browsers developer tools.  With the developer
    tool turned on, click on the element to re-style, which should display the styles affecting the element. Copy 
    the style(s) into this file and modify as required.
*/


/*=======---------- WEBS 3.0 CSS Dynamic Colours - Only insert color values here! ---------=========*/

body{background:url(../Images/webs-bodybackground.png);font-family:Helvetica Neue light, sans-serif}/* Global Formatting */ .red{color:#921107}.lightRed{color:#b9746e}.superscript{color:#921107}.placeholder{color:#aaa}/* site header */ .webs-sitewrapper.header{background-color:#4b286d}.webs-header{color:#fff;background:[!HEADERBACKGROUNDIMAGE]}.webs-header a{color:#fff}.webs-header-buttons .ui-btn{color:#fff;text-shadow:none;background-color:#4b286d}/* Webs infoButton dropdown */ .webs-header-info{background-color:#fdfdfd}.webs-header-info .webs-header-infoitem a{color:#FFF;background-color:#4b286d}/* employee info bar */.webs-accountBar .accountName{color:#4b286d}/* modal dialogs */.webs-modal .webs-modal-header{background-color:#4b286d}/* page content */.webs-content{box-shadow:0 0 8px rgba(0,0,0,.3);background-color:#ffffff}.webs-content h1 ,.webs-content .title{color:#4b286d}.webs-content a{color:#4B286D}a.ui-btn{color:#fff;border-radius:[!BUTTONBORDERRADIUS]}/* content area */.webs-content hr{border-top:1px solid #248700}.webs-content h1 ,.webs-content .title{font:Helvetica Neue,sans-serif}.webs-content h2{font:normal 400 20px lHelvetica Neue Thin,sans-serif}/* page content label styles */.webs-content .subTitle{font:normal 400 18px lato-n4,lato,Lucida Sans Unicode,sans-serif;color:#2A2C2E}.webs-content .SectionTitle{font:normal 400 20px lato-n4,lato,Lucida Sans Unicode,sans-serif;color:#4b286d;text-shadow:0 1px 1px rgba(255,255,255,.5)}.webs-content .SectionDescription{font:normal 400 14px lato-n4,lato,Lucida Sans Unicode,sans-serif}.webs-content .groupTitle{font:normal 400 16px/24px lato-n4,lato,Lucida Sans Unicode,sans-serif;color:#666}/* enrollment button colors */.webs-flexBar .ui-btn,.webs-flexfooter .ui-btn,btn-inner-controlgroup .btn{background-color:#4b286d;font:normal 16px Arial,sans-serif;color:#fff;border-radius:[!BUTTONBORDERRADIUS]}/* Enrollment Left Menu */.webs-menuLeftNav a.level1{color:#4b286d;font:normal 13px lato,Lucida Sans Unicode,sans-serif}.webs-menuLeftNav a.level3{color:#4b286d;font:normal 13px Arial,Sans-Serif}.webs-menuLeftNav ul.level2{background-color:#fff;border:1px solid #ccc}.webs-menuLeftNav a.level2{color:#4b286d;background-color:#fff;font:normal 13px Arial,Sans-Serif}/* enrollment left menu buttons - hover */.webs-menuLeftNav a.level1.highlighted{font:normal bold 13px;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.5);background-color:#4b286d;border-radius:[!MENULEFTNAVBORDERRADIUS];border-bottom-right-radius:0;border-top-right-radius:0;/* set them back to 0 after custom radius*/}.webs-menuLeftNav a.level2.highlighted{font:normal bold 13px;background-color:#4b286d;color:#fff;text-shadow:rgba(0,0,0,.5)}.webs-login-page .button-login{background-color:#4b286d}.enrollment-summary-border{border:5px solid #4b286d}.webs-grid-section .action .grid-change-button,.webs-grid-section .action .grid-remove-button,.webs-dependent-group a.ui-btn,.webs-grid-section .btn{background-color:#4b286d}a.ui-btn{background-color:#4b286d}.webs-flexBreakdown-panel-planinfo .webs-flexBreakdown-row a{color:#4b286d}/* home page */ .webs-content .homepage-content .enrollment-note{border:1px solid #AEAEAE;background-color:#f2f2f2;color:#d3d3d3}.webs-content .homepage-content .webs-home-banner{background-color:#ffffff;border-top:1px solid #ffffff}.webs-content .homepage-content .webs-home-banner h1{font:normal 300 30px/36px lato-n3,lato,Sans-Serif}.webs-content .enrollment-buttons .btn{font:normal 300 22px lato-n3,lato,sans-serif;color:#4b286d;font:normal 300 22px lato-n3,lato,sans-serif;border:1px solid rgba(0,0,0,.3);background:background: #e9e9e9; /* For browsers that do not support gradients */background: -webkit-linear-gradient(#f1f1f1, #e9e9e9); /* For Safari 5.1 to 6.0 */background: -o-linear-gradient(#f1f1f1, #d3d3d3); /* For Opera 11.1 to 12.0 */background: -moz-linear-gradient(#f1f1f1, #e9e9e9); /* For Firefox 3.6 to 15 */background: linear-gradient(#f1f1f1, #e9e9e9); /* Standard syntax (must be last) */;box-shadow:0 1px 3px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.4);text-shadow:0 1px 0 rgba(255,255,255,.5)}/* site footer */.webs-footer-fixed-wrapper{background-color:#2a2c2e}.webs-footer{color:#eee}.webs-footer a{color:#eee}/* modal dialogs */.webs-modal-background{background:#58585A}.webs-modal{color:#222;border:1px solid #888;box-shadow:[!MODALBOXSHADOWCOLOR]}.webs-modal .webs-modal-header{border:1px solid #888);border:1px solid rgba(0,0,0,0.2);color:#FFFFFF;font:normal bold 16px/50px lato-n4,lato,sans-serif;text-shadow:0 1px 0 rgba(0,0,0,0.7)}.webs-modal .webs-modal-content{background-color:#fff;box-shadow:none;font:normal 13px/20px;color:#2A2C2E}.webs-modal-lowertext{color:#fff}.webs-modal .webs-modal-footer .btn{background-color:#4b286d}/*form elements*/.webs-modal-content input:focus,.webs-modal-content select:focus{border:1px solid #58b541}.webs-modal .webs-modal-footer a{font:normal 12px/16px sans-serif,Arial,Tahoma;color:#fff;background:url("../Images/webs-btn-gradient.png") repeat-x}.webs-modal .webs-modal-footer a.cancel{background-color:#686e74;color:#fff;text-shadow:0 1px 0 rgba(255,255,255,.3)}/* validation and errors */.webs-valsummary{color:#921107 !important}.webs-error{color:#921107}.webs-note{border:1px solid #AEAEAE;background:#f2f2f2;color:#2A2C2E}.webs-note-error{font:normal bold 12px;border:1px solid #b9746e;background:#ffe7e5;color:#921107 !important}.subscriptions-note{color:#921107;font:normal 11px}/*webs grids*/.webs-grid-header{color:#333;background-color:#fbfbfb}/* eoi note */.webs-eoinotetitle{color:#4b286d;font-size:12px;}.webs-eoinotedetails{color:#4b286d;font-size:12px;}/* waiver note */.webs-waiver{border:1px solid [!WAIVERBORDERCOLOR];background-color:#eef3f8;color:#4b286d !important;font-weight:bold;}.webs-benefitnote{color:#4b286d;font-size:12px;}/* tooltip */.webs-tooltip .title{font-family:lato-n4,lato,Lucida Sans Unicode,sans-serif;font-style:normal;font-weight:400;color:#666;font-size:16px;}/* personal info */.webs-personal-group legend{color:#666;font-family:lato-n4,lato,sans-serif;font-style:normal;font-weight:400;}.webs-personal-group fieldset{border:1px solid #d3d3d3];font-size:13px;line-height:20px}.webs-personal-edit{border:1px solid #ccc;}/* smoker declaration */.smoker-declaration fieldset{border:1px solid #d3d3d3;}.smoker-declaration-message{padding-top:10px;color:#921107;}/* dependent info */.webs-dependent-group{border:1px solid #d3d3d3;background-color:#f2f2f2}.webs-dependent-smoker{border:1px solid #d3d3d3;background-color: #f2f2f2;}/* login button */.webs-login-page .btn{font-weight:normal;font-family:Tahoma,Arial,sans-serif;border:1px solidLOGINBTNBORDERCOLOR];color:#fff;box-shadow:none;text-shadow:none}.webs-login-page .button-login{background-color:#4b286d}/* Change Password */.change-password input{padding:7px;border:solid 1px [!CHANGEPASSWORDINPUTBORDERCOLOR];font:normal 13px/100% Verdana,Tahoma,sans-serif;background:#FFF;border-radius:3px;margin:2px;box-shadow:inset 0 0 4px 0 [!CHANGEPASSWORDINPUTBOXSHADOW]}/* Enrollment Summary */.enrollment-summary .packages td.package{color:#666;font-family:lato-n4,lato,sans-serif;font-style:normal;font-weight:400;font-size:14px;}



@charset "UTF-8";

/* Global Formatting */
.float-left, .floatLeft {float:left}
.float-right, .floatRight {float:right}
.clear {clear:both}
.align-center {text-align:center}
.margin-auto {margin:0 auto}
.bold {font-weight:bold}
.italic {font-style:italic}
.underlined {text-decoration:underline}
.red {color:#921107}
.lightRed {color:#b9746e}	
.superscript {color:#921107;vertical-align:super;font-size:80%}
.placeholder { color: #aaa; } 


/*=======---------- WEBS Confiramtion Statement CSS Start ---------=========*/

body {font-size:12px}

/* page content */
.webs-cs-outer-wrapper { background-color:#FFFFFF; text-align:center; }
.webs-cs-inner-wrapper { width:1000px;text-align:left;margin:0 auto; }
.webs-content { margin:0 auto !important; box-shadow:0 0 0 rgba(0,0,0,.3); padding:25px; position:relative; }

/* page content label styles */
.webs-content h1 , .webs-content .title {font-family: Helvetica Neue, sans-serif;font-weight:100;font-size:30px;margin:18px 0;display:block}
.webs-content h2 {font-family: lato-n3, lato,  Lucida Sans Unicode, sans-serif;font-style:normal;font-weight:400;font-size:20px;margin:10px 0;display:block}
.webs-content hr {height:1px;border:0;border-top:1px solid #248700 }

.webs-content .subTitle {font-family:lato-n4, lato, Lucida Sans Unicode, sans-serif;font-style:normal;font-weight:400;color:#2A2C2E;font-size:20px;margin: 8px 0 8px 0 !important;}
.webs-content .groupTitle {font-family:lato-n4, lato, Lucida Sans Unicode, sans-serif;font-style:normal;font-weight:400;color:#2A2C2E;font-size:14px;display:block;margin:4px 0;line-height:24px}

/* grid styles */
.webs-grid {background: none;
    border: 1px solid #333;
    font-size: 12px;
    margin: 4px 0 0 0;
    padding: 0;
    width:100%;}

.webs-grid tr.noborder {border:none}
.webs-grid th
{
    vertical-align: middle !important;
    border-bottom: solid 1px #333;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 100;
    padding: 6px 8px;
    background-color: #4B286D;
}
.webs-grid td {padding:8px}

.webs-grid td.empty, .webs-grid th.empty {padding:0;width:0}

.webs-grid .subtotal {border-top: solid 1px #333;}	
.webs-grid .benefitName {color:#000; font-style:normal;font-weight:400; font-size:14px; }
.webs-grid .cost {width:85px;text-align:right;font-weight: 100;}
.webs-grid .flexData, .webs-grid .flex {width:85px;text-align:right;font-weight: 100;}
.webs-grid .deductionsData , .webs-grid .deductions {width:85px;text-align:right;font-weight: 100;}
.webs-grid .space, .webs-grid .spacer {padding:0 !important;width:0 !important;}
.webs-grid .alternate {background-color: #F7F7F8;}

.webs-grid .norowseparation {padding-bottom:0;border-bottom:none}

/* summary styles */
.packages th.option {display:none}
.packages td.package {color:#000;font-family:lato-n4,lato, sans-serif;font-style:normal;font-weight:400; font-size:14px;}

.webs-grid td.right, .webs-grid th.right {text-align: right !important;}
.webs-grid td.left, .webs-grid th.left {text-align: left !important;}
.webs-grid td.center, .webs-grid th.center {text-align: center !important;}

/* flex styles */
.webs-flexrow th {padding:4px}
.webs-flexrow td {position:relative;background:url("../Images/webs-bg-btn-enroll-large.png") repeat-x scroll 0 center transparent;border-bottom:1px solid #bbb;text-shadow:0 1px 0 rgba(255,255,255,.6)}
.webs-flexrow td {line-height:20px;padding:8px}

.webs-flexrow-label {width:400px;text-align:right;font-weight:bold;padding-top:3px;}
.webs-flexrow-amount {text-align:right;padding-left:10px;position:relative}
.webs-flexrow-amount .superscript {color:#921107;vertical-align:super;font-size:80%;position:absolute;top:0}
.webs-flexrow-val  {width:20px}
.webs-flexrow-earned {width:120px;text-align:center;font-size:13px}
.webs-flexrow.total td {background:none;font-size:18px;border-bottom:1px solid #58b541;border-top:1px dotted #222}
.webs-flexrow.total .webs-flexrow-label {color:#888;font-weight:normal;text-transform:uppercase}
.webs-flexrow.total .webs-flexrow-amount {width:120px;padding-right:20px;font-weight:bold;line-height:24px;}
.webs-flexrow-label-adjustable {width:65%;text-align:right;font-weight:bold;padding-top:3px}

.summary-flex {width:720px;margin:0 auto;}
.summary-flex .webs-flexrow-amount {font-size:15px;text-shadow: 0 1px 0 rgba(255,255,255,.5)}

/* beneficiay styles */
.webs-beneficiary-group {/*padding-bottom:3px;*/}

/* contributions */
.webs-contributions-wrapper { padding:10px; margin-top:10px; font-size:13px;}

/* notes */
.webs-note { margin-top:10px;margin-bottom:10px;color:#921107;font-size:11px; }
.subscriptions-note  { margin-top:10px;margin-bottom:10px;color:#921107;font-size:11px; }

/* general table */
.webs-table {border:none; width:100%;}
.webs-table td { padding:2px; }
.webs-table td.nowrap { white-space:nowrap;}
.webs-table td.right, th.right { text-align:right; }

a.ui-btn {position:relative;display:inline-block;padding:10px 17px;text-decoration:none;text-shadow:none;box-shadow:none, 0 1px 0 0 rgba(255,255,255,.2);border-radius:4px;
    background-position: center center;
    margin-left: 0px;margin-top: 10px;border:1px solid #777;
    border:none}
    
.ui-btn.view .icon {background: url(../Images/webs-sprite.png) no-repeat 3px -716px transparent;height:25px;width:25px;margin:4px 0 0 4px}

a.ui-btn:hover {
    background-color:#6e528a;color:#fff
}