/*
    This file will allow overriding WEBS and/or SiteType styles at the client level.  All overriden styles in this
    stylesheet will affect all site pages other then the Confirmation Statement.  To change styles for 
    the confirmation statement 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-header {background: url('') no-repeat #8ec63f 0 18px;height:92px;border:1px solid #ccc;border-top:0}


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

body{background:url(../Images/webs-bodybackground.png);font-family:sans-serif,Arial,verdana}/* Global Formatting */
.red{color:#921107}.lightRed{color:#b9746e}.superscript{color:#921107}.placeholder{color:#aaa}/* site header */
.webs-sitewrapper.header{background-color:#8ec63f}.webs-header{color:#fff;background:[!HEADERBACKGROUNDIMAGE]}.webs-header a{color:#fff}.webs-header-buttons .ui-btn{color:#414042;text-shadow:0 1px 0 rgba(0,0,0,.5);background-color:#fff}/* Webs infoButton dropdown */
.webs-header-info{background-color:#fdfdfd}.webs-header-info .webs-header-infoitem a{color:#FFF;background-color:#v}/* employee info bar */.webs-accountBar .accountName{color:#414042}/* modal dialogs */.webs-modal .webs-modal-header{background-color:#8ec63f}/* page content */.webs-content{box-shadow:0 0 8px rgba(0,0,0,.3);background-color:#ffffff}.webs-content h1 ,.webs-content .title{color:#8ec63f;text-transform: uppercase}.webs-content a{color:#8ec63f}a.ui-btn{color:#fff;border-radius:[!BUTTONBORDERRADIUS]}/* content area */.webs-content hr{border-top:1px solid #58b541}.webs-content h1 ,.webs-content .title{font:normal 400 24px lato-n3,lato,Lucida Sans Unicode,sans-serif}.webs-content h2{font:normal 400 20px lato-n3,lato,Lucida Sans Unicode,sans-serif}/* page content label styles */.webs-content .subTitle{font:normal 400 18px lato-n4,lato,Lucida Sans Unicode,sans-serif;color:#666}.webs-content .SectionTitle{font:normal 400 20px lato-n4,lato,Lucida Sans Unicode,sans-serif;color:#c65e1b;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:#8ec63f;font:normal bold 12px Arial,sans-serif;color:#fff;border-radius:[!BUTTONBORDERRADIUS]}/* Enrollment Left Menu */.webs-menuLeftNav a.level1{color:#8ec63f;font:normal 13px lato,Lucida Sans Unicode,sans-serif}.webs-menuLeftNav a.level3{color:#000;font:normal 13px Arial,Sans-Serif}.webs-menuLeftNav ul.level2{background-color:#fff;border:1px solid #ccc}.webs-menuLeftNav a.level2{color:#000;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:#8ec63f;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:#8ec63f;color:#fff;text-shadow:rgba(0,0,0,.5)}.webs-login-page .button-login{background-color:#8ec63f}.enrollment-summary-border{border:5px solid #8ec63f}.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:#8ec63f}a.ui-btn{background-color:#8ec63f}.webs-flexBreakdown-panel-planinfo .webs-flexBreakdown-row a{color:#8ec63f}/* home page */
.webs-content .homepage-content .enrollment-note{border:1px solid #b7c898;background-color:#edf4e2;color:#444}.webs-content .homepage-content .webs-home-banner{background-color:#b7dfad;border-top:1px solid #58b541}.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 900 18px lato-n3,lato,sans-serif;color:#414042;font:normal 900 18px lato-n3,lato,sans-serif;text-transform:uppercase;letter-spacing:0.5px;border:1px solid rgba(0,0,0,.3);background: #d3d3d3; /* For browsers that do not support gradients */background: -webkit-linear-gradient(#f1f1f1, #d3d3d3); /* 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, #d3d3d3); /* For Firefox 3.6 to 15 */background: linear-gradient(#f1f1f1, #d3d3d3); /* 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:#939598}.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-transform:uppercase;1px 0 rgba(0,0,0,0.7)}.webs-modal .webs-modal-content{background-color:#fff;box-shadow:0 1px 6px 0 rgba(0,0,0,.4);font:normal 13px/20px;color:#333}.webs-modal-lowertext{color:#fff}.webs-modal .webs-modal-footer .btn{background-color:#8ec63f}/*form elements*/.webs-modal-content input:focus,.webs-modal-content select:focus{border:1px solid #58b541}.webs-modal .webs-modal-footer a{font:normal bold 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:#ddd;color:#921107;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 #b7c898;background:#edf4e2;color:#444}.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:#8ec63f;font-size:12px;}.webs-eoinotedetails{color:#8ec63f;font-size:12px;}/* waiver note */.webs-waiver{border:1px solid [!WAIVERBORDERCOLOR];background-color:#eef3f8;color:#203c6e !important;font-weight:bold;}.webs-benefitnote{color:#8ec63f;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 #8ec63f];font-size:13px;line-height:20px}.webs-personal-edit{border:1px solid #ccc;}/* smoker declaration */.smoker-declaration fieldset{border:1px solid #3a7824;}.smoker-declaration-message{padding-top:10px;color:#921107;}/* dependent info */.webs-dependent-group{border:1px solid #8ec63f;background-color:hsla(86, 57%, 52%, 0.3)}.webs-dependent-smoker{border:1px solid #006d35;background:hsla(86, 57%, 52%, 0.3);}/* login button */.webs-login-page .btn{font-weight:bold;font-family:Tahoma,Arial,sans-serif;border:1px solid [!LOGINBTNBORDERCOLOR];color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3),0 0 4px 0 rgba(0,0,0,.4);text-shadow:0 1px 1px rgba(0,0,0,.5)}.webs-login-page .button-login{background-color:#8ec63f}/* 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;}

a.ui-btn:hover {
    background-color:#0f6b37;color:#fff
}
    
.webs-grid th
{
    vertical-align: middle !important;
    border-bottom: solid 1px #333;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: bold;
    padding: 6px 8px;
    background-color: #8ec63f;
}

.webs-grid .alternate {background-color:#d9eac1;}