/*
    SNOWCONE MASTER STYLE - Pages whom inherit from snow cone master page.
*/

/*****************************************************************/
/* Snow Cone Layout - BEGIN      								 */
/*****************************************************************/

#formWrapper {
    width: 75%;
    margin: auto auto 120px auto;
}

#formWrapperHome {
    width: 100%;
    margin: auto;
    text-align: center;
    position: fixed;
    top: 50%;
    /*this his half the height of the images on home*/
    margin-top: -80px;    
}

#formWrapper.center {
    text-align: center;
}

/*wraps is the main content section*/
#topSectionWrapper {
    margin: auto;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
    height: 25px;
    background: #fdfdfd;
    background: -moz-linear-gradient(top, #e3e3e3 0, #fdfdfd 100%);
    background: -webkit-gradient(linear, top, color-stop(0,rgba(227,227,227,1)), color-stop(100%,rgba(253,253,253,1)));
    background: -webkit-linear-gradient(left,  rgba(231,231,231,1) 0, rgba(235,234,234,1) 100%);
    background: -o-linear-gradient(top,  #e3e3e3 0, #fdfdfd 100%);
    background: -ms-linear-gradient(top,  #e3e3e3 0, #fdfdfd 100%);
    -pie-background:linear-gradient( -90deg,  #e3e3e3 0, #fdfdfd 100%); /*ie 8 & 9**/
    background: linear-gradient(180deg,  #e3e3e3 0, #fdfdfd 100%); /*W3C compliant**/
    behavior: url( /Scripts/PIE.htc );	
}

/* User welcome wrapper - (i.e. Welcome XXX | log out) */
#welcomeSection {
	float: none;
    position: absolute;
    margin-top: 5px;
	margin-right: 140px;
    right: 0;
    color: #6e6d6e;
    font-family: Avenir;
}	

/* User welcome wrapper - (i.e. Welcome XXX | log out) */
.welcomeSectionAddOns {
	
    margin-top: 5px;
	margin-right: 20px;
    float: right;
    cursor: hand;
    cursor: pointer;
}	
.emphasizeWelcomeSection {
    font-weight: 700;
    font-size: 110%;
}

.addPaddingRightWelcomeSection {
    padding-right: 10px;
}

#welcomeSectionAddOns .disabled {
    color: #6e6e6e;
    text-decoration: none;
    cursor: default;
}

/*is the main content section*/
#mainSectionWrapper {
	width: 100%;
    position: relative;
}

#bodyHeader {    
    position: relative;
    text-align:center;
    margin: 50px auto 5px auto;
    vertical-align: middle;
    min-height: 50px;  /* this + padding-top = height of the back button + space between header section and body section, so the body will not overlap the button on small screens.*/
    padding-top: 35px; /*this is half the height of the snow cone back button, so the text looks vert centered*/
}

#rightCommonSnowConeWrapper  {
    position: absolute;
    right: 0;
    top: 0;    
    margin-top: -25px;
}

#leftCommonSnowConeWrapper {
	position: absolute;
    left: 0;
    top: 0;
    margin-left: 15px;  
}

#bodyContent {    
    font-size: 12px;
    margin:5px auto 5px auto;
    padding-bottom: 1px;
    width: 100%;
}

#bottomSectionWrapper {
    margin:auto;
    width: 100%;
    bottom: 0;
    position: fixed;
    overflow: hidden;
    height:100px;
    z-index:2;
    background: #fdfdfd;
    background: -moz-linear-gradient(top, #fdfdfd 0, #C3C3C3 100%);
    background: -webkit-gradient(linear, top, color-stop(0,rgba(255,255,255,1)), color-stop(100%,rgba(195,195,195,1)));
    background: -webkit-linear-gradient(left,  rgba(231,231,231,1) 0, rgba(235,234,234,1) 100%);
    background: -o-linear-gradient(top,  #fdfdfd 0, #C3C3C3 100%);
    background: -ms-linear-gradient(top,  #fdfdfd 0, #C3C3C3 100%);
    -pie-background:transparent linear-gradient( -90deg,  #fdfdfd 0, #C3C3C3 100%); /*ie 8 & 9*/
    background: transparent linear-gradient(180deg,  #fdfdfd 0, #C3C3C3 100%); /*W3C compliant*/
    
    behavior: url( /Scripts/PIE.htc );	
}

#bottom_content_inner {
    position:fixed;
    bottom:0;
    left: 50%;
    z-index: 1;
    height: 119px;
    margin: 0;
    margin-left: -159.5px;
    background-repeat: no-repeat;
    width: 320px;
}

.bottom_content_position {
    position: fixed;
    bottom: 0;
    left: 50%;
    z-index: 1;
    height: 119px;
    margin: 0;
    margin-left: -159.5px;
    width: 320px;
}

#regularSnowConeButton {
    height: 174px;
}

#biggerSnowConeButton {
    height: 300px;
}

/*****************************************************************/
/* Snow Cone Layout - END       								 */
/*****************************************************************/
/*****************************************************************/
/*  Button Settings - BEGIN                                      */
/*****************************************************************/

.snowConeButtonWrapper {
    position: relative;
    margin: 0 18px;
}

.snowConeLabel
{
    position: absolute;
    left: 15px;
    top: 10px;
    font-weight: 700;
    font-family: Avenir;
    font-size: 14px;
    text-align: center;
    width: 120px;
}

/*--------------------------*/
/* Snow Cone Button - BEGIN	*/
/*--------------------------*/
.snowConeButton {
    background-color: transparent;
    color: transparent;
    background-repeat: no-repeat;
    display:inline-block;
    position: relative;    
}

/*--------------------------*/
/* Snow Cone Button	- END	*/
/*--------------------------*/

/*--------------------------*/
/* Small Snow Cone - BEGIN	*/
/*--------------------------*/
.small.snowConeButton {
    width: 65px;
    height: 77px;
}

/*--------------------------*/
/* Small Snow Cone 	- END	*/
/*--------------------------*/

/*--------------------------*/
/* Large Snow Cone - BEGIN	*/
/*--------------------------*/
.large.snowConeButton {
    width: 148px;
    height: 176px;
}
.snowConeButton.disabled {
    cursor: default;
}
/*--------------------------*/
/* Large Snow Cone 	- END	*/
/*--------------------------*/
/*--------------------------*/
/* XLarge Snow Cone - BEGIN	*/
/*--------------------------*/
.xLarge.snowConeButton {
    width: 190px;
    height: 226px;
}
/*--------------------------*/
/* XLarge Snow Cone 	- END	*/
/*--------------------------*/

/*------------------------------------------------------*/
/* SnowCones - BEGIN                                    */
/*------------------------------------------------------*/
/* Large Icons - BEGIN */
.large.totalFringe.snowConeButton.disabled{
    background-image: url("../Images/Icons/SnowCones/Large_Gray_TotalFringe.png");
}

.large.retirement.snowConeButton.disabled{
    background-image: url("../Images/Icons/SnowCones/Large_Gray_Retirement.png");
}

.large.medical.snowConeButton.disabled {
    background-image: url("../Images/Icons/SnowCones/Large_Gray_HealthPlans.png");
}

.large.HRA.snowConeButton.disabled {
    background-image: url("../Images/Icons/SnowCones/Large_Gray_HRA.png");
}

.large.parking.snowConeButton.disabled {
    background-image: url("../Images/Icons/SnowCones/Large_Gray_Parking.png");
}

.large.publicTransportation.snowConeButton.disabled {
    background-image: url("../Images/Icons/SnowCones/Large_Gray_PublicTransportation.png");
}

.large.ACAPreventive.snowConeButton.disabled {
    background-image: url("../Images/Icons/SnowCones/Large_Gray_ACAPreventive.png");
}

.large.planChanges.snowConeButton.disabled{
    background-image: url("../Images/Icons/SnowCones/Large_Gray_PlanChanges.png");
}

.large.loans.snowConeButton.disabled{
    background-image: url("../Images/Icons/SnowCones/Large_Gray_Loans.png");
}

.large.distribution.snowConeButton.disabled{
    background-image: url("../Images/Icons/SnowCones/Large_Gray_Distribution.png");
}

/* Large Icons - END     */

/* XLarge Icons - Begin  */

.xLarge.totalFringe.snowConeButton.disabled {
    background-image: url("../Images/Icons/SnowCones/XLarge_Gray_TotalFringe.png");
}

.xLarge.retirement.snowConeButton.disabled {
    background-image: url("../Images/Icons/SnowCones/XLarge_Gray_Retirement.png");
}

.xLarge.medical.snowConeButton.disabled {
    background-image: url("../Images/Icons/SnowCones/XLarge_Gray_HealthPlans.png");
}

.xLarge.HRA.snowConeButton.disabled {
    background-image: url("../Images/Icons/SnowCones/XLarge_Gray_HRA.png");
}

.xLarge.parking.snowConeButton.disabled {
    background-image: url("../Images/Icons/SnowCones/XLarge_Gray_Parking.png");
}

.xLarge.publicTransportation.snowConeButton.disabled {
    background-image: url("../Images/Icons/SnowCones/XLarge_Gray_PublicTransportation.png");
}

.xLarge.ACAPreventive.snowConeButton.disabled {
    background-image: url("../Images/Icons/SnowCones/XLarge_Gray_ACAPreventive.png");
}

.xLarge.planChanges.snowConeButton.disabled {
    background-image: url("../Images/Icons/SnowCones/XLarge_Gray_PlanChanges.png");
}

.xLarge.loans.snowConeButton.disabled {
    background-image: url("../Images/Icons/SnowCones/XLarge_Gray_Loans.png");
}

.xLarge.distributions.snowConeButton.disabled {
   background-image: url("../Images/Icons/SnowCones/XLarge_Gray_Distribution.png");
}
.large.distributionhistory.snowConeButton.disabled {
    background-image: url("../Images/Icons/SnowCones/Large_Gray_Distribution_History.png");
}

/*------------------------------------------------------*/
/*  SnowCones - END                                     */
/*------------------------------------------------------*/

/*****************************************************************/
/* Button Settings - END       	    							 */
/*****************************************************************/
/*****************************************************************/
/* Badge Settings - BEGIN     	    							 */
/*****************************************************************/
.badge {
    padding-left: 9px;
    padding-right: 9px;
    background-color: #E31B23;
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
    line-height: 24px;
    padding: 2px 4px;
    vertical-align: baseline;
    white-space: nowrap;
    float: right;
    behavior: url( /Scripts/PIE.htc );
    -ms-border-radius: 8px 8px 0 0;
    border-radius: 20px;
    -ms-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    position: relative;
    left: -30px;
    top: -170px;
}

.badge.twodigits {
    font-size: 20px;
    width: 24px;
}

.badge.threedigits {
    font-size: 15px;
    width: 30px;
}

.badge.fourdigits {
    font-size: 12px;
    width: 32px;
}

.badge.fivedigits {
    font-size: 12px;
    width: 40px;
}

/*****************************************************************/
/* Badge Settings - END      	    							 */
/*****************************************************************/


/*****************************************************************/
/* accordion Settings - BEGIN           	    			     */
/*****************************************************************/
.accordion {
    width: 31px;
    height: 32px;
    display: inline-block;
    background-repeat: no-repeat;
    float: left;
    margin: 0;
    padding: 5px;
}

a.accordion {
    display: block;
}
.accordion.shadowAllSides {
    box-shadow: none;
}

.ViewBenefits .accordion,
.UseBenefits .accordion,
.Claims .accordion,
.Accumulators .accordion,
.WhoHasBenefits .accordion {
    width: 36px;
    height: 30px;
    margin-top: 5px;
    padding: 0;
}

/****Medical Accordion - BEGIN ****/

.medical.accordion,
.dependentLimitedMedical.accordion {
    background-image: url("../Images/Icons/BenefitIcons/BenefitSmallActiveHealth.png");
}

.medical.accordion.disabled,
.dependentLimitedMedical.accordion.disabled {
    background-image: url("../Images/Icons/BenefitIcons/BenefitSmallInActiveHealth.png");
}

.ViewBenefits .medical.accordion,
.UseBenefits .medical.accordion,
.Claims .medical.accordion,
.Accumulators .medical.accordion,
.WhoHasBenefits .medical.accordion,
.ViewBenefits .dependentLimitedMedical.accordion,
.UseBenefits .dependentLimitedMedical.accordion,
.Claims .dependentLimitedMedical.accordion,
.Accumulators .dependentLimitedMedical.accordion,
.WhoHasBenefits .dependentLimitedMedical.accordion {
    background-image: url("../Images/Icons/BenefitIcons/Health-active.png");
}

/****Medical Accordion - END ****/

/****Dental Accordion - BEGIN ****/
.dental.accordion {
    background-image: url("../Images/Icons/BenefitIcons/BenefitSmallActiveDental.png");
}

.ViewBenefits .dental.accordion,
.UseBenefits .dental.accordion,
.Claims .dental.accordion,
.Accumulators .dental.accordion,
.WhoHasBenefits  .dental.accordion{
    background-image: url("../Images/Icons/BenefitIcons/active-dental.png");
}
/****Dental Accordion - END ****/

/****Dental/Vision Accordion - BEGIN ****/
.dentalVision.accordion {
    background-image: url("../Images/Icons/BenefitIcons/BenefitSmallActiveDentalVision.png");
}

.ViewBenefits .dentalVision.accordion,
.UseBenefits .dentalVision.accordion,
.Claims .dentalVision.accordion,
.Accumulators .dentalVision.accordion,
.WhoHasBenefits .dentalVision.accordion{
    background-image: url("../Images/Icons/BenefitIcons/Dental-Visual-active.png");
}
/****Dental/Vision Accordion - END ****/

/****Benefit Telemedicine Accordion - BEGIN ****/
.telemedicine.accordion {
    background-image: url("../Images/Icons/BenefitIcons/BenefitSmallActiveTelemedicine.png");
}

.ViewBenefits .telemedicine.accordion,
.UseBenefits .telemedicine.accordion,
.Claims .telemedicine.accordion,
.Accumulators .telemedicine.accordion,
.WhoHasBenefits .telemedicine.accordion {
    background-image: url("../Images/Icons/BenefitIcons/active-telemedicine.png");
}
/****Benefit Telemedicine Accordion - END ****/

/****Benefit Holiday Accordion - BEGIN ****/
.holiday.accordion {
    background-image: url("../Images/Icons/BenefitIcons/BenefitSmallActiveHoliday.png");
}

.ViewBenefits .holiday.accordion,
.UseBenefits .holiday.accordion,
.Claims .holiday.accordion,
.Accumulators .holiday.accordion,
.WhoHasBenefits .holiday.accordion {
    background-image: url("../Images/Icons/BenefitIcons/active-holiday.png");
}
/****Benefit Holiday Accordion - END ****/

/****Benefit PTO Accordion - BEGIN ****/
.pto.accordion {
    background-image: url("../Images/Icons/BenefitIcons/BenefitSmallActivePTO.png");
                   }

.ViewBenefits .pto.accordion,
.UseBenefits .pto.accordion,
.Claims .pto.accordion,
.Accumulators .pto.accordion,
.WhoHasBenefits .pto.accordion {
    background-image: url("../Images/Icons/BenefitIcons/active-PTO.png");
}
/****Benefit PTO Accordion - END ****/


/****ACAPreventive Accordion - BEGIN ****/
.aCAPreventive.accordion {
    background-image: url("../Images/Icons/BenefitIcons/BenefitSmallActiveACAPreventive.png");
}

.ViewBenefits .aCAPreventive.accordion,
.UseBenefits .aCAPreventive.accordion,
.Claims .aCAPreventive.accordion,
.Accumulators .aCAPreventive.accordion,
.WhoHasBenefits  .aCAPreventive.accordion{
    background-image: url("../Images/Icons/BenefitIcons/active-acapreventive.png");
}
/****ACAPreventive Accordion - END ****/

/****Dental/Vision Accordion - BEGIN ****/
.dentalVision.accordion {
    background-image: url("../Images/Icons/BenefitIcons/BenefitSmallActiveDentalVision.png");
}

.ViewBenefits .dentalVision.accordion,
.UseBenefits .dentalVision.accordion,
.Claims .dentalVision.accordion,
.Accumulators .dentalVision.accordion,
.WhoHasBenefits .dentalVision.accordion{
    background-image: url("../Images/Icons/BenefitIcons/Dental-Visual-active.png");
}
/****Dental/Vision Accordion - END ****/


/****Life Accordion - BEGIN ****/
.life.accordion,
.dependentLife.accordion,
.supplementalLife.accordion,
.termLife.accordion {
    background-image: url("../Images/Icons/BenefitIcons/BenefitSmallActiveLife.png");
}


.ViewBenefits .life.accordion,
.UseBenefits .life.accordion,
.Claims .life.accordion,
.WhoHasBenefits .life.accordion,
.ViewBenefits .dependentLife.accordion,
.UseBenefits .dependentLife.accordion,
.Claims .dependentLife.accordion,
.WhoHasBenefits .dependentLife.accordion,
.ViewBenefits .supplementalLife.accordion,
.UseBenefits .supplementalLife.accordion,
.Claims .supplementalLife.accordion,
.WhoHasBenefits .supplementalLife.accordion,
.ViewBenefits .termLife.accordion,
.UseBenefits .termLife.accordion,
.Claims .termLife.accordion,
.WhoHasBenefits .termLife.accordion{
    background-image: url("../Images/Icons/BenefitIcons/Life-active.png");
}
/****Life Accordion - END ****/

/****Critical Illness Accordion - BEGIN ****/
.criticalIllness.accordion {
    background-image: url("../Images/Icons/BenefitIcons/BenefitSmallActiveCriticalIllness.png");
}

.ViewBenefits .criticalIllness.accordion,
.UseBenefits .criticalIllness.accordion,
.Claims .criticalIllness.accordion,
.WhoHasBenefits .criticalIllness.accordion {
    background-image: url("../Images/Icons/BenefitIcons/Critical-illness-active.png");
}
/****Critical Illness Accordion - END ****/

/****ACA Preventive Accordion - BEGIN ****/
.ACAPreventive.accordion {
    background-image: url("../Images/Icons/BenefitIcons/BenefitSmallActiveACAPreventive.png");
}

.ViewBenefits .ACAPreventive.accordion,
.UseBenefits .ACAPreventive.accordion,
.Claims .ACAPreventive.accordion,
.Accumulators .ACAPreventive.accordion,
.WhoHasBenefits .ACAPreventive.accordion {
    background-image: url("../Images/Icons/BenefitIcons/active-acapreventive.png");
}
/****ACA Preventive Accordion - END ****/

/****Retirement Accordion - BEGIN ****/
.retirement.accordion {
    background-image: url("../Images/Icons/BenefitIcons/BenefitSmallActiveRetirement.png");
}

.ViewBenefits .retirement.accordion,
.UseBenefits .retirement.accordion,
.Claimes .retirement.accordion,
.WhoHasBenefits .retirement.accordion {
    background-image: url("../Images/Icons/BenefitIcons/active-retirement.png");
}
/****Retirement Accordion - END ****/

/****Drug Card Accordion - BEGIN ****/
.drugCard.accordion,
.choiceCard.accordion {
    background-image: url("../Images/Icons/BenefitIcons/BenefitSmallActiveDrugCard.png");
}

.ViewBenefits .drugCard.accordion,
.UseBenefits .drugCard.accordion,
.Claims .drugCard.accordion,
.WhoHasBenefits .drugCard.accordion,
.ViewBenefits .choiceCard.accordion,
.UseBenefits .choiceCard.accordion,
.Claims .choiceCard.accordion,
.WhoHasBenefits .choiceCard.accordion {
    background-image: url("../Images/Icons/BenefitIcons/active-drugcard.png");
}
/****Drug Card Accordion - END ****/

/****Vision Accordion - BEGIN ****/
.vision.accordion {
    background-image: url("../Images/Icons/BenefitIcons/BenefitSmallActiveVision.png");
}

.ViewBenefits .vision.accordion,
.UseBenefits .vision.accordion,
.Claims .vision.accordion,
.Accumulators .vision.accordion,
.WhoHasBenefits .vision.accordion{
    background-image: url("../Images/Icons/BenefitIcons/active-vision.png");
}
/****Vision Accordion - END ****/

/****Admin/Deferral/Reserve Accordion - BEGIN ****/
.admin.accordion,
.deferral.accordion,
.reserve.accordion{
    background-image: url("../Images/Icons/BenefitIcons/BenefitSmallActiveAdmin.png");
}

.ViewBenefits .admin.accordion,
.UseBenefits .admin.accordion,
.Claims .admin.accordion,
.WhoHasBenefits .admin.accordion,
.ViewBenefits .deferral.accordion,
.UseBenefits .deferral.accordion,
.Claims,.deferral.accordion,
.WhoHasBenefits .deferral.accordion,
.ViewBenefits .reserve.accordion,
.UseBenefits .reserve.accordion,
.Claims .reserve.accordion,
.WhoHasBenefits .reserve.accordion {
    background-image: url("../Images/Icons/BenefitIcons/admin-active.png");
}
/****Admin/Deferral/Reserve Accordion - END ****/

/****Disability Accordion - BEGIN ****/
.dIWorksite.accordion,
.disability.accordion,
.longTermDisability.accordion {
    background-image: url("../Images/Icons/BenefitIcons/BenefitSmallActiveDisability.png");
}

.ViewBenefits .dIWorksite.accordion,
.UseBenefits .dIWorksite.accordion,
.Claims .dIWorksite.accordion,
.WhoHasBenefits .dIWorksite.accordion,
.ViewBenefits .disability.accordion,
.UseBenefits .disability.accordion,
.Claims .disability.accordion,
.WhoHasBenefits .disability.accordion,
.ViewBenefits .longTermDisability.accordion,
.UseBenefits .longTermDisability.accordion,
.Claims .longTermDisability.accordion,
.WhoHasBenefits .longTermDisability.accordion  {
    background-image: url("../Images/Icons/BenefitIcons/Disability-active.png");
}
/****Disability Accordion - END ****/

/****HRA Accordion - BEGIN ****/
.hRA.accordion {
    background-image: url("../Images/Icons/BenefitIcons/BenefitSmallActiveHRA.png");
}

.ViewBenefits .hRA.accordion,
.UseBenefits .hRA.accordion,
.Claims .hRA.accordion,
.WhoHasBenefits .hRA.accordion {
    background-image: url("../Images/Icons/BenefitIcons/active-hra.png");
}
/****HRA Accordion - END ****/

/****Parking Accordion - BEGIN ****/
.parking.accordion  {
    background-image: url("../Images/Icons/BenefitIcons/BenefitSmallActiveParking.png");
}

.ViewBenefits .parking.accordion,
.UseBenefits .parking.accordion,
.Claims .parking.accordion,
.WhoHasBenefits .parking.accordion {
    background-image: url("../Images/Icons/BenefitIcons/active-parking.png");
}
/****Parking Accordion - END ****/

/****Public Transpo Accordion - BEGIN ****/
.publicTransportation.accordion {
    background-image: url("../Images/Icons/BenefitIcons/BenefitSmallActivePublicTransportation.png");
}

.ViewBenefits .publicTransportation.accordion,
.UseBenefits .publicTransportation.accordion,
.Claims .publicTransportation.accordion,
.WhoHasBenefits .publicTransportation.accordion {
    background-image: url("../Images/Icons/BenefitIcons/active-publictranspo.png");
}
/****Public Transpo Accordion - END ****/

/****Legal Accordion - BEGIN ****/
.legal.accordion {
    background-image: url("../Images/Icons/BenefitIcons/BenefitSmallActiveLegal.png");
}

.ViewBenefits .legal.accordion,
.UseBenefits .legal.accordion,
.Claims .legal.accordion,
.WhoHasBenefits .legal.accordion {
    background-image: url("../Images/Icons/BenefitIcons/active-legal.png");
}
/****Legal Accordion - END ****/

/****Accident Accordion - BEGIN ****/
.accident.accordion {
    background-image: url("../Images/Icons/BenefitIcons/BenefitSmallActiveAccident.png");
}

.ViewBenefits .accident.accordion,
.UseBenefits .accident.accordion,
.Claims .accident.accordion,
.WhoHasBenefits .accident.accordion {
    background-image: url("../Images/Icons/BenefitIcons/active-accident.png");
}
/****Accident Accordion - END ****/

/****Discount Accordion - BEGIN ****/
.discount.accordion {
    background-image: url("../Images/Icons/BenefitIcons/BenefitSmallActiveDiscount.png");
}

.ViewBenefits .discount.accordion,
.UseBenefits .discount.accordion,
.Claims .discount.accordion,
.WhoHasBenefits .discount.accordion {
    background-image: url("../Images/Icons/BenefitIcons/active-discount.png");
}
/****Discount Accordion - END ****/

/****Identity Accordion - BEGIN ****/
.identity.accordion {
    background-image: url("../Images/Icons/BenefitIcons/BenefitSmallActiveIdentity.png");
}

.ViewBenefits .identity.accordion,
.UseBenefits .identity.accordion,
.Claims .identity.accordion,
.WhoHasBenefits .identity.accordion {
    background-image: url("../Images/Icons/BenefitIcons/active-identity.png");
}
/****Identity Accordion - END ****/

/****Wellness Accordion - BEGIN ****/
.wellness.accordion {
    background-image: url("../Images/Icons/BenefitIcons/BenefitSmallActiveWellness.png");
}

.ViewBenefits .wellness.accordion,
.UseBenefits .wellness.accordion,
.Claims .wellness.accordion,
.WhoHasBenefits .wellness.accordion {
    background-image: url("../Images/Icons/BenefitIcons/active-wellness.png");
}
/****Wellness Accordion - END ****/

/****ICHRA Accordion - BEGIN ****/
.ichra.accordion {
    background-image: url("../Images/Icons/BenefitIcons/BenefitSmallActiveICHRA.png");
}

.ViewBenefits .ichra.accordion,
.UseBenefits .ichra.accordion,
.Claims .ichra.accordion,
.WhoHasBenefits .ichra.accordion {
    background-image: url("../Images/Icons/BenefitIcons/active-ichra.png");
}
/****ICHRA Accordion - END ****/

/****ICDeduction Accordion - BEGIN ****/
.icdeduction.accordion {
    background-image: url("../Images/Icons/BenefitIcons/BenefitSmallActiveICDeduction.png");
}

.ViewBenefits .icdeduction.accordion,
.UseBenefits .icdeduction.accordion,
.Claims .icdeduction.accordion,
.WhoHasBenefits .icdeduction.accordion {
    background-image: url("../Images/Icons/BenefitIcons/active-icdeduction.png");
}
/****ICDeduction Accordion - END ****/

/****Flex/PPO/Supplemental Accordion - BEGIN ****/
.flex.accordion,
.pPO.accordion,
.supplementalPackage.accordion
  {
    background-image: url("../Images/Icons/BenefitIcons/BenefitSmallActiveMiscellaneous.png");
}

.ViewBenefits .flex.accordion,
.UseBenefits .flex.accordion,
.Claims .flex.accordion,
.WhoHasBenefits .flex.accordion,
.ViewBenefits .pPO.accordion,
.UseBenefits .pPO.accordion,
.Claims .pPO.accordion,
.WhoHasBenefits .pPO.accordion,
.ViewBenefits .supplementalPackage.accordion,
.UseBenefits .supplementalPackage.accordion,
.Claims .supplementalPackage.accordion,
.WhoHasBenefits .supplementalPackage.accordion
   {
    background-image: url("../Images/Icons/BenefitIcons/Health-active.png");
}
/****Flex/PPO/Supplemental Accordion - BEGIN ****/


.underlineOnHover:hover {
    text-decoration: underline;
}

.table.accordion {
    width: 100%;
    font-size: 12pt;
    height: 100%; /*here specifically for Moz and Webkit*/
}

.accordionTableRow td ,
.accordionTableRowAlt td {
    padding: 5px 5px;
    border-bottom: 1px solid gray;
    min-width: 300px;
}

.accordionTableRow td + td,
.accordionTableRowAlt td + td
{
    border-left: 1px solid gray;
    min-width: 0;
}

.whoHasBenefitsListItem {
    margin-bottom: 5px;    
}

.whoHasBenefitsListItem li label {
    padding-left: 10px;
}
.whoHasBenefitsListItem li{
    display: inline-block;
    list-style-type: none;
    padding: 0 10px;  
}
.whoHasBenefitsListItem input {
    border: solid 1px #6e6e6e;
    color: #7e7e7e;
    text-align: center;
    font-size: 12pt;
    font-weight: normal;
}

.whoHasBenefitsListItem input:focus {
    border: solid 1px #ccc;
    color: #2e2e2e;
}
.whoHasBenefitsListItem #firstName input,
.whoHasBenefitsListItem #beneficiaryFirstName input {
 width: 150px;   
}
.whoHasBenefitsListItem #lastName input,
.whoHasBenefitsListItem #beneficiaryLastName input {
    width: 200px;  
}

.whoHasBenefitsListItem #dateOfBirth input,
.whoHasBenefitsListItem #effectiveDate input,
.whoHasBenefitsListItem #ssn input
{
    width: 100px;
}

.employeeDependents #dateOfBirth input,
.employeeDependents #effectiveDate input{
    width: 75px;
}

.employeeDependents #ssn input {
    width: 80px;
}

.whoHasBenefitsListItem #beneficiaryPercentage input {
    width: 80px;
}

.whoHasBenefitsListItem #beneficiaryRelationship input {
    width: 210px;
}

.whoHasBenefitsListItem #middleInitial input,
.whoHasBenefitsListItem #beneficiaryMiddleInitial input {
    width: 25px;
}

/*****************************************************************/
/* accordion Settings - END       	    						 */
/*****************************************************************/


/*****************************************************************/
/* miscellaneous Snow Cones Settings - BEGIN       	    		 */
/*****************************************************************/


/****PlanHistory Accordion - BEGIN ****/
.planHistory.accordion {
    background-image: url("../Images/Icons/Miscellaneous/SmallActiveHistory.png");
}

/*****************************************************************/
/* miscellaneous Snow Cones Settings - END       	    		 */
/*****************************************************************/



/*****************************************************************/
/* Generial Panel Settings - BEGIN                               */
/*****************************************************************/

.panel {
	background-repeat: repeat-x;
	/*border: 1px solid #b8b8b8*/
	border-radius: 8px;
}

		
/* Panel title bar class - default values 
    10/2/12: currently being used 
*/
.panelTitleBar {
    color: #fff;
    width: 100%;
    font-family: Lato;
    font-size: 13pt;
    text-transform: capitalize;
    overflow: hidden;
    behavior: url( /Scripts/PIE.htc );
    position: relative;
    border-radius: 8px 8px 0 0;
    cursor: default;
}	
.panelTitleBar.cursor{
	cursor: hand;
    cursor: pointer;
}		
 
 .panelTitleBar.roundCornersAllSides {
    border-radius: 8px !important;
}

.panelTitleBar span
{
    position: absolute;
	top: 30%;
    text-shadow: 1px 1px 2px black;
}

/* Panel inner wrapper */
.ui-accordion .ui-accordion-header {
    color: #fff;
    line-height: 40px;
    display: block;
    font-size: 12pt;
    text-indent: 10px;
    font-family: Lato;
    font-weight: 700;
    text-shadow: 1px 1px 2px black;
    border-radius: 8px;
    background: #2d5899; /* Old browsers */
    -pie-background: linear-gradient(-90deg,  #2d5899 1%, #3467b2 100%);  /* ie 8 */
    background: -moz-linear-gradient(top,  #2d5899 1%, #3467b2 100%); /* FF3.6+ */
    background: -webkit-linear-gradient(top,  #2d5899 14%, #3467b2 57%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #2d5899 1%, #3467b2 100%); /* Opera 11.10+ */	     
    background: -ms-linear-gradient(top,  #2d5899 1%, #3467b2 100%); /* IE10+ */
    background: linear-gradient(180deg,  #2d5899 14%, #3467b2 57%); /* W3C */
    
    behavior: url( /Scripts/PIE.htc );
    position: relative;
    overflow: hidden;
    border: none;
}

.ui-accordion :focus {
    outline: none;
}

.ui-accordion .ui-icon {
    display: none;
}

.ui-accordion .ui-state-active {
    border-radius: 8px 8px 0 0;
}

.ui-accordion .ui-state-hover {
    background: rgb(10, 90, 190);
}

.panelTitleBarInner.open {
    background-color: rgb(46, 80, 122);
}

.panelTitleBarInner:hover{
    background-color: rgb(10, 90, 190);
}

.panelTitleBarInner {
    display: inline-block;
    height: 40px;
    padding: 0 15px;
    float: left;
    width: 100%;
    position: inherit;
    overflow: inherit;
}

.overridePanelHeight .panelTitleBarInner {
    height: 30px;
}

		
/* Panel body class - default values */
.panelBody {
    clear: left;
    margin: 0 auto;
    padding: 13px;
    border-radius: 0 0 8px 8px;
    background: #efefef; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc2JSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #efefef 0, #efefef 76%, #e5e5e5 90%, #e2e2e2 100%) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#efefef), color-stop(76%,#efefef), color-stop(90%,#e5e5e5), color-stop(100%,#e2e2e2)) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #efefef 0,#efefef 76%,#e5e5e5 90%,#e2e2e2 100%) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #efefef 0,#efefef 76%,#e5e5e5 90%,#e2e2e2 100%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #efefef 0,#efefef 76%,#e5e5e5 90%,#e2e2e2 100%) !important; /* IE10+ */
    background: linear-gradient(-90deg, #efefef 0,#efefef 76%,#e5e5e5 90%,#e2e2e2 75%) !important; /* W3C */
    -pie-background: linear-gradient( -90deg, #efefef 1%, #e4e4e4 76%, #e5e5e5 90%, #cfcfcf 100%); /* W3C */
    behavior: url( /Scripts/PIE.htc );
    position: relative;
    overflow: hidden;
}

.panelBody.hideBackground {
    background: none;
}

.simulateGroupBox {
    float: left;
}

.formRow {
    width: 100%;
    float: left;
}

.formRow .lbl_only {
	float: left;
	padding-left: 13px !important;
}

.formRow .lbl_only + .lbl_only {
    float: right;
}	

/* Strip padding on first child only so it doesn't get indented */
.formRow .lbl_only:first-child {
	padding-left: 0 !important;
}
	
.lbl_only {
    float: left;
    white-space: nowrap;
    overflow: hidden;
    cursor: default;
}

.lessElement {
    margin-left: 10px;
}

.moreElement {
    margin-right: 5px;
}

.pointer .disabled {
    cursor: default;
}

/*****************************************************************/
/* Generial Panel Settings - END                                 */
/*****************************************************************/

/*****************************************************************/
/* Enrollmen Summary Settings - BEGIN                            */
/*****************************************************************/

.benefitsDefinationList {
    width: 100%;
    font-size: 14pt; 
}

.groupPlanDetailHighlight + a {
    text-decoration: underline;
}

.groupPlanDetailHighlight {
    font-weight: 700;
}

.benefitsDefinationList a{ text-decoration: underline;}
.benefitsDefinationList a:hover{ text-decoration: none;}

.benefitsDefinationList proofofcoverage,
.benefitsDefinationList brochure {
    cursor: pointer;
    text-decoration: underline;
}

.benefitsDefinationList proofofcoverage:hover,
.benefitsDefinationList brochure:hover {
    text-decoration: none;    
}

.benefitsDefinationList div {
    clear: left;
    padding: 0;
    margin: 20px 0;    
}

.benefitsDefinationList dt {
    font-weight: bold;
    display: inline-block;
}

.benefitsDefinationList dd {
    display: inline;
    margin: 0;
    padding: 0;
}

.viewMyBenefitsPlanDetails {
    width: 48%; 
    float:left;
    padding-bottom: 2px;
}
/*****************************************************************/
/* Enrollment Summary Settings - END                              */
/*****************************************************************/

/*****************************************************************/
/* Employee Account Settings - BEGIN                             */
/*****************************************************************/

/*Personal Section Begin */
#firstname span, 
#lastname span,
#SSN span,
#phonenum span,
#email span,
#address span, 
#city span, 
#state span,
#zip span  {
    margin-left: 3px;
}
	
#firstname input, 
#lastname input {
    width: 13em !important;		
}

.formRow #middlename input, 
input[type="text"].middleInitial{
	width: 1em !important;
}

#middlename span,
#DOB span{
	margin-left: 2px;
}
				
#SSN input{
	width: 6em !important;
}

.formRow #DOB input{
	width: 8em !important;
}

.formRow #gender {
	float: left;
}
	
.formRow #gender span{
	padding: 5px;
}
		
.genderTable tbody tr td input {
    width: 15px;
}

.genderTable tbody tr td {
	width: 20px;
	padding-left: 20px;
}
		
.genderTable tbody tr td:first-child {
	width: 20px;
	padding-left: 7px;
}

/* Telephone numbers */
.formRow #phonenum input {
    width: 12em !important;
}
			
/* Street & City */
#address {
    margin-top: 0;
} 
	
.formRow #address input,
.formRow #city input {
    width: 210px !important;
}
	
.formRow #state input {
    width: 3em !important;
}
		
.formRow #zip input {
    width: 4em !important;
}
		
/* Email */	
.formRow #ctl00_bodyContentPlaceHolder_personalWidget_bodyContainer_personalInforamtionControl_email input,
.formRow #email input {
    width: 250px !important;
}
/*Personal Section end */

/*Notifications Section begin */
span.disabled , span.disabled input{
    cursor: default;
}
span.disabled label{
    color: #9c9c9c;
    cursor: default;
}
/*Notification Section end */
/*****************************************************************/
/* Employee Account Settings - END                               */
/*****************************************************************/

/*****************************************************************/
/* Billing Settings - BEGIN                                      */
/*****************************************************************/

a.panelTitleBar.span {
    color: white;
    position: absolute;
    background: transparent;
    top: 20%;
    font-weight: 700;
    text-shadow: 1px 1px 2px black;
    padding-left: 20px;
}

.expandCollapseImageMarker {
    display: inline-block;
    padding-top: 3px;
    padding-right: 5px;
    font-size: 30px;
    float: left;
}

.expandCollapseImageMarker.expand {
    position: relative;
}
.expandCollapseImageMarker.expand:before {
    font-family: FontAwesome;
    content: "\f105";
    text-shadow: 1px 1px 2px black;
}

.expandCollapseImageMarker.collapse {
    position: relative;
}

.expandCollapseImageMarker.collapse:before {
    font-family: FontAwesome;
    content: "\f107";
    text-shadow: 1px 1px 2px black;
}

.overridePanelHeight .expandCollapseImageMarker
{
    height: 20px;
}

.overrideTextPositionOnHeader .panelTitleBar span {
    top: 27%;
}

.overridePanelHeight.overrideTextPositionOnHeader .panelTitleBar span{
       top: 20%;
}

.panelTitleBar span.billingSummaryHeader {
    top: 20%;
}

.billingSummaryHeader {
    font-size: 18pt;
}

#totalfringeMonthlySummaryDetails {
    width: 90%;
    margin: 5px auto;
}
/**/
#totalfringeMonthlySummaryDetails .shadowAllSides {
    -webkit-box-shadow: #979797 0 0 16px;
	-moz-box-shadow: #979797 0 0 16px;
	box-shadow: #979797 0 0 16px;
	behavior: url( /Scripts/PIE.htc );
}
    
.monthlyBillingSummaryHeaderList,
.monthlyBillingSummaryDataList {
    width: 100%;
    vertical-align: middle;   
    white-space: nowrap;
    overflow: hidden;
}

.monthlyBillingSummaryHeaderList li,
.monthlyBillingSummaryDataList li {
    list-style-type: none;
    display: inline-block;
    
/*  position: relative;
    height: 30px;
    width: 130px;
*/
}

/*----------------------------------------*/ 
/* BillDate "Details Section" - Begin     */
/*----------------------------------------*/

.billingTable {
    width: 95%;
    margin: 10px auto;
    position: relative;
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
}

.billingTable th {
     padding: 3px;position: relative;
}

.billingHeaderCell,
.billingDataCell {
    height: 25px;
    text-align: center;
    vert-align: middle;
    vertical-align: middle;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    empty-cells: show;
    position: relative;    
}

.billingHeaderCell,
.billingHeaderCell span{
    font-weight: 700;
    font-size: 12pt;    
    border-bottom: 1px solid #fff;
}

.billingHeaderCell span {
    border: none;
}

.billingDataCell {
    border-top: 1px solid #fff;
    font-size: 12pt;
    overflow: hidden;
    white-space: nowrap;    
}

/*---------- Rounded Corners on Table begin----------*/ 

.billingTable tr {
   -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.billingTable th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
     border: none;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.billingTable th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
      border: none;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.billingTable th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.billingTable tr:last-child td:first-child{
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius:0 0 0 6px ;
    border-radius: 0 0 0 6px ;
    border: none;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
}

.billingTable tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
    border: none;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
}

.billingTable td:only-child{
    -moz-border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
}

/*---------- Rounded Corners on Table end ----------*/ 


/* Census Table BEGIN */

.censusDataCell {
    height: 25px;
    text-align: center;
    vert-align: middle;
    vertical-align: middle;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    empty-cells: show;
    position: relative;    
}

.censusDataCell {
    border-top: 1px solid #fff;
    font-size: 12pt;
    overflow: hidden;
    white-space: nowrap;
}

/* Census Table END */


/*---------- Default widths for table cells begin----------*/ 

.billingHeaderCell.wA {
    width: 125px;
}

.billingHeaderCell.wB {
    width: 200px;
}

.billingHeaderCell.wC {
    width: 300px;
}

/*---------- Default widths for table cells end ----------*/ 

/*---------- Missed Premium overrides begin ----------*/ 
.billingTable.missedPremiumSummary{
    width:700px;
    margin: 0;
    margin-bottom: 10px;
}

.missedPremiumTotals {
    margin: 5px;   
}

.missedPremiumSummary tr:last-child td:first-child{
    -moz-border-radius: 0;
    -webkit-border-radius:0;
    border-radius: 0;
}

.missedPremiumSummary tr:last-child td:last-child {
        -moz-border-radius: 0;
    -webkit-border-radius:0;
    border-radius: 0;
}

.missedPremiumSummary tfoot tr:last-child td:first-child{
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius:0 0 0 6px ;
    border-radius: 0 0 0 6px ;
    border: none;
}
 
.missedPremiumSummary tfoot tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
    border: none;
}

/*---------- Missed Premium overrides end ----------*/ 

/*---------- List inside the billing table begin ----------*/ 

.billingDataCell > .billingDefinationList {
    min-width: 150px;
}


.billingDefinationList {
    width: auto;
    text-align: left;
    padding: 0;
    margin: 20px 5px;
    padding-left: 20px;
    overflow:hidden;
}

.overrideBillingMargins {
    margin: 10px;
}

.billingDefinationList dt {
     float: left; 
     clear: left; 
     text-align: right; 
     font-weight: bold;
     list-style-type: disc;
     display: list-item;
    padding: 0; 
}

.billingDefinationList dd {
    text-align: right;
}


.billingDefinationList dt:after { content: ":"; }
 
.billingDefinationList dd {
    margin: 0 0 0 10px;
    padding: 0 0 5px 0;
}

.billingDefinationList dd:before {
    content: "";
    display: inline-block;
    clear: both;
}

/*---------- List inside the billing table end ----------*/ 

/*---------- footer section begin ----------*/ 
.billingTable tfoot {
    background: #ccc;
       background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ccc), color-stop(.35,#c5c5c5),color-stop(1, #b2b1b1)); /* Chrome10+,Safari5.1+ */
	 background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ccc), color-stop(35%,#c5c5c5),color-stop(100%,#b2b1b1)); /* Chrome,Safari4+ */
	 background: -moz-linear-gradient(top, #ccc 1%, #c5c5c5 35% ,#b2b1b1 100%); /* FF3.6+ */
	 background: -o-linear-gradient(top, #ccc 1%, #c5c5c5 35% ,#b2b1b1 100%); /* Opera 11.10+ */
	 background: -ms-linear-gradient(top, #ccc 1%, #c5c5c5 35% ,#b2b1b1 100%); /* IE10+ */
	     background: linear-gradient(180deg, #ccc 1%, #c5c5c5 35% ,#b2b1b1 100%); /* W3C */
    -pie-background: linear-gradient( -90deg,  #ccc 1%,  #c5c5c5 75% ,#b2b1b1 100%); /* ie 8 & 9 */
    behavior: url( /Scripts/PIE.htc );
}
.billingTable tfoot tr:first-child td{
    border-top: 1px solid #fff;
}

.footerBillingDataCell {
    text-align: center;
}

.footerBillingDataRow:first-child {
    border-top: 1px solid #fff;
}

.footerBillingDataCell.right {
    text-align: right;
}


.footerBillingDataCell.right.rounded_bottomright {
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}


.footerBillingDataCell.rounded_bottomleft {
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 0 6px;
}

.footerBillingDataCell.borderBottom {
    border-bottom: 1px solid #6e6e6e;
}

.footerBillingText {
    font-size: 14pt;
    color: #545454;        
    font-family: Lato;
}

.footerBillingMinus {
    font-size: 19pt;
    margin-right: 20px;
}

/*---------- footer section end ----------*/ 

/*-----------------------------------------*/ 
/* BillDate "Details Section" - Begin     */
/*----------------------------------------*/

/*----------------------------------------*/ 
/* Missed Premium Section - Begin         */
/*----------------------------------------*/

.payNowBox {
    border: 2px solid red;
    padding: 20px;
    margin-bottom: 10px;
    max-width: 916px;
}

.payNowBox a {
    position: absolute;
    right: 0;
    bottom: 0;
    margin-bottom: 20px;
    margin-right: 40px;
}
/*----------------------------------------*/ 
/* Missed Premium Section - end           */
/*----------------------------------------*/

/*****************************************************************/
/* Billing Settings - END                                        */
/*****************************************************************/

/*---------------------------------------*/ 
/* Instructional Message Style - Begin  */
/*-------------------------------------*/
.instructionalMessage
{
    margin-bottom: 0.5em;
    text-align: left;
    width: 90%;
    margin-left: 50px;
}

.instructionalMessage li {
    margin-top: 10px;
}

/*---------------------------------------*/ 
/* Instructional Message Style - End    */
/*-------------------------------------*/

/*---------------------------------------*/ 
/* Tooltip Rainbow Page Style - Begin    */
/*-------------------------------------*/

.accordionTableRow.tooltip:hover {
    text-decoration: underline;
    cursor: hand;
}
/*---------------------------------------*/ 
/* Tooltip Rainbow Page Style - End    */
/*-------------------------------------*/


/*****************************************************************/
/* Browser window Adjustment Settings - BEGIN                    */
/*****************************************************************/

@media screen and (max-width:600px) 
{
     .header1 {
        font-size: 11pt;    
    }

    #topSectionWrapper {
        visibility: visible;
        margin: auto 0 auto auto;
        width: 100%;
        z-index: 0;
        height: 25px;         
    }
    
    #welcomeSection 
    {
        white-space: nowrap;
        
    }
     #mainSectionWrapper {
        width: 800px;
    }

    #bodyHeader {
        margin: 25px auto;
    }
    
    #bodyContent {
        margin: 0 auto;
    }
    
    .snowConeButtonWrapper {
        position: relative;
        margin: 0 8px;    
    }
    
    #formWrapper {
        width: 800px;
        margin: 10px auto 10px auto;        
    }
    #totalfringeMonthlySummaryDetails {
        width: 800px;
        margin: 5px auto;
    }
    
    #bottomSectionWrapper 
    {
        z-index:-1;
        position: relative;
    }

    #bottom_content_inner {
        z-index:-1;
        position: relative;
    }
}

@media screen and (min-width:600px) and (max-width:800px)
{
     #mainSectionWrapper {
        width: 100%;
    }

    #bodyHeader {
        margin: 25px auto;
    }
    
    #bodyContent {
        margin: 0 auto;
    }
    
    .snowConeButtonWrapper {
        position: relative;
        margin: 0 8px;    
    }
    
    #formWrapper {
        width: 98%;
        margin: 42px auto 135px auto;
    }
    
    #totalfringeMonthlySummaryDetails {
        width: 98%;
        margin: 5px auto;
    }
    
     .payNowBox a {
        margin-right: 0;
    }
  
}

@media screen and (min-width:800px) and (max-width:1000px)
{
     #mainSectionWrapper {
        width: 100%;
    }

    #bodyHeader {
        margin: 25px auto;
    }
    
    #bodyContent {
        margin: 0 auto;
    }
    
    .snowConeButtonWrapper {
        position: relative;
        margin: 0 8px;    
    }
    
    #formWrapper {
        width: 98%;
        margin: 42px auto 135px auto;
    }
    
    #totalfringeMonthlySummaryDetails {
        width: 98%;
        margin: 5px auto;
    }
    
   .payNowBox a {
        margin-right: 0;
    }
  
}

@media screen and (min-width:1000px) and (max-width:1500px)
{
     #mainSectionWrapper {
        width: 100%;
    }
    
    #formWrapper {
        width: 90%;
    }
    
    #totalfringeMonthlySummaryDetails {
        width: 95%;
        margin: 5px auto;
    }
}



/*****************************************************************/
/* Browser window Adjustment Settings - END                      */
/*****************************************************************/

.filed {
    background: #fff;
    height: 400px;
    width: 1000px;
}

.alwaysOpenPanel {
    margin-bottom: 30px;
}


.accumulatorTable
{
    font-size: 12px;
    margin-left: 11px;
}

.accumulatorTable th
{
    text-align: left;
    padding: 0px 10px;
    white-space: nowrap;
}
.accumulatorTable td
{
    padding: 0px 10px;
}

.yesNoField {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 8px 0;
}

.yesNoDesc {
    font-size: 14px;
    color: #333;
}

.yesNoToggle {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 102px;
    height: 34px;
    border-radius: 34px;
    background: #9aa5ad;
    color: #fff;
    font-weight: 700;
    letter-spacing: 0.5px;
    user-select: none;
    transition: background .2s ease;
}

.yesNoToggle[aria-checked="true"] {
    background: #27ae60;
}

.yesNoToggle[aria-checked="false"] {
    background: #ff0000
}

.yesNoToggle input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.yesNoState {
    position: relative;
    z-index: 1;
    font-size: 13px;
}

.yesNoBg {
    position: absolute;
    inset: 0;
    border-radius: 34px;
}

.yesNoThumb {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.25);
    transform: translateX(0);
    transition: transform .2s ease;
}

.yesNoToggle[aria-checked="true"] .yesNoThumb {
    transform: translateX(68px);
}

.yesNoToggle:focus {
    outline: 2px solid #4d90fe;
    outline-offset: 2px;
}