﻿ul.resp-tabs-list {  margin: 0px;  padding: 0 0 20px 0 !important;width:100%;}
.resp-tabs-list li {  font-weight: normal; font-size: 15px;  display: inline-block;  padding: 13px 15px;  margin: 0; list-style: none; cursor: pointer; float: left;}
.resp-tabs-container {border: 1px solid #eaeaea; padding: 0px;  background-color: #fff; float: left; width:100%;}
h2.resp-accordion { cursor: pointer; padding: 5px; display: none;}
.resp-tab-content {float: left;width:100%; display: none; padding: 2%;}
.resp-tab-active { padding: 12px 14px 14px 14px; border-bottom: none;}
.resp-content-active, .resp-accordion-active { display: block;}
#verticalTab .resp-tab-content { padding: 0 0 0 1%;}
#verticalTab .resp-tab-item.resp-tab-active , #verticalTab .resp-tab-active{}
.resp-tab-item.resp-tab-active > i { background:rgba(0,0,0,0) url("../images/tabactive.png") repeat scroll 0 0;  display: block; height: 9px; position: absolute; right: -6px; top: 44%; width: 6px;}
	
/*-----------Vertical tabs-----------*/
.resp-vtabs ul.resp-tabs-list { float: left; width: 25%;margin-right: 2%;}
.resp-vtabs .resp-tabs-list li , .resp-tabs-list li { display: block;padding: 14px ; margin: 0; cursor: pointer; float: none;border-bottom: 1px solid #fff;color: #333333;background:#efefef;}
#horizontalTab .resp-tab-item { background: #efefef none repeat scroll 0 0;  border:none; color: #333333; cursor: pointer; display: inline-block; float: none; margin: 0; padding: 10px 15px; text-transform: uppercase;}
#horizontalTab ul.resp-tabs-list{padding:0 !important;  border-bottom:2px solid #2877C2;}
.resp-tabs-list li:hover , #horizontalTab .resp-tab-item:hover{background:#2877C2; color:#ffffff;}
.resp-vtabs .resp-tabs-container {  border: none;margin-bottom: 10px;   padding:0; /*background-color: #efefef;*/  float: left; width: 73%; min-height: 250px; clear: none;}
.resp-vtabs .resp-tab-content {  border: none;}
.resp-vtabs li.resp-tab-active , li.resp-tab-active {background-color: #2877C2; position: relative; z-index: 1;  margin-right: 0;   padding: 14px;color: #fff;}
.resp-arrow {   width: 0; height: 0;   float: right;    margin-top:5px;    border-left: 6px solid transparent;   border-right: 6px solid transparent;    border-top: 10px solid #c1c1c1;}
h2.resp-tab-active span.resp-arrow { border: none;  border-left: 6px solid transparent;  border-right: 6px solid transparent;  border-bottom: 10px solid #fff;}
/*-----------Accordion styles-----------*/
h2.resp-tab-active , h2.resp-accordion:hover { background:#2877C2 ;color:#fff !important;}
.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-tab-content-active { display: block;}
#horizontalTab .resp-tab-item.resp-tab-active {border: medium none; background:#2877C2; color:#ffffff;}
#horizontalTab .resp-tabs-container{border:none;}
#horizontalTab .resp-tab-content{padding:10px 0;}
/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 1023px) {
#verticalTab .resp-tab-content , #horizontalTab .resp-tab-content { padding:10px;width:100%; border:none;}
ul.resp-tabs-list {    display: none;    }
h2.resp-accordion {display: block; float: left; padding: 14px; width:100%;}
.resp-vtabs .resp-tab-content , .resp-tab-content{border: 1px solid #C1C1C1;float:left;background:#fff;}
.resp-vtabs .resp-tabs-container , .resp-tabs-container{border:1px solid #e6e6e6;float: left;	width: 100%;min-height: initial;clear: none;}
.resp-accordion-closed {display:none !important;}
#verticalTab .resp-tab-item.resp-tab-active, #verticalTab .resp-tab-active{border:0 !important; margin:0;}	
h2.resp-accordion { border-bottom: medium none; border-right: medium none; border-left: medium none; border-top: 1px solid #e6e6e6; margin:0 !important; font-size:18px !important;line-height:20px !important;}
.resp-tabs-container h2.resp-accordion:first-child {border: medium none;}
.contentpad .resp-tab-content > h2 { display: none;}
#horizontalTab h2.resp-accordion{background:#efefef none repeat scroll 0 0; color:#333333;}
#horizontalTab h2.resp-accordion.resp-tab-active , #horizontalTab h2.resp-accordion:hover{background:#2877c2 none repeat scroll 0 0; color:#ffffff;}
}



