﻿.resp-tabs-list li {  font-weight: 600;  font-size: 13px;  display: inline-block; padding: 13px 15px;  margin: 0;  list-style: none;  cursor: pointer;  float: left;}
.resp-tabs-container {   padding: 0px;    background-color: #fff;    clear: left;}
h2.resp-accordion {    cursor: pointer;    padding: 5px;    display: none;}
.resp-tab-content {    display: none;    padding: 15px;}
.resp-tab-active {    border: 1px solid #c1c1c1;    border-bottom: none;    margin-bottom: -1px !important;    padding: 12px 14px 14px 14px !important;}
.resp-tab-active {    border-bottom: none;    background-color: #fff;}
.resp-content-active, .resp-accordion-active {    display: block;}
.resp-tab-content {    border: 1px solid #c1c1c1;}
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;}
/*-----------Vertical tabs-----------*/
.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:0px; 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: none;}
.resp-vtabs li.resp-tab-active {    border: 1px solid #c1c1c1;    border-right: none;    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: none; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom: 12px solid #9B9797;}

/*-----------Accordion styles-----------*/
h2.resp-tab-active {    background: #099d91 !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;}
.resp-tab-content-active {    display: block;}
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: 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: none;        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; }
}



/*Live Score*/

.score-tabs-list li {  font-weight: 600;  font-size: 13px;  display: inline-block; padding: 13px 15px;  margin: 0;  list-style: none;  cursor: pointer;  float: left; background: rgba(76,76,76,1);
background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 25%, rgba(102,102,102,1) 52%, rgba(71,71,71,1) 78%, rgba(44,44,44,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(76,76,76,1)), color-stop(25%, rgba(89,89,89,1)), color-stop(52%, rgba(102,102,102,1)), color-stop(78%, rgba(71,71,71,1)), color-stop(100%, rgba(44,44,44,1)));
background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 25%, rgba(102,102,102,1) 52%, rgba(71,71,71,1) 78%, rgba(44,44,44,1) 100%);
background: -o-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 25%, rgba(102,102,102,1) 52%, rgba(71,71,71,1) 78%, rgba(44,44,44,1) 100%);
background: -ms-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 25%, rgba(102,102,102,1) 52%, rgba(71,71,71,1) 78%, rgba(44,44,44,1) 100%);
background: linear-gradient(to bottom, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 25%, rgba(102,102,102,1) 52%, rgba(71,71,71,1) 78%, rgba(44,44,44,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#2c2c2c', GradientType=0 );}
.score-tabs-container {   padding: 0px;    background:url(../images/score-bg.gif);    clear: left;}
h2.score-accordion {    cursor: pointer;    padding: 5px;    display: none;}
.score-tab-content {    display: none;    padding: 15px;}
@media all and (min-width: 200px) and (max-width:641px ) 
 {
	 .score-tab-content {    display: none;    padding: 0px;}
 }
.score-tab-active {    border: 1px solid #c1c1c1;    border-bottom: none;    margin-bottom: -1px !important;    padding: 12px 14px 14px 14px !important;}
.score-tab-active {    border-bottom: none;     background:url(../images/score-bg.gif) !important; color:#fff;}
.score-content-active, .score-accordion-active {    display: block;}
.score-tab-content {    border: 1px solid #c1c1c1;}
h2.score-accordion {    font-size: 13px;    border: 1px solid #c1c1c1;     border-top: 0px solid #c1c1c1;    margin: 0px;    padding: 10px 15px;}
h2.score-tab-active {    border-bottom: 0px solid #c1c1c1 !important;    margin-bottom: 0px !important;    padding: 10px 15px !important;}
h2.score-tab-title:last-child {    border-bottom: 12px solid #c1c1c1 !important;    background: blue;}
/*-----------Vertical tabs-----------*/
.score-vtabs ul.score-tabs-list { float: left;    width: 30%;}
.score-vtabs .score-tabs-list li { display: block;    padding: 15px 15px !important;    margin: 0;    cursor: pointer;    float: none; }
.score-vtabs .score-tabs-container { padding:0px; background:url(../images/score-bg.gif); border:1px solid #c1c1c1; float:left; width:68%; min-height:250px; border-radius:4px; clear: none;}
.score-vtabs .score-tab-content {    border: none;}
.score-vtabs li.score-tab-active {    border: 1px solid #c1c1c1;    border-right: none;     background:url(../images/score-bg.gif);    position: relative;    z-index: 1;    margin-right: -1px !important;    padding: 14px 15px 15px 14px !important;}
.score-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.score-tab-active span.score-arrow { border: none; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom: 12px solid #fff;}

/*-----------Accordion styles-----------*/
h2.score-tab-active {    background: #089d91 !important;}
.score-easy-accordion  h2.score-accordion {        display: block;}
.score-easy-accordion .score-tab-content {    border: 1px solid #c1c1c1;}
.score-easy-accordion .score-tab-content:last-child {    border-bottom: 1px solid #c1c1c1 !important;}
.score-jfit {    width: 100%;    margin: 0px;}
.score-tab-content-active {    display: block;}
h2.score-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: 768px) {
ul.score-tabs-list { display: none; }
h2.score-accordion { display: block; }
.score-vtabs .score-tab-content { border: 1px solid #C1C1C1;  }
.score-vtabs .score-tabs-container {    border: none;        float: none;        width: 100%;        min-height: initial;        clear: none;    }
.score-accordion-closed { display:none !important; }
.score-vtabs .score-tab-content:last-child {border-bottom: 1px solid #c1c1c1 !important; }
}




