@charset "UTF-8";

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


/*=======---------- WEBS 3.0 CSS Start ---------=========*/

body {font-size:12px}

.webs-site {text-align:center}
.webs-sitewrapper, .webs-site-width {
    padding-left: 1px;
    padding-right: 1px;
   text-align:left;margin:0 auto}

/* site header */
.webs-header {height:74px;background-image:url(../Images/web-bg-ldcHeader.png);background-repeat:repeat-x;position:relative}
.webs-header a {}
.webs-header .webs-header-logo-wrapper {position:absolute;top:0;left:0;width:980px;height:83px;overflow:hidden}
.webs-header-logo {float:left;padding:10px 0 0 17px}
.webs-client-logo {float:left;padding:10px 0 0 50px}
.webs-header-buttons {float:right;padding:0px 12px}
.webs-header-buttons .ui-btn {display:inline-block;padding:12px 25px 12px 40px;min-width:26px;font-size:12px;font-weight:bold;text-decoration:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1), 0 1px 0 rgba(0,0,0,.3);border-radius:7px;background-image: url("../Images/webs-btn-gradient.png");background-position: center center;margin-left: 6px;border:1px solid #777;border:1px solid rgba(0,0,0,.4);}

.webs-header-buttons .ui-btn .icon {position:absolute;top:0;left:0;width:40px;height:40px;display:block;background:url(../Images/webs-sprite.png) transparent no-repeat;}
.webs-header-buttons .ui-btn.button-logout .icon {background-position: 6px -47px;}
.webs-header-buttons .ui-btn.button-help .icon {background-position: 7px 8px;}
.webs-header-buttons .ui-btn.button-home .icon {background-position: 1px -1841px}
.webs-header-buttons .ui-btn.button-infoMenu .icon {background-position: right -1200px;left:auto;right:0}
.webs-header-buttons .ui-btn.button-infoMenu {padding:12px 47px 12px 18px;}
	
.webs-header-info {border:1px solid #888;border:1px solid #888;
 /* FF3.6+ */
/* Chrome,Safari4+ */
/* Chrome10+,Safari5.1+ */
/* Opera 11.10+ */
/* IE10+ */
z-index: 12; position: absolute; width: 210px; box-shadow: inset 0 0 1px rgba(255, 255, 255, .4 ), 0 2px 3px rgba(0, 0, 0, .3); margin: -10px 0 0 -119px; font-size: 13px; text-shadow: 0 1px 0 rgba(255, 255, 255, .5); opacity: .9; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 11px; border-bottom-right-radius: 11px; padding: 0; background-image: linear-gradient(to bottom, rgba(255,255,255,.10) 0%,rgba(0,0,0,0.15) 100%);/* W3C */
}

.webs-header-info .webs-header-infoitem a {padding:8px 12px;text-decoration:underline;font-size:13px;font-weight:bold;display:block;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.5)}
.webs-header-info .webs-header-infoitem a:hover {text-decoration:underline;font-size:13px;font-weight:bold;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.5);
background-image: -moz-linear-gradient(top, rgba(255,255,255,.15) 0%, rgba(0,0,0,0.15) 100%); /* FF3.6+ */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.15)), color-stop(100%,rgba(0,0,0,0.15))); /* Chrome,Safari4+ */
background-image: -webkit-linear-gradient(top, rgba(255,255,255,.15) 0%,rgba(0,0,0,0.15) 100%); /* Chrome10+,Safari5.1+ */
background-image: -o-linear-gradient(top, rgba(255,255,255,.15) 0%,rgba(0,0,0,0.15) 100%); /* Opera 11.10+ */
background-image: -ms-linear-gradient(top, rgba(255,255,255,.15) 0%,rgba(0,0,0,0.15)) 100%); /* IE10+ */
background-image: linear-gradient(to bottom, rgba(255,255,255,.15) 0%,rgba(0,0,0,0.15) 100%); /* W3C */
}
                      
.webs-header-buttons .ui-btn:hover {background-image: url("../Images/webs-btn-gradient-hover.png");background-position: center center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1), 0 1px 2px rgba(0,0,0,.1);                        }
/* webs-nav-area - Bar wrapper*/
.webs-nav-area {min-height:49px;text-align:center;position:relative;z-index:10}
.webs-stickynav {margin-top:-1px;width:100%;z-index:11;left:0;top:0}

/* employee info bar */
.webs-accountBar {background:url(../Images/web-site-background-bar.png) repeat-x;height:28px;padding:10px 15px 11px 15px;font-size:12px;position:relative;border-left: 1px solid #aaa;border-right: 1px solid #aaa;border-bottom:1px solid #aaa}
.webs-accountBar .accountName {font-size:16px;line-height:22px;font-weight:bold;text-shadow:0 1px 0 rgba(255,255,255,.5)}
.webs-accountBar .division { }

.webs-accountBar .step-indicator {position:absolute;right:20px;top:20px;}
.webs-accountBar .step-indicator .step-bar {position:relative}
.webs-accountBar .step-indicator .step-bar .outer {position:relative;background:url(../Images/webs-stepbar-outergrey.png);padding:2px;border-radius:6px;}
.webs-accountBar .step-indicator .step-bar .inner {position:relative;height:6px;background:url(../Images/webs-stepbar-innergreen.png) repeat-x;border:1px solid #1d6716;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3), 0 1px 0 rgba(0,0,0,.3);border-radius:4px}
.webs-accountBar .step-indicator .step {position:absolute;top:-22px;right:0;display:none}
.webs-accountBar .step-indicator .step .text {z-index:0;color:#fff;font-size:10px;font-weight:bold;padding:2px 5px;border-radius:4px;background:url(../Images/webs-stepbar-stepbubble.png) repeat-x;white-space:nowrap;text-align:center;display:block;position:relative;border:1px solid #479f3a;box-shadow:0 1px 3px rgba(0,0,0,.5)}
.webs-accountBar .step-indicator .step .point {position:relative;z-index:1;width:10px;height:6px;margin:0 auto;margin-bottom:-5px;background:url(../Images/webs-stepbar-stepbubblepoint.png) no-repeat}
/* enrollment bar */
.webs-flexBar {position:relative;width:980px;height:63px;z-index:10}

/* Enrollment Left Menu */
.webs-content .left-nav-wrapper {width:240px;background:url(../Images/webs-bg-leftmenu.png) no-repeat top right;height:570px;margin-top:-15px;padding-top:30px}
.webs-content .left-nav-wrapper ul {line-height:24px; outline: 0}
.webs-menuLeftNav {float:left;width:220px;text-align:right;font-size:11px;padding-right:15px;outline:0}
.webs-menuLeftNav a.level1 {padding:5px 16px !important;display:block;width:195px;border:1px solid transparent !important; outline: 0}
.webs-content #ctl00_ContentPlaceHolder1_MainMenu_menuLeftNav a.popout {background-image:url(../Images/webs-sprite.png);background-position: right -1102px}
.webs-content #ctl00_ContentPlaceHolder1_MainMenu_menuLeftNav a.popout.highlighted {background-image:url(../Images/webs-sprite.png);background-position: right -1141px}
.webs-menuLeftNav a.level3 {padding:6px 17px !important;display:block;width:195px;margin: 4px 0;}
.webs-menu {}
.webs-menuLeftNav a.level1.highlighted {
padding:5px 16px;font-size:13px;font-weight:bold;text-decoration:none;text-shadow:0 1px 0 rgba(0,0,0,.5);
    border-radius: 5px;
   
    background-image: url("../Images/webs-btn-gradient.png");border:1px solid #888;border:1px solid rgba(0,0,0,.5) !important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3),0 1px 2px rgba(0,0,0,.2);}
    
.webs-menuLeftNav ul.level2 {box-shadow: 0 2px 3px rgba(0,0,0,.3);z-index:10 !important;float:left;width:280px !important;margin-top:-1px !important;margin-left: -1px}
.webs-menuLeftNav a.level2 {display:block;margin: 0;padding:5px 10px 5px 25px;width:243px;text-align:left;border:1px solid transparent !important}
.webs-menuLeftNav a.level2.highlighted {text-decoration:none;
    background-image: url("../Images/webs-btn-gradient.png");
    background-position: center center;border:1px solid #888;border:1px solid rgba(0,0,0,.5) !important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3),0 1px 2px rgba(0,0,0,.2);
}

/* page content */
.webs-content {margin:0 6px;min-height:500px;box-shadow:0 0 8px rgba(0,0,0,.3);padding:15px;position:relative}
.webs-content-left {float:left;width:300px}
.webs-content-right {float:left;width:600px}

/* content area */
.webs-content h1 , .webs-content .title {font-weight:400;font-size:24px;margin:10px 0;display:block}
.webs-content h2 {margin:10px 0;display:block; font:}
.webs-content hr {height:1px;border:0;}

/* page content label styles */


.webs-content .subTitle {margin:8px 0;}
.webs-content .SectionTitle {display:inline;margin:8px 0;}
.webs-content .SectionDescription {display:inline;margin:8px 0}
.webs-content .groupTitle {display:block;margin:4px 0;text-transform:capitalize}
.webs-content .groupTitleNoCaps {display:block;margin:4px 0;}

/* home page */
.webs-content .home-text {padding:0 10px;line-height:18px;margin-bottom:10px}
.webs-content .homepage-content {width:640px;float:right;padding:20px}
.webs-content .homepage-content .enrollment-note {padding:10px;border-radius:7px;width:570px;margin:15px auto}
.webs-content .validation {color:#921107}

/* Welcome banner */
.webs-content .homepage-content .webs-home-banner {margin-bottom:20px}
.webs-content .homepage-content .webs-home-banner .icon {display:none}
.webs-content .homepage-content .webs-home-banner .welcome {height:129px;width:640px;margin:0;float:left;}
.webs-content .homepage-content .webs-home-banner .text {height:82px;vertical-align:middle;}
.webs-content .homepage-content .webs-home-banner h1 {font-family:lato-n3,lato,Sans-Serif;font-size:24px;line-height:30px; width: 397px; padding:45px 0 15px 10px;color:#fff}

/* enrollment buttons on home */
.webs-content .enrollment-buttons {padding:10px}
.webs-content .enrollment-buttons .btn {cursor:pointer;position:relative;margin:10px;display:block;text-decoration:none;padding:21px 0 21px 75px;text-align:left;}

.webs-content .enrollment-buttons .btn .icon {position:absolute;left:0;top:0;width:72px;height:72px;background:url(../Images/webs-sprite.png) transparent 10px -430px no-repeat}
.webs-content .enrollment-buttons .btn .large-icon {position:absolute;right:0;top:0;width:75px;height:74px;background:url(../Images/webs-sprite.png) transparent no-repeat;margin:-1px}

.webs-content .enrollment-buttons .continue .icon {background-position:10px -537px}
	
.webs-content .enrollment-buttons .review .icon {background-position:10px -537px}
.webs-content .enrollment-buttons .lifeevent .icon {background-position:10px -430px}
.webs-content .enrollment-buttons .btn .large-icon {background-position:right -910px}

/*--- Enrollment Bar & Buttons ---  Please keep multi Background-declarations! they are there for a purpose! */
.webs-flexBar .floatLeft .ui-btn, .webs-flexfooter .floatLeft .ui-btn {position:relative;float:left;margin:10px 0 0 12px;padding-left:30px}
.webs-flexBar .floatRight .ui-btn, .webs-flexfooter .floatRight .ui-btn {position:relative;float:right;margin:10px 12px 0 0;padding-right:30px}
.webs-flexfooter {height:62px;width:100%;z-index:4;box-shadow: 0px 0px 5px rgba(0,0,0,.4);border-top:1px solid #777;background-image:url("../Images/web-bg-flexBar.png")}

/* enrollment button default - no colors! */
.webs-flexBar .ui-btn, .webs-flexfooter .ui-btn {
display:block;padding:13px 12px 13px 12px;text-decoration:none;text-shadow:0 1px 0 rgba(0,0,0,.5);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3),0 1px 2px rgba(0,0,0,.2);
    border-radius: 7px;
    background-image: url("../Images/webs-btn-gradient.png");
    background-position: center center;
    border:1px solid #bbb;
    border:1px solid rgba(0,0,0,.3);
    position:relative;
}

.webs-flexBar a.ui-btn:disabled, .webs-flexfooter a.ui-btn:disabled  {opacity:.5;}

.webs-flexBar .ui-btn:hover, .webs-flexfooter .ui-btn:hover {box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .3), 0 1px 2px rgba(0, 0, 0, .2);background-image: url("../Images/webs-btn-gradient-hover.png");background-position: center center;}

.ui-btn .icon {display:block;width:30px;position:absolute;height:40px;left:0;top:0}
.ui-btn, btn {position:relative;}

.ui-btn.btn-prev .icon {background:url(../Images/webs-sprite.png) transparent 5px -275px no-repeat;}
.ui-btn.btn-next .icon {background:url(../Images/webs-sprite.png) transparent right -215px no-repeat;right:0;left:auto}

/* Stylized button checkbox/radiobuton */
input.optUnselected {width:34px;height:28px;border:0;padding:0;background: url(../Images/webs-sprite.png) no-repeat right -105px transparent; box-shadow:none;outline:0;vertical-align:middle}
input.optSelected {vertical-align:middle;width:34px;height:28px;border:0;padding:0;background: url(../Images/webs-sprite.png) no-repeat right -165px transparent; box-shadow:none;outline:0}
input.optSelectedDisabled {background: url(../Images/webs-sprite.png) no-repeat right -1045px transparent;vertical-align:middle}

.webs-flexBar .btn-disabled, .webs-flexfooter .btn-disabled {color:#fafafa;background-color:#cdcdcd;opacity:.5;}
.webs-flexBar .btn-disabled .icon, .webs-flexfooter .btn-disabled .icon {opacity:.5;}
.webs-flexfooter .floatLeft .btn-cancel {background-color:#ddd;color:#921107;padding:8px 15px 8px 30px;margin-top:15px;text-shadow: 0 1px 0 rgba(255,255,255,.4)}

.webs-flexfooter .btn-cancel .icon {background:url(../Images/webs-sprite.png) transparent 3px -813px no-repeat;}
.webs-flexBar .floatRight .btn-confirm, .webs-flexfooter .floatRight .btn-confirm {padding-right:35px}
.webs-flexBar .btn-confirm .icon,.webs-flexfooter .btn-confirm .icon {background:url(../Images/webs-sprite.png) transparent 10px -661px no-repeat;right:0;left:auto}
.webs-flexfooter .btn-cancel:hover {background-color:#d5d5d5}

/* icons */s
.icon {height:30px;width:30px;position:absolute;top:0;left:0;background:url(../Images/webs-sprite.png) transparent no-repeat}
.info-icon {width:27px;height:22px;margin-bottom: -5px;cursor:pointer;background: url(../Images/webs-sprite.png) no-repeat 2px -1941px transparent; display: inline-block}

/* Flex Bar Main Info Panels / Buttons */
.webs-flexBar-relative {width:980px;position:relative;display:block;height:63px;background:url(../Images/web-bg-flexBar.png) #fff;box-shadow:0 0 3px rgba(0,0,0,.4);z-index:5}
.webs-flexBar .flex-tiles {position: absolute;width: 980px;left:0;top:0;z-index:-1}
.webs-flexBar .label {font-size:11px;color:#666;display:block;font-weight:700;text-shadow:0 1px 0 #fff}
.webs-flexBar .value {font-size:20px;display:block;font-weight:700;text-shadow:0 1px 0 #fff}
.webs-flexBar .FlexInfo .label {}
.webs-flexBar .FlexInfo .value {font-size:16px;line-height:24px;font-weight:normal;}

.webs-flexBar .FlexInfo, .webs-flexBar .FlexAwarded, .webs-flexBar .FlexCredits,.webs-flexBar .FlexDeductions 
{float:left;height:48px;padding: 14px 10px 0 0;display:block;cursor:pointer;text-align:right;border-left:1px solid #eee;border-left:1px solid rgba(255,255,255,.5);border-right:1px solid #ccc}
.webs-flexBar .FlexInfo {width:314px;border-left:none;padding-left:15px;margin-left:120px;text-align:left;border-left:1px solid #ccc;box-shadow:inset 1px 0 0 rgba(255,255,255,.5); cursor: default;}

.webs-flexBar .FlexAwarded {width:160px;padding:6px 10px 8px 0;background-color: rgba(255, 255, 255, 0.2);}
.webs-flexBar .FlexDeductions {width:100px;padding:6px 10px 8px 0; background-color: rgba(255, 255, 255, 0.2);box-shadow:0 1px 3px rgba(0,0,0,.3);margin-left:4px}
.webs-flexBar .FlexCredits {width:100px;padding:6px 10px 8px 0; background-color: rgba(255, 255, 255, 0.2);box-shadow:0 1px 3px rgba(0,0,0,.3)}

.webs-flexBar .FlexAwarded .label {display:table-cell; vertical-align:middle; text-align:right !important; height:26px; width:160px; }
.webs-flexBar .FlexCredits .label {display:table-cell; vertical-align:middle; text-align:right !important; height:26px; width:100px; }
.webs-flexBar .FlexDeductions .label {display:table-cell; vertical-align:middle; text-align:right !important; height:26px; width:100px; }

.webs-flexBar .FlexAwarded .value {color:#497fa7}
.webs-flexBar .FlexCredits .value {color:#3a7824}
.webs-flexBar .FlexDeductions .value {color:#921107}
	
.webs-flexBar .FlexCredits.hover , .webs-flexBar .FlexAwarded.hover,  .webs-flexBar .FlexDeductions.hover {background:#fafafa;background: rgba(255,255,255,.6);box-shadow: 0 1px 4px rgba(0,0,0,.3)}

/* flex bar dropdown panels */

.webs-flexBreakdown-panel-awarded {border:1px solid #ccc;background:url(../Images/web-bg-grid.png) bottom #fdfdfd repeat-x;z-index:9;position:absolute;width:379px;padding:10px;box-shadow:inset 0 0 1px rgba(255,255,255,.4 ), 0 2px 3px rgba(0,0,0,.3);margin:-1px 0 0 -229px ;font-size:13px;text-shadow:0 1px 0 rgba(255,255,255,.5);}
.webs-flexBreakdown-panel-deductions {border:1px solid #ccc;background:url(../Images/web-bg-grid.png) bottom #fdfdfd repeat-x;z-index:9;position:absolute;width:379px;padding:10px;box-shadow:inset 0 0 1px rgba(255,255,255,.4 ), 0 2px 3px rgba(0,0,0,.3);margin:-1px 0 0 -289px ;font-size:13px;text-shadow:0 1px 0 rgba(255,255,255,.5); }
.webs-flexBreakdown-label {float:left;width:280px;text-align:left;line-height:28px;color:#555;font-size:13px;font-weight:400}
.webs-flexBreakdown-amount-awarded {float:left;width:95px;text-align:right;padding-left:0;font-weight:bold;color:#497fa7;font-size:14px;line-height:28px}
.webs-flexBreakdown-amount-deductions {float:left;width:95px;text-align:right;padding-left:0;font-weight:bold;color:#921107;font-size:14px;line-height:28px}
.webs-flexBreakdown-row {border-bottom:1px solid #cecece;border-bottom:1px solid #ccc;border-bottom: 1px solid rgba(0,0,0,.1)}
.webs-flexBreakdown-row:last-child {border-bottom:none}
.webs-flexBreakdown-note {border-bottom:none;line-height:28px;color:#555;font-size:11px;font-style:normal;font-weight:400;text-align:right;}

/* site footer */
.webs-footer-fixed-wrapper {font-size:10px;position: relative;}
.webs-footer {height:22px;margin:0 auto;line-height:22px}
.webs-footer a {}

.webs-footer-copyright {float:left;}
.webs-footer-links {float:right;}

.webs-site-width {}
.webs-flexfooter .leftPart {width:400px;}

/* modal dialogs */
.webs-modal-background {opacity:0.7;filter:alpha(opacity=70)}
.webs-modal {top:40px}

.webs-modal {border-radius:12px;width:600px;background-image:url(../Images/web-bg-modalgrey.png);text-align:center}
.webs-modal .webs-modal-header {background-image: url("../Images/web-bg-modalheader.png");
    height: 47px;
    margin: -1px -1px 0;
    padding-left: 20px;
    padding-right: 20px;
    text-align: left;
    border-top-left-radius:12px;
border-top-right-radius:12px;
}



.webs-modal .webs-modal-footer {border-bottom-left-radius:12px;border-bottom-right-radius:12px;background:url(../Images/web-bg-modalfooter.png);height:30px;line-height:30px;padding:10px;text-align:center}
.webs-modal .webs-modal-content {min-height:200px;position:relative;margin:0 15px 15px 15px;padding:20px 30px;text-align:left}
.webs-modal .webs-modal-content label {padding-left:10px}
.webs-modal .webs-modal-content	.riSingle .riTextBox {padding:8px 10px}
.webs-modal .webs-modal-content	.webs-grid-section .action {width:50px;padding-left:50px}
.webs-modal .webs-modal-content	.webs-grid-section .action input {width:30px;height:28px;border:0;padding:0;background: url(../Images/webs-sprite.png) no-repeat right -105px transparent}
.webs-modal .webs-modal-content .webs-grid-section .action input:disabled {opacity:.7; cursor:default}
.webs-modal .webs-modal-content .webs-grid-section .action input.optSelected {background: url(../Images/webs-sprite.png) no-repeat right -165px transparent; cursor:default;vertical-align:middle}
.webs-modal .webs-modal-content .webs-grid-section .action input.optSelectedDisabled {vertical-align:middle;background: url(../Images/webs-sprite.png) no-repeat right -1045px transparent; cursor:default}
	
.webs-modal .webs-modal-content .modal-message { font-size: 16px;}
	
.webs-modal-lowertext {line-height:32px;}	
/*form elements*/
.webs-modal-content input {padding: 7px;border: solid 1px #ddd;font: normal 13px/100% Verdana, Tahoma, sans-serif;background: #FFF;border-radius:3px;margin:2px;box-shadow:inset 0 0 4px 0 rgba(0,0,0,.1)}
.webs-modal-content select {border-radius:3px;margin:2px;border: solid 1px #ddd;padding:4px;font: normal 13px/100% Verdana, Tahoma, sans-serif;background: #FFF; box-shadow:inset 0 0 4px 0 rgba(0,0,0,.1)}

.webs-modal-content input:focus, .webs-modal-content select:focus {}
.webs-modal-content input.optUnselected {vertical-align:middle;width:34px;height:28px;border:0;padding:0;background: url(../Images/webs-sprite.png) no-repeat right -105px transparent; box-shadow:none;outline:0}
.webs-modal-content input.optSelected {vertical-align:middle;width:34px;height:28px;border:0;padding:0;background: url(../Images/webs-sprite.png) no-repeat right -165px transparent; box-shadow:none;outline:0}
	
	
.webs-modal-content .webs-error-section {bottom: -15px;left: 0;margin: 0 auto;position: absolute; width: 100%;text-align:center}	
	
	
.webs-modal-content .webs-error-section .webs-note-error {text-align:center;margin:0 auto;padding:5px 15px;border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:0;box-shadow: 0 -1px 3px rgba(0,0,0,.3);display:inline-block;width:auto}
	
.webs-modal .webs-modal-content h1 {padding-left:20px}
.webs-modal .webs-modal-smalltext {font-size:12px;line-height:30px}
.webs-modal .webs-modal-footer a {color:#213d70}
	
.webs-modal .webs-modal-footer a {position:relative;display:inline-block;padding:6px 25px;text-decoration:none;text-shadow:0 1px 0 rgba(0,0,0,.5);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1), 0 1px 0 0 rgba(255,255,255,.2);border-radius:7px;
    background-position: center center;
    margin-left: 6px;border:1px solid #777;
    border:1px solid rgba(0,0,0,.4);}

.webs-modal .webs-modal-footer a.cancel {float:left;}
.webs-modal .webs-modal-footer a.cancel .icon {background-position:2px -814px;left:0;right:auto}
   
.webs-modal .webs-modal-footer a .icon {height:30px;width:30px;position:absolute;top:0;right:0;background:url(../Images/webs-sprite.png) transparent right -221px no-repeat}
.webs-modal .webs-modal-footer a.agree {float:right}
	

/* validation, errors, notes */
.webs-valsummary {padding:5px}
.webs-error {} 
.error-star {padding:0;margin:0;min-height:0}

.webs-note { padding:10px;border-radius:7px;width:720px;margin:15px auto}
.webs-note-error {display:block;padding:10px;border-radius:7px;width:720px;margin:15px auto}
.webs-note-attention {display:inline-block;width:auto;border:1px solid #b9746e;border-radius:4px;background-color:#ffe7e5;color:#921107;padding:5px 15px;margin:5px;}


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

/*webs grids*/

.help-icon { background:url(../Images/webs-sprite.png) no-repeat -2px -1910px transparent;width:22px;height:20px;display:inline-block;vertical-align:top;margin-top:5px;margin-right:8px;text-indent:-99999px}
.webs-select.coverage-enrollment {background: url('../images/webs-grid-blueindicator-bg.png') repeat-y 611px 0;margin:-15px 0;padding:15px 0;min-height:500px}

.webs-grid-section {position:relative;display:block;clear:both;margin:0 0 40px 0}

.webs-grid-header {display:block;padding:4px 0;border:1px solid #ddd;border:1px solid rgba(0,0,0,.1);border-top-left-radius:4px;border-top-right-radius:4px;border-bottom:0;margin:0 2px;background-image:url("../Images/webs-btn-gradient.png");box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);text-shadow:0 1px 0 rgba(255,255,255,.3);margin-top:10px;}

.webs-grid-header .SectionTitle { margin-left: 15px; }

.webs-grid-header .lockin-note {color: #43b961;}

.webs-grid {background: url("../Images/web-bg-grid.png") repeat-x scroll center bottom #FDFDFD;
    border: 1px solid #CCCCCC;
    border-collapse: separate;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.5) inset, 0 1px 2px rgba(0, 0, 0, 0.2);
    font-size: 12px;
    margin: 4px 0 0 0;
    padding: 5px;
    position: relative;width:100%;text-shadow: 0 1px 0 rgba(255,255,255,.5);}

.webs-grid tr.noborder {border:none}
.webs-grid tr th {vertical-align:bottom}
.webs-grid tr td, .webs-grid tr th {border-bottom:solid 1px rgba(0,0,0,.2)}
.webs-grid tr:last-child td {border-bottom:none}
.webs-grid .hover {background-color:#e5e9f0;background-color:rgba(209,217,226,.4);cursor:pointer}
.webs-grid td {padding:8px}
.webs-grid td.empty,.webs-grid th.empty {padding:0;width:0}
.webs-grid th {padding:2px;color:#555;text-shadow: 0 1px 0 rgba(255,255,255,.5);font-size:11px;}

.webs-grid .subtotal {border-top: solid 1px rgba(0,0,0,.6);}	
.webs-grid .benefitName {color:#666; font-family:lato-n4, lato, sans-serif;font-style:normal;font-weight:400; font-size:14px; }
.webs-grid .flexData, .webs-grid .flex {background:url(../Images/webs-grid-lightblue.png);font-weight:bold;color:#3a7824;margin-right: 3px}
.webs-grid .deductionsData , .webs-grid .deductions {background:url(../Images/webs-grid-lightblue.png);font-weight:bold;color:#921107}
.webs-grid .flexDataSelected {background:url(../Images/webs-grid-lightblue.png);font-weight:bold;color:#3a7824;}
.webs-grid .deductionsDataSelected {background:url(../Images/webs-grid-lightblue.png);font-weight:bold;color:#921107}
.webs-grid .selected {background:url(../Images/webs-grid-lightgreen.png)}
.webs-grid .subheader {font-size:14px;font-weight:bold}
.webs-grid .alternate {background:url(../Images/webs-grid-lightblue.png);}
.webs-grid .right {text-align: right;}
.webs-grid .left {text-align: left;}
.webs-grid .center {text-align: center;}

/* webs-grid-section -new classes */
.webs-grid-section th {font-size:11px;text-align:center}
.webs-grid-section th.description {padding-left:8px} 
.webs-grid-section th.cost {text-align:right;padding-right:8px}
.webs-grid-section .description {text-align:left}
.webs-grid-section .space {width:6px;padding:0}

.webs-grid-section .flex, .webs-grid-section .deductions {width:97px;padding: 0 10px 0 4px;font-size:14px;text-align:right;font-weight:bold;text-shadow: 0 1px 0 rgba(255,255,255,.5)}
.webs-grid-section .flex, .webs-grid-section .flex.selected {background:url(../Images/webs-grid-lightblue.png);color:#3a7824;}
.webs-grid-section .deductions, .webs-grid-section .deductions.selected {background:url(../Images/webs-grid-lightblue.png);color:#921107;}
.webs-grid-section .option {width:20px;text-align:center}
.webs-grid-section .action {width:77px;text-align:center;}
.webs-grid-section .actionUnits {width:77px;text-align:center; position:relative; height: 43px; padding-left: 18px; padding-right: 0}

.webs-grid-section th {font-size:11px;color:#444;text-align:center;line-height:11px}

.webs-grid-section td.cost {text-align:right;padding-right:8px}
.webs-grid-section td.coverage {text-align:right;width:90px}
.webs-grid-section td.coverage a, .webs-grid-section td.package a {text-decoration: none;color:#000}
.webs-grid-section .taxable, .webs-grid-section .eoi {text-align:center}

.webs-grid tr.selected {background:url(../Images/webs-grid-lightgreen.png)}
.webs-grid-section th.flex, .webs-grid-section th.deductions {color:#444;font-size:11px;text-align:right;padding-right:8px;}

.webs-grid-section .action input {width:34px;height:28px;border:0;padding:0;background: url(../Images/webs-sprite.png) no-repeat right -105px transparent;box-shadow:none; outline: 0}
.webs-grid-section .actionUnits input {width:28px;height:28px;border:0;padding:0;background: url(../Images/webs-sprite.png) no-repeat right -105px transparent;box-shadow:none}
.webs-grid-section .action input[disabled] {opacity:.7; cursor:default !important; filter: alpha(opacity=70)}
.webs-grid-section .action input.optSelected {background: url(../Images/webs-sprite.png) no-repeat right -165px transparent;vertical-align:middle}
.webs-grid-section .action input.optSelectedDisabled {background: url(../Images/webs-sprite.png) no-repeat right -1045px transparent; cursor:default;vertical-align:middle}
.webs-grid-section .action input.optSelectedEOI {background: url(../Images/webs-sprite.png) no-repeat right -42px transparent; opacity:1; cursor:default;vertical-align:middle}
.webs-grid-section .action input.optIneligible {background: url(../Images/webs-sprite.png) no-repeat right -280px transparent; cursor:defaultl; vertical-align:middle}
.webs-grid-section .actionUnits input.unitsinput { padding: 6px 4px; margin-left: 10px; margin-top: 10px; border: solid 1px #bdbdbd;height:16px;text-align:center;font: normal 14px/16px Verdana, Tahoma, sans-serif;background: #FFF;border-radius:5px;box-shadow:inset 0 0 4px 0 rgba(0,0,0,.2)}
.webs-grid-section .actionUnits input.unitsinput:focus {border: solid 1px #58b541}
	
.unitsInputOuter { width: 100px; height: 50px; position:absolute; text-align:left;}
.unitsInputOuterVisible { width: 100px; height: 50px; position:absolute; text-align:left; background-color: #FFF; border:solid 1px #aaa; border-radius: 6px; box-shadow: 0 1px 5px rgba(0,0,0,0.3); }

.webs-grid-section .action .grid-change-button, .webs-grid-section .action .grid-remove-button {background-image:-moz-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(0,0,0,0.2) 100%);
    background-image: url("../Images/webs-btn-gradient.png");
    background-position: center center; border:1px solid #777;                                                                                     
    border:1px solid rgba(0,0,0,.4);
    
    border-radius:5px;
    display:inline-block;
    box-shadow: 0 1px 0 rgba(255,255,255,.2) inset, 0 1px 2px rgba(0,0,0,.3);
    text-indent:-99999px;
    width:26px;
    height:26px;
	position:relative;
	margin-left:5px;
}

.webs-grid-section .action .grid-change-button .icon {background: url(../Images/webs-sprite.png) no-repeat 3px -716px transparent;height:25px;width:25px}
.webs-grid-section .action .grid-remove-button .icon {background: url(../Images/webs-sprite.png) no-repeat 2px -769px transparent;height:25px;width:25px}
/* webs-grid verify dependants */


/* webs-grid section- beneficiaries dropdown */
.webs-grid-dropdown .webs-beneficiaries {  background: url("../Images/webs-bg-innerpanel.png");border:1px solid #bbb;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 0 rgba(255,255,255,.7), 0 0 5px rgba(0, 0, 0, 0.2) inset;
    margin: 5px 15px 15px 15px;
    padding: 15px;border-radius:3px}
.webs-grid-dropdown .webs-beneficiaries .groupTitle {color:#555;font-size:20px;text-shadow:0 1px 1px rgba(255,255,255,.5);font-weight:400} 

.webs-error-wrapper-center {width:100%;text-align:center}

.webs-grid-dropdown .webs-error-section {text-align:center;margin:0 auto;padding:5px 15px;border-bottom-left-radius:0;border-bottom-right-radius:0;display:inline-block;width:auto;border:1px solid #b9746e;border-bottom:0;background-color:#ffe7e5;border-top-left-radius:4px;border-top-right-radius:4px;margin:0 auto;}

/* webs-grid section- EOI dropdown */
.webs-grid-dropdown .webs-eoi {  background: url("../Images/webs-bg-innerpanel.png");border:1px solid #bbb;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 0 rgba(255,255,255,.7), 0 0 5px rgba(0, 0, 0, 0.2) inset;
    margin: 5px 15px 15px 15px;
    padding: 15px;border-radius:3px}
.webs-grid-dropdown .webs-eoi .groupTitle {color:#555;font-size:20px;text-shadow:0 1px 1px rgba(255,255,255,.5);font-weight:400} 

.webs-grid-section .webs-waiver {/*position:absolute;border-top-right-radius:0;border-top-left-radius:0*/}

.webs-beneficiaries .btn {margin: 0 2px}


.webs-grid-dropdown {background: url("../Images/web-bg-grid.png") repeat-x scroll center bottom #FDFDFD;
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.5) inset, 0 1px 2px rgba(0, 0, 0, 0.2);position:relative;}
.webs-grid-dropdown .webs-grid {background:none;border:0;box-shadow:none;}
.webs-grid-dropdown .webs-beneficiaries .webs-grid {border:1px solid #ddd;border-radius:3px;background: url("../Images/web-bg-grid.png") repeat-x scroll center bottom #fefefe;box-shadow: inset 0 0 0 1px rgba(255,255,255,.3),0 1px 3px rgba(0,0,0,.4)}
.webs-grid-dropdown .webs-eoi .webs-eoi-details {border:1px solid #ddd;border-radius:3px;background: url("../Images/web-bg-grid.png") repeat-x scroll center bottom #fefefe;box-shadow: inset 0 0 0 1px rgba(255,255,255,.3),0 1px 3px rgba(0,0,0,.4)}

/*coverage std*/
.webs-grid.std th.coverage {padding-left:8px}
.webs-grid.std .coverage {width:250px;text-align:left}
.webs-grid.std .taxable {width:120px}
.webs-grid.std .eoi {width:50px}
.webs-grid.std .cost {width:90px}
	
.webs-grid-section.coverage-health .coverage{text-align:left;width:350px}
.webs-grid-section.coverage-health .category {text-align:center}.btn .icon


/* verify dependents */
.webs-grid.verify-dependents .name {text-align:left;width:250px}
.webs-grid.verify-dependents td {text-align:center}

/*coverage-add-family*/	
.webs-grid-section.coverage-add-family .coverage{text-align:left;width:350px}
.webs-grid-section.coverage-add-family .coveragesmall {text-align:left;}
.webs-grid-section.coverage-add-family .description{text-align:left;width:350px}
.webs-grid-section.coverage-add-family .percentage {text-align:right}
.webs-grid-section.coverage-add-family {}

/* coverage-life-dependent */
.webs-grid-section.coverage-life-dependent .coverage{text-align:left;width:350px}


.webs-grid-section .btn {position:relative;text-decoration:none;font-weight:bold;font-family:Tahoma, Arial, sans-serif;border:1px solid #bbb;border:1px solid rgba(0,0,0,.3);display:block;padding:10px 12px 10px 36px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;color:#fff;box-shadow: inset 0 0 0 1px rgba(255,255,255,.3);text-shadow: 0 1px 1px rgba(0,0,0,.5);border-top:0;display:inline-block;background-image: url("../Images/webs-btn-gradient.png")}
.webs-grid-section .btn .icon {position:absolute;width:40px;height:32px;left:0;top:0}
.webs-grid-section .waive-coverage {float:left;margin-left:5px;background: url("../Images/webs-btn-gradient.png") #afafaf center center;}
.webs-grid-section .waive-coverage .icon {background:url(../Images/webs-sprite.png) transparent 8px -811px no-repeat;}
.webs-grid-section .waive-coverage-remove {float:left;margin-left:5px;background: #afafaf;background: url("../Images/webs-btn-gradient.png") #afafaf center center;}
.webs-grid-section .add-dependents {float:right;margin-right:5px;background: url("../Images/webs-btn-gradient.png") #82b7de center center;}
.webs-grid-section .button-beneficiaries {float:right;margin-right:5px;background: url("../Images/webs-btn-gradient.png") #82b7de center center;}
.webs-grid-section .button-eoi {float:right;margin-right:5px;background: url("../Images/webs-btn-gradient.png") #82b7de center center;}

.webs-grid-section .btn:hover {background-image:url("../Images/webs-btn-gradient-hover.png")}

.webs-grid-section .add-dependents .icon, .webs-grid-section .button-beneficiaries .icon {
background:url(../Images/webs-sprite.png) transparent 8px -850px no-repeat;}

.webs-grid-section .button-eoi .icon {background:url(../Images/webs-sprite.png) transparent 4px -1204px no-repeat;}

.webs-grid-section .expand-list {float:left;margin-left:5px;background: url("../Images/webs-btn-gradient.png") #afafaf center center;}
.webs-grid-section .expand-list .icon {background:url(../Images/webs-sprite.png) transparent 7px -1399px no-repeat;}

.webs-grid-section.life-events {margin:5px 0 0 0}

.webs-grid-section.select-dependents {margin:5px 0 0 0}

/* eoi note */
.webs-eoinotetitle { margin:5px;color:#193e7d;font-size:12px; }
.webs-eoinotedetails { margin:5px;color:#193e7d;font-size:12px; }

/* waiver note */

.webs-waiver {display:block;border:1px solid #7b94c1;background-color:#eef3f8;padding:10px;border-radius:7px;color:#203c6e !important;font-weight:bold;margin:5px}
.webs-benefitnote { margin:5px;color:#193e7d;font-size:12px; }

/* vacation Selling No of Years Worked */

.webs-vacationselling {display:block;border:1px solid #7b94c1;background-color:#eef3f8;padding:10px;border-radius:7px;color:#203c6e !important;font-weight:bold;margin:5px}

/* tooltip */
.tooltip-icon {margin: -4px 3px;cursor:pointer}
.webs-tooltip {min-height:140px;width:400px;padding:10px;}
.webs-tooltip .title {font-family:lato-n4, lato,  Lucida Sans Unicode, sans-serif;font-style:normal;font-weight:400;color:#666;font-size:16px;margin-bottom:12px;display:block}
.webs-tooltip .subTitle {font-weight:bold;display:block;margin-bottom:6px;}

/* personal info */
.webs-personal-group legend {color:#666; font-family:lato-n4,lato, sans-serif;text-transform:uppercase;font-style:normal;font-weight:400; font-size:16px; padding-left:5px; padding-right:5px; }
.webs-personal-group fieldset { border:1px solid #acc1d9;padding:15px;margin:6px;border-radius:5px;font-size:13px;line-height:20px}
.webs-personal-edit {border:1px solid #ccc; margin:10px 5px 10px 5px; padding:15px;border-radius:5px}

.webs-personal-edit input { padding: 7px;font: normal 13px/100% Verdana, Tahoma, sans-serif;  }
.webs-personal-edit input[type="text"] {border: solid 1px #ddd; width: 200px; background: #FFF;border-radius:3px;margin:2px;  box-shadow:inset 0 0 4px 0 rgba(0,0,0,.1)}
.webs-personal-edit input[type="text"]:focus {border:solid 1px #58b541}
    
.webs-personal-edit select {border-radius:3px;margin:2px;border: solid 1px #ddd;padding:4px;font: normal 13px/100% Verdana, Tahoma, sans-serif;width: 200px;background: #FFF; box-shadow:inset 0 0 4px 0 rgba(0,0,0,.1)}
    
.webs-personal-editrow { min-height:25px; }
.webs-personal-editlabel { float:left;width:380px;text-align:right;padding-top:3px;color:#666;font: normal 13px/30px Verdana, Tahoma, sans-serif;  }
.webs-personal-editdata { float:left;width:500px;padding-left:10px;height:30px;padding-top:3px;font: normal 13px/100% Verdana, Tahoma, sans-serif;}

.webs-personal-editrow .webs-personal-editdata input[type="text"] {padding: 7px;}
.webs-personal-editrow .webs-personal-editdata input[type="text"] {border: solid 1px #ddd;background: #FFF;border-radius:3px;margin:2px;box-shadow:inset 0 0 4px 0 rgba(0,0,0,.1)}
.webs-personal-editrow .webs-personal-editdata input[type="text"]:focus {border:solid 1px #58b541}

.webs-personal-group fieldset {min-height:80px}
.webs-personal-group.profile {float:left;width:580px;margin-right:10px}
.webs-personal-group.phone {width:348px;float:left}
.webs-personal-group.address {float:left;width:580px;margin-right:10px}
.webs-personal-group.email {width:348px;float:left}
.webs-personal-group.profile {float:left;width:580px;margin-right:10px}
.webs-personal-group.smoker-status fieldset {min-height:inherit}

.webs-personal-group .label {width:150px;padding-right:10px;text-align:right;display:inline-block}
.webs-personal-group.email .label,.webs-personal-group.phone .label {width:70px}
.webs-personal-group .birth-gender .label {width:130px}

.webs-personal-note { width:800px; margin:10px; }

/* smoker declaration */
.smoker-declaration fieldset { border:1px solid #3a7824; background:url(../Images/webs-grid-lightgreen.png);min-height:inherit}
.smoker-declaration-message { padding-top:10px; color:#921107; }

/* dependent info */
.webs-dependent-group { border:1px solid #acc1d9; padding:10px; margin:10px 0 0 0;border-radius:5px;text-align:left;background-color:#eef3f8}
.webs-dependent-group .label {width:200px;padding-right:10px;text-align:right;display:inline-block}
.webs-dependent-group input {width:30px}
.webs-dependent-smoker { border:1px solid #3a7824; padding:10px; margin:10px 0 0 0;border-radius:5px;text-align:left;background:url(../Images/webs-grid-lightgreen.png);}
.webs-dependent-smoker .label { padding-top:10px;}
.webs-dependent-buttons a.ui-btn {background-image:-moz-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(0,0,0,0.2) 100%);
    background-image: url("../Images/webs-btn-gradient.png");
    background-position: center center;
    background-image:linear-gradient(to bottom, rgba(255,255,255,0.2) 0%,rgba(0,0,0,0.2) 100%);/* W3C */
    border-radius:5px;
    display:inline-block;
    box-shadow: 0 1px 0 rgba(255,255,255,.2) inset, 0 1px 2px rgba(0,0,0,.3);
    width:26px;
    height:26px;
	position:relative;
	margin-top:8px;
	margin-left:5px;
	padding:0;
	}
.webs-dependent-buttons a.ui-btn.change .icon {background: url(../Images/webs-sprite.png) no-repeat 3px -716px transparent;height:25px;width:25px}
.webs-dependent-buttons a.ui-btn.remove .icon {background: url(../Images/webs-sprite.png) no-repeat 2px -769px transparent;height:25px;width:25px}


.dependents .add-dependent {float:right;margin-right:5px;background: url("../Images/webs-btn-gradient.png") #82b7de center center;}

/* wellness questions */
.webs-wellness {height:45px;padding:5px;border-bottom:1px solid #ddd;padding-left:10px}
.webs-wellness.header {height:30px;font-size:12px}
.webs-wellness.header .webs-wellness-amount {font-size:12px}
.webs-wellness:last-child {border-bottom:0}
.webs-wellness-number {float:left;width:20px;font-weight:bold;margin:10px 3px 10px 3px;color:#7b94c1;font-family:lato-n4,lato,sans-serif;font-style:normal;font-weight:400;font-size:16px }
.webs-wellness-linked {float:left;width:35px;font-weight:bold;margin:10px 3px 10px 3px; }
.webs-wellness-label {float:left;width:580px;margin:15px 3px 10px 3px;font-size:13px}
.webs-wellness-amount {float:left;width:110px;text-align:center;margin:10px;font-size:15px}
.webs-wellness-answer {float:left;width:117px;padding:3px 3px 3px 3px;text-align:center;margin:3px;border:1px solid #7b94c1;background-color:#eaf1f9;border-radius:4px}
.webs-wellness-answer input {margin-top:5px}
.webs-wellness-answer label {line-height:20px;display:inline-block;vertical-align:top;margin-top:3px;font-size:13px;padding: 0 15px 0 5px}
.webs-wellness input[type="text"] {padding:5px;border-radius:5px;border:1px solid #ccc;height:18px}
.webs-wellness-supquestion {float:left;width:815px;margin:3px 3px 3px 30px;font-size:13px;}
.webs-wellness-supquestion span {display:inline-block;padding-right:10px}
.webs-wellness-supquestion input {margin-top:2px}

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

/* benefit beneficiaries - change beneficiaries */
.webs-beneficiaries {padding:10px; margin-top:5px;}
.webs-beneficiary-group {/*padding-bottom:3px;*/}

/* benefit beneficiaries - selection grid */
.webs-beneficiary-buttons { width:80px; text-align:left; }
.webs-beneficiary-buttons a.ui-btn {background-image:-moz-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(0,0,0,0.2) 100%);
    background-image: url("../Images/webs-btn-gradient.png");
    background-position: center center;
    background-image:linear-gradient(to bottom, rgba(255,255,255,0.2) 0%,rgba(0,0,0,0.2) 100%);/* W3C */
    border-radius:5px;
    display:inline-block;
    box-shadow: 0 1px 0 rgba(255,255,255,.2) inset, 0 1px 2px rgba(0,0,0,.3);
    width:26px;
    height:26px;
	position:relative;
	margin-top:8px;
	margin-left:5px;
	padding:0;
	}
.webs-beneficiary-buttons a.ui-btn.change .icon {background: url(../Images/webs-sprite.png) no-repeat 2px -716px transparent;height:25px;width:25px}
.webs-beneficiary-buttons a.ui-btn.remove .icon {background: url(../Images/webs-sprite.png) no-repeat 2px -769px transparent;height:25px;width:25px}

/* benefit beneficiaries - edit modal */
.webs-beneficiary-instructions { margin-bottom:20px;font-size:12px; }
.webs-beneficiary-revocable { margin-top:20px;font-size:12px; }
.webs-beneficiary-row {  }
.webs-beneficiary-label { float:left;width:175px;text-align:right;white-space:nowrap;font-weight:bold;padding-top:6px;padding-bottom:6px; }
.webs-beneficiary-data { float:left;width:475px; padding-left:10px; padding-top:6px;padding-bottom:6px;}
.webs-beneficiary-editdata { float:left;width:475px; padding-left:10px; }
.webs-beneficiary-row .setrevocable { padding:3px 3px 3px 10px;margin:3px;border:1px solid #7b94c1;background-color:#eaf1f9;border-radius:4px}
.webs-beneficiary-row input {padding: 7px;border: solid 1px #ddd;font: normal 13px/100% Verdana, Tahoma, sans-serif;background: #FFF;border-radius:3px;margin:2px;box-shadow:inset 0 0 4px 0 rgba(0,0,0,.1)}
.webs-beneficiary-row input[type="text"]:focus {border:solid 1px #58b541}
.webs-beneficiary-row input[type="checkbox"],.webs-beneficiary-row input[type="radio"] { width:30px; }


/* flex assignment Flex Enrollment Summary */
.assign-flex {text-align:center}
	
.assign-flex .webs-note {border:1px solid #b7c898;background-color:#edf4e2;padding:10px;border-radius:7px;color:#444;width:720px;margin:15px auto}
.assign-flex-panel {margin:0 auto;text-align:left;border-collapse:separate;color:#333}
.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-label {width:400px;text-align:right;font-weight:bold;padding-top:3px;}
.webs-flexrow-label .remaining {color:#3a7824}
.webs-flexrow-amount {text-align:right;padding-left:10px;position:relative}
.webs-flexrow-amount .remaining {color:#3a7824; font-size: 15px;}
.webs-flexrow-amount .superscript {color:#921107;vertical-align:super;font-size:80%;position:absolute;top:0}
.webs-flexrow-amount input {border:1px solid #bbb;background-color:#fff;padding:5px 1px 5px 12px;font-size:15px;font-weight:bold;width:90px;border-radius:5px;box-shadow: 0 2px 7px rgba(0,0,0,.2) inset, 0 1px 0 rgba(255,255,255,.5);}
.webs-flexrow-val  {width:20px}
.webs-flexrow-earned {width:120px;text-align:center;font-size:13px}

.webs-flexrow.validation th {background:none;border-bottom:1px solid #cdcdcd;}
.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}

.webs-flexrow th {padding:4px}
	
/* Summary Tabs */
.webs-flexrow td {line-height:20px;padding:8px}
.summary-main {padding:10px}

.enrollment-summary-border .summary-main .packages {margin-bottom:10px}

.summary-main .webs-grid .deductions {width:54px;text-align:right}
.summary-main .webs-grid .action {width:44px;text-align:right}
.summary-main .webs-grid .ui-btn {height: 30px; width: 30px; padding: 0; margin:0}
.summary-main .webs-grid .ui-btn.disabled {opacity:.5; cursor: default;}
.summary-main .webs-grid .ui-btn .icon {margin-top: 2px; margin-left: 2px}


/* print enrollment forms */
.webs-download-header {margin:5px 0 5px 0;}
.webs-download-row {background-color:#F2F4F7; margin:3px;padding:5px;}
.webs-download-indent {float:left;width:25px;}
.webs-download-note {float:left;width:800px;}
.webs-download-label {float:left;width:600px;margin-top: 10px;font-family:lato-n4, lato, sans-serif;font-style:normal;font-weight:400; font-size:16px;}
.webs-download-link {float:right;padding-right:25px;}

/* Splash Page */

/* login browser not supprted message */
.splash-page .webs-browser-not-supported {position:relative;z-index:2;text-align:left;border:1px solid #bbb;border:1px solid rgba(0,0,0,.2);background:url("../Images/web-bg-grid.png") repeat-x scroll center bottom #FDFDFD;box-shadow:0 1px 5px rgba(0,0,0,.3);border-radius:7px;padding:20px;margin-top: 10px;}	

.mask {margin:10px auto 0 auto;overflow:hidden;width:613px;}
.roundedCorners {border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;}
.splash-page {position:relative;z-index:2;text-align:left;border:1px solid #bbb;border:1px solid rgba(51,51,51,.2);background:url("../Images/web-bg-grid.png") repeat-x scroll center bottom #e1dcca;background: -moz-linear-gradient(top,  #e1dcca 0%, #b4b0a0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1dcca), color-stop(100%,#b4b0a0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e1dcca 0%,#b4b0a0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e1dcca 0%,#b4b0a0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e1dcca 0%,#b4b0a0 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e1dcca 0%,#b4b0a0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1dcca', endColorstr='#b4b0a0',GradientType=0 ); /* IE6-9 */box-shadow:0 1px 5px rgba(0,0,0,.3);padding:20px;margin:0 auto;width:570px;}
.splash-message {margin:0 auto;width:450px;}
.splash-page .language-area {width:450px;margin:0 auto 50px auto;}
.splash-page .language-area img {float: right;}

/* Login Page */
.client-login-message {padding:15px 45px 15px 15px;float:left;background:url("../Images/webs-bg-leftmenu.png") no-repeat scroll right top transparent;margin-top:-15px;height:470px;width:478px}
.client-login-message p {padding-right:40px;line-height:24px}
.client-login-message h1 {padding-top:20px} 

.webs-login-page {text-align:center;float:left;width:400px}
.webs-login-page .webs-login-wrapper {position:relative;display:inline-block;margin:20px auto 50px auto;text-align:left;width:372px}
.webs-login-page .webs-login-panel {position:relative;z-index:2;text-align:left;width:330px;border:1px solid #bbb;border:1px solid rgba(0,0,0,.2);background:url("../Images/web-bg-grid.png") repeat-x scroll center bottom #FDFDFD;box-shadow:0 1px 5px rgba(0,0,0,.3);border-radius:7px;padding:20px}
.webs-login-page .webs-login-panel .label {width:120px;float:left;padding:10px;text-align:right;line-height:28px}
.webs-login-page .validation {color:#921107}
.webs-login-page .webs-login-panel .field {width:190px;float:left;}
.webs-login-page .webs-login-panel .field input {border:0;padding: 8px;margin:8px 0;font-size:15px;font-family:lato, Sans-Serif;border-radius:5px;border:1px solid #ccc;width:148px;line-height:24px;color:#222;text-shadow:0 1px 0 rgba(0,0,0,.3)}
.webs-login-page .webs-login-panel .forgot {line-height:30px}
	
/* login browser not supprted message */
.webs-login-page .webs-browser-not-supported {position:relative;z-index:2;text-align:left;width:330px;border:1px solid #bbb;border:1px solid rgba(0,0,0,.2);background:url("../Images/web-bg-grid.png") repeat-x scroll center bottom #FDFDFD;box-shadow:0 1px 5px rgba(0,0,0,.3);border-radius:7px;padding:20px}	
	
	/* login button */
.webs-login-page .btn {text-decoration:none;font-weight:bold;font-family:Tahoma, Arial, sans-serif;border:1px solid #bbb;border:1px solid rgba(0,0,0,.3);z-index:1;margin-top:-1px;display:block;padding:10px 15px 10px 44px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;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 {position:absolute;right:7px;bottom:-35px;z-index:1;background-color:#82b7de;background-image: url("../Images/webs-btn-gradient.png");background-position: center center;}
.webs-login-page .button-login .icon {position:absolute;top:0;left:0;width:40px;height:40px;display:block;background:url(../Images/webs-sprite.png) transparent no-repeat 2px -1971px;}
.webs-login-page .login-links {text-align:left;padding:0 0 0 10px}
.webs-login-page .login-links li {list-style:none}
	
/* Change Password */
.change-password .webs-personal-editrow {margin-left:100px}
.change-password .webs-personal-editlabel, .change-password .webs-personal-editdata {margin:2px 0}
.change-password .webs-personal-editlabel {width:280px}
.change-password input {padding: 7px;border: solid 1px #ddd;font: normal 13px/100% Verdana, Tahoma, sans-serif;background: #FFF;border-radius:3px;margin:2px;box-shadow:inset 0 0 4px 0 rgba(0,0,0,.1)}
.change-password .cancel {margin-right:4px}

/* Telerik overrides */
.RadListBox_Default .rlbGroup {border:none !important}
.RadListBox_Default .rlbGroup .rlbSelected  {background-color:#fff !important;padding:0}
.RadListBox_Default .rlbGroup .rlbActive  {border:none !important;padding:0}
.RadListBox .rlbGroup .rlbActive  {border:none !important;padding:0}
.RadListBox_Default .rlbGroup .rlbHovered  {background:none !important}

/* Enrollment Summary */
.enrollment-summary-border {border-top-right-radius:6px;border-bottom-left-radius:6px;border-bottom-right-radius:6px;}
.enrollment-summary-border .webs-grid {margin:0}
.enrollment-summary-border ol {padding:0;margin:0}

.enrollment-summary .summary-wrapper {padding:20px;position:relative}

.enrollment-summary .packages th.option {display:none}

.enrollment-summary .packages td.package {color:#666;font-family:lato-n4,lato, sans-serif;font-style:normal;font-weight:400; font-size:14px;}

.enrollment-summary .webs-grid th.flex, .enrollment-summary .webs-grid th.deductions {text-align:center;color:#555;font-size:11px}
.enrollment-summary .webs-grid .cost {width:70px;padding:0;text-align:right;padding-right:12px}
.enrollment-summary .webs-grid .space, .enrollment-summary .webs-grid .spacer {padding:0 0 0 5px;width:0}
.enrollment-summary .webs-grid .flexData {width:91px;text-align:right;padding-right:12px;font-size:15px}
.enrollment-summary .webs-grid .deductionsData {width:90px;text-align:right;padding-right:12px;font-size:15px}

.enrollment-summary .webs-grid .action {width:44px;text-align:center}
.enrollment-summary .webs-grid .norowseparation {padding-bottom:0;border-bottom:none}


.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)}
.summary-wrapper .webs-personal-group.profile, .summary-wrapper .webs-personal-group.address {width:546px;margin-right:4px}
.summary-wrapper .webs-personal-group.phone, .summary-wrapper .webs-personal-group.email {width: 338px}
	
/* 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; }

/* General Buttons */
a.ui-btn {position:relative;text-decoration:none;font-weight:bold;font-family:Tahoma, Arial, sans-serif;border:1px solid #bbb;border:1px solid rgba(0,0,0,.3);z-index:1;display:block;padding:10px 12px 10px 36px;border-radius:5px;color:#fff;box-shadow: inset 0 0 0 1px rgba(255,255,255,.3);text-shadow: 0 1px 1px rgba(0,0,0,.5);display:inline-block;
background: url("../Images/webs-btn-gradient.png") #82b7de center center;margin-top:10px;line-height:14px

}
.ui-btn .icon {position:absolute;width:40px;height:32px;left:0;top:0; background:url(../Images/webs-sprite.png)}

.ui-btn:hover {background-image: url("../Images/webs-btn-gradient-hover.png");}

.ui-btn.calc {height: 26px;width: 26px; padding:0; margin-right: 11px; margin-top: 11px}

.ui-btn.change .icon {background: url(../Images/webs-sprite.png) no-repeat 3px -716px transparent;height:25px;width:25px;margin:4px 0 0 4px}
.ui-btn.changeDisabled {background-color:#c6c6c6;opacity:.6;}
.ui-btn.changeDisabled .icon {background: url(../Images/webs-sprite.png) no-repeat 3px -716px transparent;height:25px;width:25px;margin:4px 0 0 4px}
.ui-btn.view .icon {background: url(../Images/webs-sprite.png) no-repeat 3px -716px transparent;height:25px;width:25px;margin:4px 0 0 4px}
.ui-btn.remove .icon {background: url(../Images/webs-sprite.png) no-repeat 2px -769px transparent;height:25px;width:25px;margin:4px 0 0 4px}
.ui-btn.calc .icon {background: url(../Images/webs-sprite.png) no-repeat 0px -1444px transparent;height:25px;width:25px;margin:0}

.ui-btn.add-dependents .icon {background: url(../Images/webs-sprite.png) no-repeat 0 -1060px transparent;height:25px;width:25px;margin:4px 0 0 4px}
.ui-btn.cancel, .btn.cancel, .webs-grid-section .btn.cancel  {background-color:#ddd;color:#911217;text-shadow:0 1px 0 rgba(255,255,255,.5)}
.webs-modal .webs-modal-footer a .icon {background:url(../Images/webs-sprite.png) transparent 6px -668px no-repeat;} 
.ui-btn.save .icon , .btn.save .icon {background:url(../Images/webs-sprite.png) transparent 3px -664px no-repeat;}
.ui-btn.add .icon , .btn.add .icon {background:url(../Images/webs-sprite.png) transparent 3px -1056px no-repeat;}
.ui-btn.delete .icon , .btn.delete .icon {background:url(../Images/webs-sprite.png) transparent 6px -765px no-repeat;}
.ui-btn.choose .icon , .btn.choose .icon {background:url(../Images/webs-sprite.png) transparent 6px -850px  no-repeat;}
.ui-btn.view .icon , .btn.view .icon {background:url(../Images/webs-sprite.png) transparent -2px -1363px no-repeat;}
.ui-btn.download .icon , .btn.download .icon {background:url(../Images/webs-sprite.png) transparent 3px -664px no-repeat;}
.ui-btn.people .icon , .btn.people .icon {background:url(../Images/webs-sprite.png) transparent 3px -850px no-repeat;}
.ui-btn.cancel .icon, .btn.cancel .icon {background:url(../Images/webs-sprite.png) transparent 3px -811px no-repeat;}
.ui-btn.button-download .icon {background-position:7px -618px}
.ui-btn.button-home .icon {background-position: 1px -1841px}


.webs-dependent-buttons .ui-btn .icon, .webs-beneficiary-buttons .ui-btn .icon {margin:0}
 
.RadToolTip_Office2010Blue .rtWrapper .rtWrapperContent {background-color:#ffffdb !important ;color:#333 !important} 
.RadToolTip_Office2010Blue .rtWrapper .rtWrapperContent .title {color:#193e7d}

/* French Specific Overrides */
.fr-CA .webs-flexBar .floatRight .btn-confirm, .fr-CA .webs-flexfooter .floatRight .btn-confirm {padding-right:28px;padding-left:8px}
.fr-CA .btn-confirm .icon {width:35px}
	
.fr-CA .webs-grid-section td.cost {white-space:nowrap;}

/* Progress Panel */
#upProgress
{
	background-color: transparent;
    min-height: 400px;
    position:absolute;
    width:99%;
    text-align:center;
    z-index: 130000;
    margin:0;
    cursor: progress;
}

#upProgress div#upProgressInnerBox {width: 32px; height: 32px;text-align:center; }
#upProgress img#imgLoadingImage {margin:0 auto;}

.otherlinks {float:right; margin-top:-45px; width:170px; text-align:left;padding:0 0 2px 0; color:#000000}
.homelink {float:right; margin-right:6px; margin-top:2px; text-align:left;padding:0 0 2px 0; color:#FFFFFF}

/** Upload Files */
.allowed-attachments {
        line-height: 24px;
        font-style: italic;
        display: inline-block;
        vertical-align: bottom;
}
.qsf-error h3 {
    color: #ef0000;
}
/** list */
.qsf-error .qsf-list {
    background-color: #f9e8e8;
    margin-bottom: 1em;
}
/* Error */
.qsf-list .ruError .ruErrorMessage {
            color: #ef0000;
            font-variant: small-caps;
            text-transform: lowercase;
            padding-bottom: 0;
}

.ln{
    display:inline-block;
}

.lnMargin20{
    display:inline-block;
    margin:0 20px;
}

.Neg10Margin{
    margin-top: -10px;
}

*::before, *::after{
    box-sizing:content-box;
}

.vMiddle{
    vertical-align:middle;
}