/*CLIENT CUSTOM CSS CODE HERE*/
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700,400italic);
@import url(https://fonts.googleapis.com/css?family=Lato);

/**********************************************
					Global
**********************************************/
body {background: #fff url(/benefitsconnection/media/images/body_bg.png) repeat-x; font: 13px/18px "lato",Arial,Helvetica,sans-serif !important;}
body, #terminator, #containerGlobal {background: none;}
a, .phoneNumber {color: #333435;font: 13px/18px "lato",Arial,Helvetica,sans-serif!important;}
h1, #heading-holder h1 {color: #333435; font-weight: normal;}
#main h2 {color: #333435; font-weight: 400; font-family: 'lato', sans serif;}
#main li {list-style-image: url(/flexiblebff/media/Default/bullet-02.jpg); font-family: 'lato', sans serif;}
#main .two-columns {min-height: 300px;}



/**********************************************
					Buttons
**********************************************/
a.button-inverse {background: transparent url(/flexiblebff/media/Default/button-a-inverse.png) no-repeat scroll top right;}
a.button-inverse span {background: transparent url(/flexiblebff/media/Default/button-inverse.png) no-repeat; color: #FFF;}
a.button-inverse:hover span {background: transparent url(/flexiblebff/media/Default/button-inverse.png) no-repeat 0 -22px;}
a.button-inverse:focus span {background: transparent url(/flexiblebff/media/Default/button-inverse.png) no-repeat 0 -22px;}
a.button {background: transparent url(/flexiblebff/media/Default/button-a.png) no-repeat scroll top right;}
a.button span {background: transparent url(/flexiblebff/media/Default/button.png) no-repeat; color: #333435;}
a.button:hover span, a.button:focus span {background: transparent url(/flexiblebff/media/Default/button.png) no-repeat 0 -22px; color: #fff;}
.profile-lifeEvent-Declare .button-inverse {display: none;}





/**********************************************
					Login
**********************************************/
.LoginHeader {border-bottom: 7px solid #333435;}
.LoginFooter {border-top: 7px solid #333435;}
#content .enroll-process-bar {background: url(/flexiblebff/media/Default/bg-enroll-process.png) no-repeat scroll 0 0 transparent;}


/**********************************************
					Header
**********************************************/
#logo {background: url(/ica/media/Media/Img/logo_ica_group.jpg) no-repeat; width: 665px; height: 80px; padding: 13px 5px 23px; background-size: 260px !important;}
#slogan {display: none;}
#user-info {position: absolute; right: 0px; top: 70px; width: auto !important;}
#user-info .welcome {width: auto; color: #333435;}



/**********************************************
					Menu
**********************************************/
#home {background: url(/flexiblebff/media/Default/home.png) no-repeat scroll 14px 50%; height: 45px; border-right: 1px solid #fff;}
.nav-area {background: #333435; clear: both; height: 42px; width: 960px;}
#nav li {outline: none;}
#nav li .drop .info p a {background: none repeat scroll 0 0 transparent; border: 0 none; color: #252525; display: block; float: none; font-size: 15px; font-weight: normal; height: auto; padding: 0; text-align: left; text-decoration: none; width: 200px;}
#nav li {background: none; border-right: 1px solid #FFF; float: left; height: 30px; margin-top: 1px; padding: 10px 10px 0; width: auto;}
#nav li a {text-transform: none; font-weight: 700; width: auto; outline: none; font-family: 'lato', sans serif; font-size: 17px !important;}
#nav li.hover {background-color: #fff;}
#nav li.hover a {text-decoration: none; color: #232323;}
#nav li.lastChild .drop {left: -190px;}
#search-form {display: none;}




/**********************************************
					SideBar
**********************************************/
#sidebar .box .ttl {background: #333435; border-bottom: 1px solid #5d5d5d; float: left; min-height: 30px; overflow: hidden; padding: 0 9px 5px; width: 177px;}
#sidebar .nav li span {background: url(/flexiblebff/media/Default/bullet-02.jpg) no-repeat 0 3px;}
#sidebar .box .frame {border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; color: #4b4a4a;}


/**********************************************
					Benefit Overview
**********************************************/
#tabs .chevronUp:focus, #tabs .chevronUp:hover {background: #333435 url(/static/themes/corporate/chevronup.gif) no-repeat scroll 3px 13px!important;}
#tabs .grpName:focus, #tabs .grpName:hover {background-color: #333435;}



/**********************************************
				SlideShow
**********************************************/
#Slideshow-wrapper {float: left; position: relative;}
#Slideshow-wrapper .scrollable {height: 249px; margin-top: 20px; overflow: hidden; position: relative; width: 957px;}
#Slideshow-wrapper .navi {margin-left:0px;height:20px;position: absolute; top: 255px; left: 0px;}
#Slideshow-wrapper .navi a {width: 12px;height: 12px;float: left;margin: 3px;background:url(/flexiblebff/media/Default/Navi.png) 0 0 no-repeat;display: block;font-size: 1px}
#Slideshow-wrapper .navi a.active {background-position: 0 -24px}
#Slideshow-wrapper .navi a:hover {background-position: 0 -12px}
#Slideshow-wrapper .items div div {margin-top: -186px; right: 235px; float: right; position: relative;}


/**********************************************
					Home
**********************************************/
#hp-Welcome {padding-top: 30px;}
#countdownText {margin-top: 5px; color: #fff; font-size: 22px; padding: 0px 15px 11px 15px; line-height: 26px;}
#countdownDays {font-size: 42px; display: inline-block; line-height: 100%;}
#countdownBlock {margin: 20px 0 30px 17px; float: left; font-size: 16p; width: 328px; height: 170px; color: #fff; background-color: #333435; padding-bottom: 8px;}
#countdownEnrollBtn {display: inline-block; height: 35px; width: 135px; color: #fff; font-size: 16px; padding: 7px 0px 0px 20px; margin-left: 35px;}
#countdownBlock a.enrollBtn {background: url(/flexiblebff/media/Default/button-enroll.png) no-repeat scroll 0 0 transparent; margin-top: 36px; margin-left: 36px;}
#countdownBlock a.enrollBtn span {font-size: 16px; padding: 36px 0 0 36px;}
#countdownBlock #noevent a.enrollBtn {margin-top: -50px;}


/**********************************************
				Life Events
**********************************************/
.life-event-table td.left {color: #b41601;}


/**********************************************
				Benefits Table
**********************************************/
.benefits-table .header td, .strongPassword-table .header td, .benefits-table .header th, .strongPassword-table .header th {background: url(/flexiblebff/media/Default/maintableHeaderBg.png); background-position: center 0;}
#BenefitsTable .footer td, #BenefitsTablePend .footer td, #BenefitsTablePend2 .footer td {background: url(/flexiblebff/media/Default/greenFooterBg.png) no-repeat;background-position: center -3px;}
#BenefitsTable .footer td.firstChild, #BenefitsTablePend .footer td.firstChild, #BenefitsTablePend2 .footer td.firstChild {background: url(/flexiblebff/media/Default/greenFooterBg.png) no-repeat; background-position: center -3px;}
.tab2.on {background: url(/flexiblebff/media/Default/Tab2_On.png) no-repeat;}
.benefits-table .header-sub {color: #7e0063;}



/**********************************************
				Enrollment
**********************************************/
#et-welcome-side #days {color: #f00; font-size: 24px; font-family: 'lato', sans serif;}
#et-welcome-img {background: url(/flexiblebff/media/Default/12%20feb%202015/icona1.jpg) no-repeat;}
#et-welcome-steps {background: url(/flexiblebff/media/Default/enrollmentStepsBG.png) no-repeat; width: 512px;}

a.enrollBtn {background: url(/flexiblebff/media/Default/button-enroll.png) no-repeat scroll 0 0 transparent;}
a.enrollBtn span {font-size: 20px; padding: 36px 0 0 32px;}
#enr-process-number-one.active, #enr-process-number-two.active, #enr-process-number-three.active {color: #333435;}
#tabs div .block-results-right .priceitem {color: #0038a5;}
#tabs div .tailitem {border-bottom: 1px solid #0038a5;}
#tabs div .block-results-right .price {color: #0038a5; font-size: 30px; display: none !important;}font-family: 'lato', sans serif;
#tabs div .table-row .tab-row-right td, .zeroinput {color: #0038a5;}
#tabs div .minamt, #tabs div .maxamt, .sliderlabel {color: #0038a5;}
.plan_label, #tabs div .block-results .plan_coverage, #sidebar .box .BenNameSubHead, #sidebar .box .text .insurPrice {color: #333435;}
#tabs div .block-results .plan_coverage {font-size: 26px;font-family: 'lato', sans serif;}
#tabs div .table-row .tab-row-left .selected, #tabs div .table-row .tab-row-left-long .selected {color: #333435;}
.insur-eoi-approved, .eoi-approved, .confirm-eoi-approved {color: #333435;}
.insur-eoi-pending, .insur-eoi-pending-price, .eoi-pending, .confirm-eoi-pending {color: #333435;}
.FundingBox {display: none;} /*Remove Funding Cover Box */
.FundingBox.ResultsBox {display: block;} /*Display Pending Cover Box */
#col3.NonCredit.YourChoiceDisplay {width: 315px;}


/**********************************************
				Footer
**********************************************/
#f-nav {border-top: 7px solid #333435;}
#f-nav li {width: 120px;}
#SalesTaxRow.NeedRefresh.footer {display: none;}
#GrandTotalRow.footer.NeedRefresh {display: none;}
#SalesTaxRowPend2.NeedRefresh.footer {display: none;}
#GrandTotalRowPend2.NeedRefresh.footer {display: none;}
#SalesTaxRowPend.NeedRefresh.footer {display: none;}
#GrandTotalRowPend.NeedRefresh.footer {display: none;}
.benefits-table.confirm-table tbody#FlexCreditTable {display: none;}



/**********************************************
				Reset password bullets point
**********************************************/
#et-welcome-steps ul {width: 435px; padding: 5px 0 0 15px;}


/**********************************************
				Formatting of Enrol page
**********************************************/
#et-welcome-img {
margin-top: 70px;
}
#et-welcome-content {
margin-top: 70px;
}
a.enrollBtn {
font-size: 25px;
}

/**********************************************
	Color of text and formatting of box on home page
**********************************************/
#countdownText {
color: #000000;
}
#countdownEnrollBtn {
margin-left: -90px;
margin-top: 22px;   
}

#countdownBlock a.enrollBtn:hover {
background-position: left bottom !important;  
}
/**********************************************
	Formatting of button on profile page
**********************************************/
a.button-inverse {
/*MARGIN-TOP: 60PX;*/
}


/* Adjust display of image on step2 */
#tabs div .tab-panel-left p {width: 294px; min-height: 150px;}
#tabs div .tab-panel-left {background: no-repeat scroll 300px 0 transparent;}



/* Remove and Format Funded Cover Section in Step 2 */
#ELTabPlanResult .block-results-right div {display: none;}
#tabs div .block-results-right .price {margin-top: 30px;}
#tabs .FundingBox {display: none;}
#tabs .ResultsBox {display: block;}
.block-results-right .price_label.PerPay {display: none !important;}
#tabs div .block-results-right .price_label {float: none;}

/* Enroll button font size */
a.enrollBtn span {
font-size: 17px;
padding: 30px 1 0 5px;
}

/* Password reset */
.cellSpacer {
padding-left: 9px;
} 


#profile-contactinfo,#profile-personalinfo, #profile-securityinfo, #profile-dependantinfo {background: url(/flexiblebff/media/Default/12%20feb%202015/tab3.jpg) no-repeat 395px 0;}
#profile-personalinfo {min-height: 128px;}
/* Profile security question button */
a.button-inverse {
  margin-right: 15px;

}


.FSACurrentStatement .block-results-left .plan_coverage {color: #333435 !important;}
.fsa-claimsummary-table .header-sub {color: #333435;}

.fsa-claimsummary-table .header td, .fsa-claimsummary-table .header th {background: url(/flexiblebff/media/Default/maintableHeaderBg.png); background-position: center 0;}
.fsaclaimsummarytab1.on {background: url(/flexiblebff/media/Default/Tab2_On.png) no-repeat;}

/* Modifiche */

#user-info .menu-area {
    width: 145px !important;
}

a {
    text-decoration: underline !important;
}

/* Minification failed (line 139, error number 1025): Expected comma or open brace, found ''lato'' */