body
{
	font-family: "Karla";
	color: #fff;
	font-size: 13px;
	margin: 0;
	cursor: context-menu;
	background-color: #adaba6;
}

p{margin: 0; padding: 0;}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media only screen and (min-width: 1140px) {.container{min-width: 1140px; width: 1140px;}}
@media only screen and (max-width: 1139px) {.container{min-width: 570px; width: 570px;}}

@-ms-viewport{
  width: device-width;
}
.container{height: auto; margin: auto; box-shadow: 0px 0px 40px 40px #9c9a95; margin-bottom: 30px;}


/**************************************************************************************** TUTORIAL ************************************************************************************/
.tutorial{width: 100%; min-height: 50px; height: auto; position: relative; font-size: 14px; background-color: #FFFF00; color: #949088;}
.tutorial-new{float: left; color: #ff0; font-size: 30px; padding-left: 10px; background-color: #938F88; height: 50px; line-height: 46px}
.tutorial-new:after{content: ''; line-height: 0; font-size: 0; width: 0; height: 0; border-top: 50px solid #938F88; border-bottom: 25px solid transparent; border-left: 0px solid transparent; border-right: 15px solid transparent; position: absolute; top: 0; left: 89px;}
.tutorial-text{float: left; margin-left: 30px; padding-right: 10px;}
.tutorial-trigger{float: left; cursor: pointer;}

@media only screen and (min-width: 1140px) {
	.tutorial-text{width: 800px; line-height: 46px;}
	.tutorial-trigger{width: 210px; line-height: 46px;}
	.tutorial-close{float: right; margin-right: 30px;}
}
@media only screen and (max-width: 1139px) {
	.tutorial-text{width: 335px; line-height: 17px; padding-top: 7px; height: 40px; text-align: center; font-size: 12px; margin-left: 20px; font-weight: bold;}
	.tutorial-trigger{width: 105px; line-height: 17px; padding-top: 7px; height: 40px; text-align: center; font-size: 12px; font-weight: bold;}
	.tutorial-close{float: right; margin-right: 18px;}
}
.tutorial-trigger p:hover{text-decoration: underline;}

.tutorial-content{width: 100%; text-transform: uppercase; font-size: 16px; clear: both; height: 126px; text-align: center;}
.tutorial-step{float: left; position: relative;}
.tutorial-step-bg{position: absolute; width: 100%; height: 100%; font-size: 112px; line-height: 112px; color: #FFF;}
.tutorial-step-text{position: absolute; width: 100%; height: 100%; font-size: 16px; font-weight: bold; padding-top: 28px;}
.tutorial-step{height: 100%;}
@media only screen and (min-width: 1140px) {
	.tutorial-step{width: 380px;}
}

@media only screen and (max-width: 1139px) {
	.tutorial-step{width: 190px;}
	.tutorial-step-text{font-size: 15px;}
}


/******************************************************************************************* LOGO AND NEWS *************************************************************************************/
.header{width: 100%; height: 125px;}
.logo{float: left;	width: 569px;	height:125px;	background: #fdfbfa url("../images/logo_new.png") no-repeat 45px 25px; border-right: 1px solid white;}
@media only screen and (max-width: 1139px) {
	.logo{float: left;	width: 569px;	height:125px;	background: #fdfbfa url("../images/logo_new.png") no-repeat 48% 25px; border-right: 1x solid white;}
}

.news{float: left; width: 570px; height: 125px; background-color: #DEDAD8;}
.news-viewport{width: 100%; height: 100%; overflow: hidden;}
.news-slider{height: 100%; width: auto; }
.news-container{width: 149px; height: 85px; border-right: 1px solid white; float: left; padding: 0 20px; margin: 20px 0; font-weight: bold; text-transform: uppercase; color: #949089;}
.no-border{border: none;}
.news-date{color: #BBB8B3;}
.news-title > span{background-color: #fff;}
.news-title a {text-decoration: none; color: #949089;}
.news-title a:hover {text-decoration: underline;}


/**************************************************************************************** FILTERS **************************************************************************************************/
.filter{width: 100%; height: 50px; border-bottom: 1px solid white; text-transform: uppercase;}

.filter-title{width: 100%; height: 100%; text-align: center; line-height: 50px; font-weight: bold;}
@media only screen and (max-width: 1139px) {
	.filter-title{text-align: left;}
	.title-text{margin-left: 20px;}
}
.title-text{color: #ff0;}
.title-btn{border: 1px solid #fff; border-radius: 5px; padding: 8px; margin-left: 5px; cursor: pointer;}

.filter-item{cursor: pointer; font-weight: bold; text-align: center; height: 32px; line-height: 32px;}

.bookie-controls{clear: both; height: 35px; width: 100%; line-height: 35px; padding: 10px 0px;}
.control-btn{border: 1px solid #fff; border-radius: 5px; float: left; width: 75px; margin-right: 5px; text-align: center; line-height: 30px; font-weight: bold; cursor: pointer;}
.control-btn:hover{background-color: #008759;}
#bookie-submit{float: right; margin-right: 10px;}


.filter-bookie{float:left; height: 50px; width: 569px;  border-right: 1px solid white; background-color: #00B881;}
@media only screen and (max-width: 1139px) {.filter-bookie{width: 570px; border: none;}}
.filter-bookie-content{z-index: 2; padding-left: 10px; background-color: #00B881; position: relative; width: 559px; display: none;}
@media only screen and (max-width: 1139px) {.filter-bookie-content{width: 560px;}}
.filter-bookie-content .group{margin-top: 10px;}
.filter-bookie .filter-item{width: 269px; float: left; margin-right: 10px; margin-top: 5px; background-color: #008759; color: #00B881;}
.bookie-item-selected{color: #fff !important;}


#dropdown-bookie:hover{background-color: #008759;}
#dropdown-ref:hover{background-color: #C0253A;}
#dropdown-time:hover{background-color: #C0253A;}



.filter-ref{float: left; height: 50px; width: 379px; border-right: 1px solid white; background-color: #FF425B;}
.filter-ref-content{z-index: 1; position:relative; padding-left: 10px; padding-bottom: 10px; padding-top: 5px; background-color: #FF425B; width: 369px; display:none;}
.filter-ref .filter-item{ width: 359px; margin-bottom: 5px; background-color: #C0253A; color: #FF425B;}
.ref-item-selected{color: #fff !important;}


.filter-time{float: left; height: 50px; width: 190px; background-color: #FF425B;}
.filter-time-content{z-index: 1; position:relative; padding-left: 10px; padding-bottom: 10px; padding-top: 5px; background-color: #FF425B; width: 180px; display:none;}
.filter-time .filter-item{ width: 170px; margin-bottom: 5px; background-color: #C0253A; color: #FF425B;}
.time-item-selected{color: #fff !important;}


/**************************************************************************************** VALUEBETS **************************************************************************************************/
.valuebets{clear: both; width: 100%; position: relative; min-height: 1120px; height: 1120px; overflow: hidden;}
.valuebet-container{position: relative; width: 169px; height: 218px; float: left; padding: 5px 10px 0px 10px; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #fff;}
.no-valuebets{width: 100%; color: #fff; font-weight:bold; font-size: 18px; text-align: center;}

.av-front{width: 169px;height: 100%; position: absolute;}
.av-purple{background-color: #DE69D3; border-right: 1px solid #F6DCF1;}
.av-blue  {background-color: #1E95FF; border-right: 1px solid #D0E9FB;}
.av-green {background-color: #00B881; border-right: 1px solid #BEEEE3;}

.av-header{width: 100%; clear: both; height: 28px;}
.av-value{font-size: 25px; float: left;}
.av-line{font-size: 15px; float: right; padding-top: 2px;}

.av-bookie, .av-ref{width: 157px; clear: both; height: 27px; margin-top: 10px; padding-left: 3px; padding-right: 10px; font-size: 15px;}
.av-bookie{line-height: 27px;}
.av-ref{margin-top: 5px;}
.av-purple .av-bookie{background-color: #B94AAD;}
.av-blue   .av-bookie{background-color: #0066DC;}
.av-green  .av-bookie{background-color: #008759;}

.av-purple .av-ref-name, .av-purple .av-ref-odd{color: #B94AAD;}
.av-blue   .av-ref-name, .av-blue   .av-ref-odd{color: #0066DC;}
.av-green  .av-ref-name, .av-green  .av-ref-odd{color: #008759;}

.av-purple .av-ref-name a, .av-purple .av-ref-name a:visited{color: #B94AAD; text-decoration: none;}
.av-blue   .av-ref-name a, .av-blue   .av-ref-name a:visited{color: #0066DC; text-decoration: none;}
.av-green  .av-ref-name a, .av-green  .av-ref-name a:visited{color: #008759; text-decoration: none;}

.av-purple .av-ref-name a:hover{text-decoration: underline;}
.av-blue   .av-ref-name a:hover{text-decoration: underline;}
.av-green  .av-ref-name a:hover{text-decoration: underline;}

.av-bookie-name, .av-ref-name{float: left;}
.av-bookie-odd,  .av-ref-odd{float: right;}

.av-teams{font-size: 14px; width: 100%; text-align: center; margin-top: 3px; clear: both;}
.av-purple .av-teams{color: #B94AAD;}
.av-blue   .av-teams{color: #0066DC;}
.av-green  .av-teams{color: #008759;}

.av-team1, .av-team2{text-overflow: ellipsis; white-space: nowrap; overflow: hidden; cursor: pointer;}
.av-focus{color: #fff;}

.av-info{position: relative; width: 100%; height: 40px; border-top: 1px dotted #fff; clear: both; margin-top: 12px; padding-top: 10px; font-size: 11px;}
.av-league{text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 80%;}
.av-more{border: 1px solid #FFF;border-radius: 50%; width: 26px; height: 26px; font-size: 8px !important; text-align: center; line-height: 26px; cursor: pointer; position: absolute; right: 0px; bottom: 5px;}

.av-purple .av-more-hover{background-color: #B94AAD;}
.av-blue   .av-more-hover{background-color: #0066DC;}
.av-green  .av-more-hover{background-color: #008759;}

.av-purple .av-more:hover{background-color: #B94AAD;}
.av-blue   .av-more:hover{background-color: #0066DC;}
.av-green  .av-more:hover{background-color: #008759;}

.av-purple .av-border-left{border-left: 1px solid #F6DCF1;}
.av-blue   .av-border-left{border-left: 1px solid #D0E9FB;}
.av-green  .av-border-left{border-left: 1px solid #BEEEE3;}

.av-bookie a{color:#fff; text-decoration: none;}
.av-bookie a:hover{color:#fff; text-decoration: underline;}
.av-bookie a:visited{color: #fff;}
/**************************************************************************************** BANNERS **************************************************************************************************/
.banner-container{width: 189px; height: 223px; float: left; border-bottom: 1px solid #fff; border-right: 1px solid #F9F0EA; background-color: #8A8A8A;}

.bn-logo{border-bottom: 1px solid #fff; height: 55px; width: 189px; float: left;}
.bn-logo img{height: 55px; width: 189px;}
.bn-logo:hover{background-color: #777;}

/**************************************************************************************** PERCENTEGE FLAGS **************************************************************************************************/
.flag-container{width: 189px; height: 223px; float: left; position: relative; border-bottom: 1px solid #fff;}
.flag-purple{background-image: url("../images/avbg_purple.png"); border-right: 1px solid #F6DCF1;}
.flag-blue{background-image: url("../images/avbg_blue.png"); 	 border-right: 1px solid #D0E9FB;}
.flag-green{background-image: url("../images/avbg_green.png");   border-right: 1px solid #BEEEE3;}
.flag-grey{background-image: url("../images/avbg_grey.png");   	 border-right: 1px solid #F9F0EA;}

.flag-text{width: 118px; height: 118px; border-radius: 50%; text-align: center; padding-top: 7px; padding-left: 7px; font-weight: bold; position: absolute; top: 49px; left: 32px;}
.flag-purple .flag-text{background-color: #DE69D3;}
.flag-blue   .flag-text{background-color: #1E95FF;}
.flag-green  .flag-text{background-color: #00B881;}
.flag-grey   .flag-text{background-color: #CCC9C5;}

.flag-inner{width: 110px; height: 110px; border: 1px solid #fff; border-radius: 50%;}


/**************************************************************************************** BOTTOM NAVIGATION **************************************************************************************************/
.navigation{width: 100%; height: 40px; padding-top:10px; line-height: 50px; background-color: #DEDAD8; text-align: center; position: relative; border-bottom: 1px solid #FFF;}
.nav-btn{border: 1px solid #fff; border-radius: 5px; float: left; width: 75px; margin-right: 3px; margin-left: 3px; line-height: 30px; font-weight: bold; background-color: #ADABA6; cursor: pointer;}
.nav-btn:hover{background-color: #7B766E;}


/**************************************************************************************** KEYWORDS **************************************************************************************************/
.keywords{ padding: 20px 20px; border-bottom: 1px solid #fff; background-color: #DEDAD8;	color: #86827B;	font-weight: bold;	padding-top: 20px; font-size: 13px;}
.keywords h1{font-weight: bold;	text-transform: uppercase;	padding-bottom: 20px; font-size: 13px;}
.keyword-text{text-align: justify; text-transform: uppercase;}

@media only screen and (min-width: 1140px) {
	.keywords{width: 1100px;}
	.keyword-text{width: 1100px; -webkit-column-count: 3; -moz-column-count: 3;column-count: 3;}
	.keyword-text br{display: none;}
}

@media only screen and (max-width: 1139px) {
	.keywords{display: none;}
	/*.keywords{width: 530px;}
	.keyword-text{width: 530px; -webkit-column-count: 0; -moz-column-count: 0; column-count: 0;}
	.keyword-text br{display: block; margin-top: 10px;}*/
}
/**************************************************************************************** FOOTER **************************************************************************************************/
.footer{clear: both; width: 1140px; text-align: center; margin: auto; font-size: 14px; text-transform: uppercase; height: 50px;}
@media only screen and (max-width: 1139px) {
	.footer{width: 570px;}
}
.footer a{color: #fff; text-decoration: none;}
.footer a:hover{text-decoration: underline;}


/**************************************************************************************** DETAILS SLIDER **************************************************************************************************/
.av-stats{width: 0px; height: 210px; position: absolute; top:0; left:189px; z-index: 1; background-color:inherit; display: none; border-right: inherit; padding: 8px 5px 5px 5px;}

.dts-slider{width: 100%; height: 100%; position: relative; text-transform: uppercase; font-weight: bold;}
.dts-viewport{ width: 100%;	height: 160px; overflow: hidden; margin-top: 2px;}

.av-green  .dts-viewport{background-color: #008759;}
.av-blue   .dts-viewport{background-color: #0066dc;}
.av-purple .dts-viewport{background-color: #b94aad;}

.dts-prev, .dts-next{padding-top: 7px;height: 16px;	width: 180px;	text-align: center;	cursor: pointer;}
.dts-next{position: absolute;bottom: 0px;}

.dts-slide{	width: 100%;	height: 25px;	overflow: hidden;	line-height: 12px;}

.av-green .dts-slide  {border-bottom: 2px solid #00b881; }
.av-blue .dts-slide	{border-bottom: 2px solid #1e95ff; }
.av-purple .dts-slide {border-bottom: 2px solid #de69d3; }

.dts-bookie{	width: 92px;	padding-left: 5px;	float: left;}
.dts-q1, .dts-q2{	float: left;	width: 26px;	padding-left: 2px;}
.dts-dash{	float: left;	text-align: center;	width: 10px;}

.av-green .dts-next, 	.av-green .dts-prev,  .av-green .dts-slide,  .av-green .dts-slide-bookie  {background-color: #008759;}
.av-blue .dts-next, 	.av-blue .dts-prev,	  .av-blue .dts-slide,   .av-blue .dts-slide-bookie   {background-color: #0066dc;}
.av-purple .dts-next,   .av-purple .dts-prev, .av-purple .dts-slide, .av-purple .dts-slide-bookie {background-color: #b94aad;}


.av-green .dts-prev .dts-up{width: 0; height: 0; border-left: 10px solid transparent;border-right: 10px solid transparent;margin: auto;border-bottom: 10px solid #00b881;}
.av-blue .dts-prev .dts-up{width: 0; height: 0; 	border-left: 10px solid transparent;	border-right: 10px solid transparent;	margin: auto;	border-bottom: 10px solid #1e95ff;}
.av-purple .dts-prev .dts-up{	width: 0; height: 0; 	border-left: 10px solid transparent;	border-right: 10px solid transparent;	margin: auto;	border-bottom: 10px solid #de69d3;}

.av-green .dts-next .dts-down{width: 0; height: 0; border-left: 10px solid transparent;border-right: 10px solid transparent;margin: auto;	border-top: 10px solid #00b881;}
.av-blue .dts-next .dts-down{	width: 0; height: 0; 	border-left: 10px solid transparent;	border-right: 10px solid transparent;	margin: auto;	border-top: 10px solid #1e95ff;}
.av-purple .dts-next .dts-down{	width: 0; height: 0; 	border-left: 10px solid transparent;	border-right: 10px solid transparent;	margin: auto;	border-top: 10px solid #de69d3;}

.dts-up-hover{border-bottom: 10px solid #fff !important;}
.dts-down-hover{border-top: 10px solid #fff !important;}

.dts-slide-bookie{	width: 100%;	height: 155px;	padding-top: 5px;	margin-bottom: 2px;}

.dts-chart{	margin-left: 10px;	margin-top: 10px;	padding-top: 10px;	width: 160px;	height: 110px;	position: relative;	overflow: hidden;}
.dts-chart-bg{	position: absolute;	left: 0;	height: 100%;	width: 100%;}
.dts-chart-bar{	margin-left: 15%;	width: 86%;	height: 80%;	position:relative;}

.dts-chart-link{cursor: pointer;}


.dts-chart-link:hover .dts-link-1, .dts-chart-link:hover .dts-link-2 {background-color: #ffffff;}

.dts-bar  {background-color: #fff; opacity: 0.4;}
.dts-bar:hover {opacity: 0.8;}

.av-green .dts-yaxis  {color: #00b881; }
.av-blue .dts-yaxis	{color: #1e95ff; }
.av-purple .dts-yaxis {color: #de69d3; }

.dts-yaxis{	height: 36%;width: 100%;}


.av-green .dts-xaxis  {color: #00b881; }
.av-blue .dts-xaxis	{color: #1e95ff; }
.av-purple .dts-xaxis {color: #de69d3; }

.dts-xaxis{	margin-top: 10px;	margin-left: 9px;	font-size: 10px;}

.dts-xaxis span{	padding-left: 20px;}

.av-green .dts-dots  {border-top: 1px dotted #00b881;}
.av-blue .dts-dots	{border-top: 1px dotted #1e95ff;}
.av-purple .dts-dots {border-top: 1px dotted #de69d3;}

.dts-yaxis-value{	font-size: 10px;	float: left;	width: 14%;}
.dts-dots{	float: left;	width: 84%;	margin-top: 4%;	margin-left: 2px;}

.av-green  .dts-q1, .av-green  .dts-q2 {color: #00b881;}
.av-blue   .dts-q1, .av-blue   .dts-q2 {color: #1e95ff;}
.av-purple .dts-q1, .av-purple .dts-q2 {color: #de69d3;}

.av-green  .dts-dash {color: #00b881;}
.av-blue   .dts-dash {color: #1e95ff;}
.av-purple .dts-dash {color: #de69d3;}

.dts-focus{	color: #fff !important;}
.dts-empty{	width: 100%;	height: 20px;	padding-top: 5px;	margin-bottom: 2px;	}
.dts-close{	width: 11px !important;	margin-top: 8px;	margin-right: 10px;	line-height: 10px !important;	height: 11px;	text-align: center;	float: right;	font-size: 9px;}
.dts-close:hover{	border: 1px solid #ffffff !important;	color: #ffffff !important;}

.av-green .dts-close{	border: 1px solid #00b881; color: #00b881;}
.av-blue .dts-close{	border: 1px solid #1e95ff;	color: #1e95ff;}
.av-purple .dts-close{	border: 1px solid #DE69D3;	color: #DE69D3;}

.dts-chart-perc{	float:right;}
.dts-link{	width: 35px;	height: 17px;	margin-right: -14px;	padding-top: 8px;	position: relative;}

.dts-link-1, .dts-link-2{	position: absolute;	bottom: 7px;	float: left;	width: 3px;}

.dts-link-2{	left: 4px;}
.dts-link-even .dts-link-1, .dts-link-even .dts-link-2{	height: 8px;}

.dts-link-up .dts-link-1{height: 5px;}
.dts-link-up .dts-link-2{height: 8px;}
.dts-link-down .dts-link-1{	height: 8px;}
.dts-link-down .dts-link-2{	height: 5px;}

.av-green  .dts-link-1, .av-green  .dts-link-2{background-color: #00b881; }
.av-blue   .dts-link-1, .av-blue   .dts-link-2{background-color: #1e95ff; }
.av-purple .dts-link-1, .av-purple .dts-link-2{background-color: #de69d3; }

.av-empty{	width: 189px;	background-color: #DEDAD8;	border-right: 1px solid #F9F0EA;}
.bn1{z-index: -1;}

.closing-div{	position: absolute;	width: 100%;	height: 100%;	background-color: #ffffff;	opacity: 0.6;    filter: alpha(opacity=60); /* For IE8 and earlier */	text-align: center;}

.closing-inner{	position: absolute;	bottom: 0;	left: 12px;	font-size: 11px;	font-weight: bold;	color: #ffffff;}

.dts-last-odd{float:right; width: 25px; padding-right:10px;}

.dts-arrow{ float:right; width: 10px; height: 10px; margin-top: 9px; padding-right: 5px;}

.av-green  .dts-arrow-up{ background: url("../images/arrow/a3.png") no-repeat; }
.av-blue   .dts-arrow-up{ background: url("../images/arrow/a2.png") no-repeat; }
.av-purple .dts-arrow-up{ background: url("../images/arrow/a1.png") no-repeat; }

.av-green  .dts-arrow-down{ background: url("../images/arrow/b3.png") no-repeat; }
.av-blue   .dts-arrow-down{ background: url("../images/arrow/b2.png") no-repeat; }
.av-purple .dts-arrow-down{ background: url("../images/arrow/b1.png") no-repeat; }

.av-stats a{color: #fff !important; text-decoration: none;}
.av-stats a:visited{color: #fff !important; text-decoration: none;}
.av-stats a:hover{color: #fff !important; text-decoration: underline;}