﻿
ul.resp-tabs-list, p {margin: 0px;padding: 0px; }

.resp-tabs-list li {font-weight: normal;font-size: 1.6em; display: inline-block;padding: 13px 0 14px;margin: 0;list-style: none;cursor: pointer; margin:10px 0 0 0; border:0;
color:#ffffff; background:#007DCB; color: #FFFFFF; width: 32.8%; text-align: center; position: relative; behavior:url(../js/pie/PIE.php);
}

#tab1{ -webkit-border-radius:0 10px 0 0; -moz-border-radius:0 10px 0 0; border-radius:0 10px 0 0; float: left; }
#tab2{ -webkit-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0; margin-left: 0.9%; float: left; }
#tab3{ -webkit-border-radius:10px 0 0 0; -moz-border-radius:10px 0 0 0; border-radius:10px 0 0 0; float:right !important; }

.resp-tabs-container {padding: 0px; background-color: #ffffff;clear: left;}

h2.resp-accordion {cursor: pointer;padding: 5px;display: none;}

.resp-tab-content {display: none;padding: 30px 0 0; width:92%; }

.resp-tab-active {margin-bottom: -8px !important;padding: 13px 0 21px !important; }

.resp-tab-active {border-bottom: none;background: #FFFFFF !important; color:#007DCB !important; }

.resp-content-active, .resp-accordion-active {display: block;}

.resp-tab-content { font-size:1.4em; line-height:1.4em}

h2.resp-accordion {font-size: 13px;border: 1px solid #c1c1c1;border-top: 0px solid #c1c1c1;margin: 0px;padding: 10px 15px;}

h2.resp-tab-active {border-bottom: 0px solid #c1c1c1 !important;margin-bottom: 0px !important;padding: 10px 15px !important;}

h2.resp-tab-title:last-child {border-bottom: 12px solid #c1c1c1 !important;background: blue;}

.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: none;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 12px solid #9B9797;}

/*-----------Accordion styles-----------*/
h2.resp-tab-active {background: #DBDBDB !important; color:#000 !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-jfit {width: 100%;margin: 0px;}

h2.resp-accordion:first-child {border-top: 1px solid #c1c1c1 !important;}

/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 479px) {
    ul.resp-tabs-list {display: none;}
    h2.resp-accordion {display: block; color:#fff}
    .resp-vtabs .resp-tab-content {border: 1px solid #C1C1C1;}
    .resp-vtabs .resp-tabs-container {border: none;float: none;width: 100%;min-height: 800px;clear: none;}
    .resp-accordion-closed {display:none !important;}
    .resp-vtabs .resp-tab-content:last-child {border-bottom: 1px solid #c1c1c1 !important;}
}
