﻿@font-face{font-family:'Open Sans Bold';font-style:normal;font-weight:bold;src:local('Open Sans Bold'),local('Open Sans Bold'),url('../fonts/OpenSans-Bold.woff') format('woff'),url('../fonts/OpenSans-Bold.ttf') format('truetype')}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:normal;src:local('Open Sans Regular'),local('Open Sans Regular'),url('../fonts/OpenSans-Regular.eot') format('eot'),url('../fonts/OpenSans-Regular.ttf') format('truetype')}
@font-face{font-family:'Open Sans Light';font-style:normal;font-weight:lighter;src:local('Open Sans Light'),local('Open Sans Light'),url('../fonts/OpenSans-Light.eot') format('eot'),url('../fonts/OpenSans-Light.ttf') format('truetype')}
@font-face{font-family:'Open Sans Semi';font-style:normal;font-weight:500;src:local('Open Sans Semibold'),local('Open Sans Semibold'),url('../fonts/OpenSans-Semibold.eot') format('eot'),url('../fonts/OpenSans-Semibold.ttf') format('truetype')}
@font-face{font-family:'Lucida Sans Unicode';font-style:normal;font-weight:normal;src:local('Lucida Sans Unicode'),local('Lucida Sans Unicode'),url('../fonts/l_10646.woff') format('woff'),url('../fonts/l_10646.ttf') format('truetype')}
ul.resp-tabs-list,p{margin:0;padding:0}
#horizontalTab{background:url(../images/tabTopBg.jpg) no-repeat top center}
.resp-tabs-list li{font-family:'Open Sans Bold';font-size:13px;font-weight:bold;display:inline-block;padding:22px 25px;margin:0;list-style:none;cursor:pointer;float:left;text-transform:uppercase;height:30px;border-right:1px solid #e1c6c7}
.resp-tabs-list li:last-child{border:0}
.featureList{float:left;margin:15px 0;width:400px}
.otherList{margin:10px;width:530px !important}
.otherList li{line-height:20px !important}
.trainingList{width:630px;margin-top:10px !important}
.w220{width:220px}
.featureList li{list-style-image:url(../images/bullet.png);margin-left:20px;line-height:25px;font-size:13px}
.resp-tabs-list li span{font-family:'Open Sans Light';font-weight:lighter;display:block}
.resp-tabs-container{padding:0;clear:left}
.resp-tabs-container h2{font-family:'Open Sans Light';font-size:2.9vw;text-transform:uppercase;font-weight:lighter;line-height:27px}
.tabs-containerLeft span.subTitle{font-family:'Open Sans Bold';font-size:26px;font-weight:bold}
.resp-tabs-container p{font-size:13px;line-height:18px;width:550px;margin-bottom:30px;margin-top:10px}
.resp-tabs-container span{font-family:'Open Sans Bold';font-weight:bold;font-size:14px;text-transform:uppercase;margin-top:9px}
.other{display:block;clear:both;padding-top:15px;font-size:12px !important}
.tabs-containerRight{float:left; padding-left: 100px;}
.tabs-containerRight a{font-family:'Open Sans Bold';font-weight:bold;font-size:14px;color:#222325;padding-top:80px;clear:both;display:block;}
.tabs-containerLeft{float:left;width:100%}
h2.resp-accordion{cursor:pointer;padding:5px;display:none}
.resp-tab-content{display:none;padding:30px 0}
.hrList{width:530px}
.payrollList{width:400px}
.resp-tab-active{margin-bottom:-1px !important;padding:22px 11px !important;border-right:1px solid #fcdc6b !important}
.resp-tab-active{border-bottom:0;background-color:#fcdc6b}
.resp-tab-active{background-color:rgba(7, 88, 128, 0.85)!important;border-right:1px solid rgba(7, 88, 128, 0.85)!important; color:#fff;}
.resp-tabs-list li:hover{background-color:#eee;border-bottom:0}
.resp-content-active,.resp-accordion-active{display:block}
h2.resp-accordion{font-size:13px;border:1px solid #c1c1c1;border-top:0 solid #c1c1c1;margin:0;padding:10px 15px}
h2.resp-tab-active{border-bottom:0 solid #c1c1c1 !important;margin-bottom:0 !important;padding:10px 15px !important}
h2.resp-tab-title:last-child{border-bottom:12px solid #c1c1c1 !important;background:blue}
.resp-vtabs ul.resp-tabs-list{float:left;width:30%}
.resp-vtabs .resp-tabs-list li{display:block;padding:15px 15px !important;margin:0;cursor:pointer;float:none}
.resp-vtabs .resp-tabs-container{padding:0;background-color:#fff;border:1px solid #c1c1c1;float:left;width:68%;min-height:250px;border-radius:4px;clear:none}
.resp-vtabs .resp-tab-content{border:0}
.resp-vtabs li.resp-tab-active{border:1px solid #c1c1c1;border-right:0;background-color:#fff;position:relative;z-index:1;margin-right:-1px !important;padding:14px 15px 15px 14px !important}
.resp-arrow{width:0;height:0;float:right;margin-top:3px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:12px solid #c1c1c1}
h2.resp-tab-active span.resp-arrow{border:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:12px solid #9b9797}
.resp-easy-accordion h2.resp-accordion{display:block}
.resp-easy-accordion .resp-tab-content{border:1px solid #c1c1c1}
.resp-easy-accordion .resp-tab-content:last-child{border-bottom:1px solid #c1c1c1 !important}
.resp-jfit{width:100%;margin:0}
.resp-tab-content-active{display:block}
h2.resp-accordion:first-child{border-top:1px solid #c1c1c1 !important}
@media (max-width:768px){ul.resp-tabs-list{display:none}
h2.resp-accordion{display:block}
.resp-vtabs .resp-tab-content{border:1px solid #c1c1c1}
.resp-vtabs .resp-tabs-container{border:0;float:none;width:100%;min-height:initial;clear:none}
.resp-accordion-closed{display:none !important}
.resp-vtabs .resp-tab-content:last-child{border-bottom:1px solid #c1c1c1 !important}
#horizontalTab{background:0}
.tabs-containerLeft{float:none;width:50%;display:inline-block}
.tabs-containerLeft p{width:auto}
.tabs-containerRight{float:none;width:48%;display:inline-table}
.tabs-containerRight img{width:100%}
h2.resp-accordion:hover{background:#fcdc6b}
.tabs-containerLeft h2{line-height:24px}
.resp-tab-content{padding:20px;background:#fcdc6b}
.featureList{float:none;display:inline-block;width:auto}
.profile{ width:100%; height:50px;}
.profile span{ margin-top:7px;}
.profile p{ font-size:24px;}
.indexBanner{ margin:46px auto 15px}
.profile p.counter{ width:43px;}
.profile span.zero1{ font-size:24px; margin-top:10px;}
.profile span.ls2{ line-height:36px;}
.topline{ padding:0px;}
.middleContent h2{ line-height:25px; font-size:20px;}
.middleContent p{ padding:5px 10px; font-size:14px; line-height:20px; margin-bottom:10px;}
}
@media (max-width:360px){
ul.resp-tabs-list,p{margin:0;padding:0}
h2.resp-accordion{display:block;}
.resp-vtabs .resp-tab-content{border:1px solid #c1c1c1}
.resp-vtabs .resp-tabs-container{border:0;float:none;width:40%;min-height:initial;clear:none}
.resp-accordion-closed{display:none !important}
.resp-vtabs .resp-tab-content:last-child{border-bottom:1px solid #c1c1c1 !important}
#horizontalTab{background:0}
.tabs-containerLeft{float:none;width:20%;display:inline-block}
.tabs-containerLeft p{width:auto}
.tabs-containerRight{float:none;width:24%;display:inline-table}
.tabs-containerRight img{width:100%}
h2.resp-accordion:hover{background:#fcdc6b}
.tabs-containerLeft h2{line-height:24px}
.resp-tab-content{padding:20px;background:#fcdc6b}
.featureList{float:none;display:inline-block;width:auto}
.profile{ width:100%; height:50px;}
.profile span{ margin-top:7px;}
.profile p{ font-size:24px;}
.indexBanner{ margin:46px auto 15px}
.profile p.counter{ width:43px;}
.profile span.zero1{ font-size:24px; margin-top:10px;}
.profile span.ls2{ line-height:36px;}
.topline{ padding:0px;}
.middleContent h2{ line-height:25px; font-size:20px;}
.middleContent p{ padding:5px 10px; font-size:14px; line-height:20px; margin-bottom:10px;}
.clientNamePanelHome{ width:40%; margin:0px 5% 20px;}

}