.hideme{
	display:none;
}

.pointer{
	cursor:pointer;
	cursor:hand;
}

.buttonstatus{
	display:none;
	text-align:center;
}

.buttonstatus img{
	max-width:32px;
	max-height:32px;
}

.smallimage{
	margin-left:5px;
}

#profields{
	display:none;
}

#mobilebanner, .mobilebanner{
	display:none;
}
/******** top banner **********/

#topbannerad{
height:auto;
margin:0 auto;
width: 100%;
max-width:1420px;
min-width:320px;
background:#3E3E3E;
border:0px solid #4a4949;
float:center;
max-height:60px;
padding-top:3px;
padding-bottom:3px;
}

#toplogin{
	height:30px;
	margin:0 auto;
    min-width:320px;
	background:#b9da5a; /* 333333 581474 */
	float:center;
	color:#7d7d7d;
	font-size:11px;
	text-align:right;
	padding:0;
}

#toplogin .container{
	max-width:1290px !important;
	width: 90%;
	max-width:90%;
	margin-left:2%;
	height:30px;
	margin:0 auto;
	float:center;
	padding-top:0;
}

#toplogin .container .loginactions{
	background:#b9da5a; /* 333333 581474 */
	height:28px;
	color:#5b711b;
	width:100%;
	float:right;
	padding:0;
	border:1px solid #b9da5a; /* 333333 581474 */
	border-right:0;
	border-bottom-left-radius: 5px;

}

#toplogin .container .loginactions ul{
	float:right;
	padding:0;
	margin:0;
	list-style:none;
	width:90%;
}

#toplogin .container .loginactions ul li{
	float:right;
	list-style:none;
	margin-left:10px;
}

#toplogin .container .loginactions ul li.nopad{
	margin-left:0px;
}

#toplogin .container .loginactions ul li .dotline{
	border-bottom: 1px dotted #ffffff;
}

#toplogin .container .loginactions ul li.padme{
	padding: 8px 5px;
}

#toplogin .container .loginactions a{
 margin:0;
 margin-top:-1px;
 float:right;
 color:#5b711b;
}

#toplogin .container .loginactions a.depositlink{
	 color:#ffffff;
}

#toplogin .container .loginactions a:hover, #toplogin .container .loginactions a.depositlink:hover{
 color:#80973c;
}


#toplogin .headertime{
	margin-right:10px;
	float:left;
	height:30px;
	 padding: 8px 5px;
}

#topbanner{
height:90px;
margin:0 auto;
width: 100%;

min-width:320px;
background:#ffffff; /* 333333 671689 */
border:0px solid #4a4949;
min-height:90px;
}

#topbanner .top{
width: 90%;
max-width:1290px !important;
max-width:90%;
margin-left:2%;
height:90px;
margin:0 auto;
padding:0%;
}

#topbanner .topleft{
width:64.5%;
float:left;
margin-left:0px;
margin-top:10px;
padding:0;
}

#topbanner .globalmenu, #topbanner .accountmenu, #topbanner .avatarmenu, #topbanner #triggerbetslipmobile{
	display:none;
	float:left;
}

#topbanner .topleft .logo{
	float:left;
	width:auto;
	height:auto;
}

#topbanner .topleft .logo img{
	border:0px solid #4a4949;
	width:100%;
	height:100%;
	margin-top:-35px;
}

#topbanner .topright{
width:30%;
float:right;
}

#topbanner .topright .betheread{
	margin-top:20px;
}


.pcadshow{
	visibility:visible;
}
.mobileadshow{
	visibility:hidden;
}
.tabletoption{
	display:none;
}

#tab_performance{
	display:none;
}

@media screen and (min-width: 701px) and ( max-width: 1024px) {
	#topbanner{
		min-height:12%;
	}

	#topbanner .topleft{
		width:60% !important;
	}
	#topbanner .topright{
		
		width:40% !important;
	 }

	.fieldcaption .eventtitle{
		font-size:100%;
	}

	.fieldcaption .conditions{
		font-size:90%;
	}



	.tabletoption{
		display:block;
	}


	button.accordion div, button.accbutton div{
		font-size:16px;
		padding-top:5px;
	}
	.avatarmenu{
		margin-top: -14px !important;
	}
	.tabWidth{
		width: 50%;
	}
}

@media screen and (min-width: 701px) and ( max-width: 1024px) {
	.hidetablet{
		display:none;
	}
	.bg-join{
		padding-left:5% !important;
	}
}
@media screen and (max-width: 770px) {

	#topbanner .topleft .logo img{
		border:0px solid #4a4949;
		width:auto;
		height:auto;
		margin-top:0px;
	}

	#mobilebanner, .mobilebanner{
		display:block;
	}
	#topbannerad{
		height:35px;
		max-height:35px;
		min-height:35px;
		postition:fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 5000;
		padding-bottom:0;
		margin-top:0;
		margin-bottom:0;
		position:fixed;
		padding-top:0px;
		padding-bottom:0px;
	}

	#topbannerad img{
		margin-top:-20px;
		padding-top:0px;
		top: 0;
		left: 0;
	}

	.mobileadshow{
		visibility:visible;
	}
	.pcadshow{
		visibility:hidden;
	}
	#toplogin{
		display:none;
	}
	#topbanner{
		height:56px;
		max-height:56px;
		min-height:56px;
		top: 0px;
		left: 0;
		right: 0;
		z-index: 5000;
		padding-bottom:0;
		margin-bottom:0;
		position:fixed;
		background-color:#ffffff;
	}

	#topbanner .top{
		width: 95%;
		max-width:95%;
		height:40px;
		position:fixed;
		padding-bottom:0;
	}

	#topbanner .topleft{
		width:50% !important;
		height:40px;
		margin:0 auto;
		padding-bottom:0;
	}

	#topbanner .topright .globalmenu, #topbanner .topright .accountmenu , #topbanner .topright .avatarmenu{
		display:block;
		float:right;
		margin-left:7px;
	}

	#topbanner #triggerbetslipmobile{
		width:45px;
		height:56px;
		background-color:#91b039;
		color:#ffffff;
		font-size:10px;
		display:block;
		float:right;
		padding: 5px 0px 7px 0px ;
		margin-top:-7px;
	}

	#topbanner .topleft .logo{
		float:left !important;
		text-align:left !important;
		max-width:170px;
		padding-top:7px;
	}

	#topbanner .topleft .logo img{
		float:left;
		height:40px;
	}

	#topbanner .topright{
		width:50%;
		height:40px;
		float:right;
		padding-top:2%;
		padding-right:0%;
		padding-bottom:0;
	 }

	 #tab_performance{
		display:block;
	}
}

.user-creds{
	text-align:right;
	color:#000000;
	font-family: 'Open Sans', sans-serif;
	font-size:0.7em;
	padding-top:2%;
	float:right;
}

.user-creds a{
	text-decoration: underline;
	text-decoration-style:dotted;
	color:#ffffff;
}

.user-creds a:hover{
	text-decoration: none;
	color:#ffffff;
}

.user-creds .iconimg{
	margin:0 5px 0 10px;
	display:inline;
}

.user-creds .divider{
	border-right:2px solid #7a239e;
	margin: 0 15px 0 10px;
	color:#D45758;
	line-height:1.2em;
	display:inline;
}

.balanceset{
	float:right;
	display:inline;
	width:50%;
	padding:0%;
}

.balanceset .accountbalance{
	font-family: 'Open Sans', sans-serif;
	font-size:0.7em;
	color:#b561dc;
	float:right;
	width:100%;
	padding:1%;
}

.balanceset .accountbalance i{
	float:right;
	margin:4% 4% 4% 4%;
}

.balanceset .accountbalance a{
	color:#ffffff;
	text-decoration:underline dotted;
}

.balanceset .accountbalance a:hover{
	color:#cccccc;
	text-decoration:underline;
}

.accountbalance .balbg{
	color:#ffffff;
	font-size:1.3em;
	background-color:#520f70;
	padding:2%;
	border-bottom:1px solid #913bb6;
	border-right:1px solid #913bb6;
	-moz-border-radius: 1px;
    -webkit-border-radius: 1px;
	 border-radius: 1px;
	 width:100px;
	 float:right;
}

.depositfunds{
	float:left;
	display:inline;
	width:38%;
	padding:5% 1% 1% 10%;
}

@media screen and (max-width: 770px) {

	.balanceset{
		margin-top:0;
	}

	.balanceset .accountbalance{
		padding:0% 1% % 1%;
	}

	.balanceset .accountbalance i, .accountbalance .balbg{
		font-size:0.9em;
		margin:1% 2% 1% 2%;
	}
}

.notify{
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	background-color:#e75f41;
	padding:1% 2% 1% 2% !important;
	border:1px solid #e75f41;
	display:block;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	 border-radius: 3px;
	 width:100%;
}

a.notifylink{
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif !important;
	padding:0 !important;
	margin:0;
}

a.notifylink:hover{
	text-decoration:underline;
	color:#ffffff !important;
}

.fullform{
	color:#565656;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6f6f6+0,e7e7e7+100 */
	background: #f6f6f6; /* Old browsers */
	background: -moz-linear-gradient(top,  #f6f6f6 0%, #e7e7e7 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f6f6f6 0%,#e7e7e7 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f6f6f6 0%,#e7e7e7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */

	padding:0.5% !important;
	border:1px solid #a3a3a3;
	float:none;
	text-align:center;
	display:block;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	 border-radius: 3px;
	 width:100%;
}

.fullform:hover{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6f6f6+0,e7e7e7+100 */
	background: #e7e7e7; /* Old browsers */
	background: -moz-linear-gradient(top,  #e7e7e7 0%, #f6f6f6 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #e7e7e7 0%,#f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #e7e7e7 0%,#f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
	padding:1% 2% 1% 2% !important;
	display:block;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	 border-radius: 3px;
	 width:100%;
}

a.fullformlink{
	text-decoration:none;
	font-family: 'Roboto', sans-serif !important;
	padding:0 !important;
	margin:0;
	font-size:0.8em !important;
	color:#565656 !important;
}

a.fullformlink:hover{
	text-decoration:underline;
	color:#565656 !important;
	margin:0;
	padding:0 !important;
}

.errorfmt{
	color:red;
	text-align:left;
}

/***** Login ******/

#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}

.loadingContainer{
	position:absolute;
	width:20%;
	height: auto;
	left:45%;
	top:50px !important;
	background: #ffffff;
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 3px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 3px 5px 0px rgba(50, 50, 50, 0.75);
}

.popupContainer{
	position:absolute;
	width:25%;
	height: auto;
	left:45%;
	top:50px !important;
	background: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 3px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 3px 5px 0px rgba(50, 50, 50, 0.75);
}

.popupContainer50{
	position:absolute;
	width:40%;
	height: auto;
	max-height: 90%;
	left:45%;
	overflow:auto;
	top:50px !important;
	background: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 3px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 3px 5px 0px rgba(50, 50, 50, 0.75);
}

.popupContainerSmall{
	position:absolute;
	width:35%;
	height: auto;
	left:45%;
	overflow:scroll;
	max-height: 90%;
	top:50px !important;
	background: #FFF;
	z-index:12000 !important;
	font-family: Arial, Helvetica, sans-serif;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 3px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 3px 5px 0px rgba(50, 50, 50, 0.75);
}

.popupContainerGreen50{
	position:absolute;
	width:80%;
	height: 90%;
	left:45%;
	top:50px;
	background: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	border:3px solid #FF8D27;
	overflow:scroll;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 3px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 3px 5px 0px rgba(50, 50, 50, 0.75);
}

.popupContainerLarge{
	position:absolute;
	width:60%;
	height: 80%;
	left:45%;
	top:50px;
	overflow:scroll;
	background: #000000;
	font-family: Arial, Helvetica, sans-serif;
	border:2px solid #000;
	overflow:scroll;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 3px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 3px 5px 0px rgba(50, 50, 50, 0.75);
}

.popupContainerSale{
	position:absolute;
	width:640px;
	height: 420px;
	left:45%;
	top:50px;
	overflow:none;
	z-index: 10000 !important;
	background: #661885;
	font-family: Arial, Helvetica, sans-serif;
	border:2px solid #fff;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 3px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 3px 5px 0px rgba(50, 50, 50, 0.75);
}

.popupContainerHotbet{
	position:absolute;
	width:960px !important;
	height: 490px !important;
	left:45%;
	top:50px;
	overflow:none;
	z-index: 10000 !important;
	background: #631784;
	font-family: Arial, Helvetica, sans-serif;
	border:2px solid #fff;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 3px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 3px 5px 0px rgba(50, 50, 50, 0.75);
}

@media screen and (max-width: 770px) {

	.popupContainerSale{
		width:315px !important;
		height: 260px !important;
	}
}

#modal_trigger, #modal_green, #modal_trigger_small, #modal_trigger_large, #modal_trigger_sale, #modal_trigger_hotbet, {display:inline;}

.skinnybtn{
    background: #91b039;
    color: #fff;
    border: 1px solid #91b039;
	padding: 5px 95px;
	border-radius: 4px 4px 4px 4px;
    cursor: pointer;
    text-decoration: none;
	font-weight: normal;
    text-transform: uppercase;
    font-size: 11px;
	font-family: 'Open Sans', sans-serif;
}

.skinnybtn:hover{
	 background:#B9DA5A;
	 border: 1px solid #B9DA5A;
}

.betnowbtn {padding:10px 18px; background: #91b039; color: #ffffff;
width:100%; margin:5px 0px 5px 0px;}
.betnowbtn:hover {background: #B9DA5A;}

table.wirebookietable td.largelink a.fullbtn {padding:10px 18px; background: #91b039; color: #ffffff; font-size:14px; font-family: 'Roboto', sans-serif; font-weight:bold;
  -moz-border-radius: 0.25rem;
  -webkit-border-radius: 0.25rem;
-webkit-appearance: none;
width:200px;
display:block;
text-align:center;
  border-radius: 0.25rem; border:0; cursor:pointer; cursor:hand; margin:5px 0px 5px 0px;}
table.wirebookietable td.largelink a.fullbtn:hover {background: #B9DA5A; color: #ffffff; width:200px;}

table.wirebookietable td.largelink p{width:100%;}

.btn {padding:10px 18px; background: #91b039;color: #fff;font-size:1rem;}
.btn:hover {background: #B9DA5A;}

.btnfull {padding:10px 18px; width:100%; background: #91b039; color: #ffffff; font-size:1em; font-family: 'Open Sans', sans-serif; font-weight:bold;
  -moz-border-radius: 0.25rem;
  -webkit-border-radius: 0.25rem;
-webkit-appearance: none;
  border-radius: 0.25rem; border:0; cursor:pointer; cursor:hand; margin:5px 0px 5px 0px;}
.btnfull:hover {background: #B9DA5A;}

.btn30 {padding:7px 7px 8px 7px; background: #91b039; color: #ffffff;
font-size:1em; font-family: 'Open Sans', sans-serif; font-weight:bold;
-webkit-appearance: none;
 max-height:30px;
 border:0; cursor:pointer; cursor:hand; margin:5px 0px 5px 0px;}
.btn30:hover {background: #91b039;}
.btn30 a, .btn30 a:visited{color: #ffffff;}

.btngrey {padding:5px 15px;  color: #000000; font-size:14px; font-weight:bold; font-family: 'Roboto', sans-serif; font-weight:bold;
  -moz-border-radius: 5px;
  -webkit-border-radius:5px;
-webkit-appearance: none;
  border-radius: 5px; border:0; cursor:pointer; cursor:hand; margin:5px 0px 5px 0px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #d0d0d0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#d0d0d0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#d0d0d0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d0d0d0',GradientType=0 ); /* IE6-9 */
border:1px solid #d0d0d0;}
.btngrey:hover {background: #d0d0d0; /* Old browsers */
background: -moz-linear-gradient(top, #d0d0d0 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #d0d0d0 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #d0d0d0 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0d0d0', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.bigbtn {padding:20px 25px; background: #91b039; color: #ffffff; font-size:1.1em; font-family: 'Open Sans', sans-serif; font-weight:bold;
  -moz-border-radius: 0.25rem;
  -webkit-border-radius: 0.25rem;
-webkit-appearance: none;
  border-radius: 0.25rem; border:0; cursor:pointer; cursor:hand; margin:5px 0px 5px 0px;}
.bigbtn:hover {background: #B9DA5A;}

.doublearrow, .doublearrow:hover{
	background: #91b039 url(/assets/images/icon/DoubleUpArrow.png) no-repeat center center;
	width:116px;
	height:65px;
}

.moreinfo {float:left; padding:1% 2%; color: #000000; font-size:11px; font-family: 'Open Sans', sans-serif;
	background: rgba(253,253,253,1);
	background: -moz-linear-gradient(top, rgba(253,253,253,1) 0%, rgba(206,206,206,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(253,253,253,1)), color-stop(100%, rgba(206,206,206,1)));
	background: -webkit-linear-gradient(top, rgba(253,253,253,1) 0%, rgba(206,206,206,1) 100%);
	background: -o-linear-gradient(top, rgba(253,253,253,1) 0%, rgba(206,206,206,1) 100%);
	background: -ms-linear-gradient(top, rgba(253,253,253,1) 0%, rgba(206,206,206,1) 100%);
	background: linear-gradient(to bottom, rgba(253,253,253,1) 0%, rgba(206,206,206,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#cecece', GradientType=0 );
   	border:1px solid #bbbbbb;
  -moz-border-radius: 2px;
  -webkit-border-radius: 0.25rem;
-webkit-appearance: none;
  border-radius: 0.25rem;  cursor:pointer; cursor:hand; margin:7px 5px 5px 5px;}

.moreinfo:hover {background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #cfcfcf 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #cfcfcf 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #cfcfcf 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfcfcf', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.extramargin{
	margin-top:7px;
	margin-left:10px;
}

.tinybtn, a.tinybtn {padding:0.5% !important; background: #91b039; color: #ffffff; font-size:10px; font-family: 'Open Sans', sans-serif; font-weight:bold;
  -moz-border-radius: 0.25rem;
  -webkit-border-radius: 0.25rem;
-webkit-appearance: none;
  border-radius: 0.25rem; border:0; cursor:pointer; cursor:hand; margin:5px; min-width:60px;}
.tinybtn:hover, a.tinybtn:hover {background: #B9DA5A;}

.smallbtn {padding:2% 3% 2% 3% !important; background: #91b039; color: #ffffff; font-size:10px; font-family: 'Open Sans', sans-serif; font-weight:bold;
  -moz-border-radius: 0.25rem;
  -webkit-border-radius: 0.25rem;
-webkit-appearance: none;
  border-radius: 0.25rem; border:0; cursor:pointer; cursor:hand; margin:5px; min-width:60px;}
.smallbtn:hover {background: #B9DA5A;}

.smallgreybtn {padding:2% 3% 2% 3% !important; background: #DDDDDD; color: #000000; font-size:10px; font-family: 'Open Sans', sans-serif; font-weight:bold;
  -moz-border-radius: 0.25rem;
  -webkit-border-radius: 0.25rem;
-webkit-appearance: none;
  border-radius: 0.25rem; border:0; cursor:pointer; cursor:hand; margin:5px; min-width:60px;}
.smallgreybtn:hover {background: #acacac;}

.purplebtn {padding:10px 18px; background: #cb2624; color: #ffffff; font-family: 'Open Sans', sans-serif; font-weight:bold;
 border: 1px solid transparent;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;}
.purplebtn:hover {background: #D65655;}

.smallpurplebtn {padding:2% 3% 2% 3% !important; background: #cb2624; color: #ffffff; font-size:10px; font-family: 'Open Sans', sans-serif; font-weight:bold;
-webkit-appearance: none;
      border-radius: .25rem;  border:0; cursor:pointer; cursor:hand; margin:5px; min-width:60px;}
.smallpurplebtn:hover {background: #D65655;}

a.smallpurplebtn {padding:2% 2% 2% 2% !important; background: #cb2624; color: #ffffff; font-size:0.80em; font-family: 'Open Sans', sans-serif; font-weight:bold;
      border-radius: .25rem; border:0; cursor:pointer; cursor:hand; margin:5px;}
a.smallpurplebtn:hover {background: #D65655;}

.largepurplebtn {padding:5% !important; background: #cb2624;
 color: #ffffff; font-size:1.2em; font-family: 'Open Sans', sans-serif; font-weight:bold;
  -moz-border-radius: 0.25rem;
  -webkit-border-radius: 0.25rem;
-webkit-appearance: none;
  border-radius: 0.25rem; border:0; cursor:pointer; cursor:hand; margin:5px;
 width:160px; height:115px}
.largepurplebtn:hover {background: #D65655;}
a.reportbtn {padding:10px 18px; background: #cb2624; color: #ffffff; font-size:0.75em; font-family: 'Open Sans', sans-serif;
	-moz-border-radius: 0.25rem;
  -webkit-appearance: none;
	-webkit-border-radius: 0.25rem;
	width:100px;
	border-radius: 0.25rem;}
a.btn {padding:10px 18px; background: #91b039; color: #ffffff; font-size:0.75em; font-family: 'Open Sans', sans-serif;
  -moz-border-radius: 6px;
-webkit-appearance: none;
  -webkit-border-radius: 6px;
  border-radius: 6px;}
#modal .btn_red {background: #ED6347; color: #FFF; -webkit-appearance: none;}

a.btn:hover {background: #B9DA5A;}

a.purplebtn {padding:10px 18px; background: #cb2624; color: #ffffff; font-size:0.75em; font-family: 'Open Sans', sans-serif;
  -moz-border-radius: 0.25rem;
-webkit-appearance: none;
  -webkit-border-radius: 0.25rem;
  border-radius: 0.25rem;}
a.purplebtn:hover {background: #D65655;}

a.loadmore {padding:14px 18px; background: #cb2624; color: #ffffff; font-family: 'Open Sans', sans-serif;
-webkit-appearance: none;
  border-radius: 0.25rem;
  width:200px !important;}

a.loadmore:hover {background: #D65655;}


#modal .btn_red:hover {background: #C12B05;}

#modal a.btn {color:#666; text-align: center; text-decoration: none;}
#modal a.btn_red {color: #FFF;}

#modal .one_half {width:50%; display: block; float:left;}
#modal .one_half.last {width:45%; margin-left:5%;}

/* Popup Styles*/
#modal .popupHeader {font-size:16px; text-transform: uppercase;}
#modal .popupHeader {background:#ffffff; position:relative; color:#91b039; font-size:1em; font-weight:bold; font-family: 'Roboto', sans-serif; padding:10px 20px; border-bottom:1px solid #ffffff; font-weight:bold; text-align:left;}
#modal .popupHeader .modal_close {position: absolute; right: 0; top:0; padding:10px 15px; background:#ffffff; cursor: pointer; color:#999999; font-size:12px;}
#modal .popupHeader .fa-times{font-family: Arial, Helvetica, sans-serif; font-size:0em; padding:0;}

#modal .popupBody {padding:5%; }

#modal .largefont {color:#525252; font-size:1.2em; text-align:left; line-height:120%;}

#modal .mediumfont {color:#525252; font-size:1em; text-align:left; line-height:100%;}


#modal_small .btn_red {background: #ED6347; color: #FFF;}
#modal_small .btn_red:hover {background: #C12B05;}

#modal_small a.btn {color:#666; text-align: center; text-decoration: none;}
#modal_small a.btn_red {color: #FFF;}

#modal_small .one_half {width:50%; display: block; float:left;}
#modal_small .one_half.last {width:45%; margin-left:5%;}

/* Popup Styles*/
#modal_small .popupHeader {font-size:16px; text-transform: uppercase;}
#modal_small .popupHeader {background:#ffffff; position:relative; color:#91b039; font-size:1em; font-weight:bold; font-family: 'Roboto', sans-serif; padding:10px 20px; border-bottom:1px solid #ffffff; font-weight:bold; text-align:left;}
#modal_small .popupHeader .modal_small_close {position: absolute; right: 0; top:0; padding:10px 15px; background:#ffffff; cursor: pointer; color:#999999; font-size:12px;}
#modal_small .popupHeader .fa-times{font-family: Arial, Helvetica, sans-serif; font-size:0em; padding:0;}

#modal_small .popupBody {padding:2%; font-size:100%; }
#modal_small .largefont {color:#525252; font-size:1.2em; text-align:left; line-height:120%; }


#modal_large .btn_red {background: #ED6347; color: #FFF;}
#modal_large .btn_red:hover {background: #C12B05;}

#modal_large a.btn {color:#666; text-align: center; text-decoration: none;}
#modal_large a.btn_red {color: #FFF;}

#modal_large .one_half {width:50%; display: block; float:left;}
#modal_large .one_half.last {width:45%; margin-left:5%;}

/* Popup Styles*/
#modal_large .popupHeader {font-size:16px; text-transform: uppercase;}
#modal_large .popupHeader {background:#ffffff; position:relative; color:#91b039; font-size:1em; font-weight:bold; font-family: 'Roboto', sans-serif; padding:10px 20px; border-bottom:1px solid #ffffff; font-weight:bold; text-align:left;}
#modal_large .popupHeader .modal_large_close {position: absolute; right: 0; top:0; padding:10px 15px; background:#ffffff; cursor: pointer; color:#999999; font-size:12px;}
#modal_large .popupHeader .fa-times{font-family: Arial, Helvetica, sans-serif; font-size:0em; padding:0;}

#modal_large .popupBody {padding:2%; font-size:80%;}
#modal_large .largefont {color:#525252; font-size:1.2em; text-align:left; line-height:120%; }

/* Popup Styles*/
#getReport .popupHeader {font-size:19px; text-transform: uppercase;}
#getReport .popupHeader {background:#ffffff; position:relative; color:#000000; font-size:19px; font-weight:bold; font-family: 'Roboto', sans-serif; padding:10px 20px; border-bottom:1px solid #ffffff; font-weight:bold; text-align:left;}
#getReport .popupHeader .tinygrey { font-size:13px; color:#A5A5A5; text-transform: none !important;}
#getReport .popupHeader .modal_report_close {position: absolute; right: 0; top:0; padding:10px 15px; background:#ffffff; cursor: pointer; color:#999999; font-size:12px;}
#getReport .popupHeader .fa-times{font-family: Arial, Helvetica, sans-serif; font-size:0em; padding:0;}

#getReport .popupBody .fieldblock{margin-bottom:10px; padding-left:20px;text-align:left;}
#getReport .popupBody .fieldblock .fieldinfo{margin-top:20px;font-size:12px; width:90%; color:#A5A5A5; display:block; text-align:left;}
#getReport .popupBody .fieldblock .fieldvalue{text-align:left; width:90%; font-size:16px;}

#getReport .popupBody .fieldblock .fieldvalue #stateset, #getReport .popupBody .fieldblock input{
	font-size:16px;
}

.modal_report{
	text-decoration: underline !important;
}

#getReport a.btn {color:#666; text-align: center; text-decoration: none;}
#getReport a.btn_red {color: #FFF;}

#getReport .one_half {width:50%; display: block; float:left;}
#getReport .one_half.last {width:45%; margin-left:5%;}


#modal_sale .btn_red {background: #ED6347; color: #FFF;}
#modal_sale .btn_red:hover {background: #C12B05;}

.btn_orange {padding:10px 18px; background: #f5912a; color: #ffffff; font-size:1em; font-family: 'Open Sans', sans-serif; font-weight:bold;
  -moz-border-radius: 0.25rem;
  -webkit-border-radius: 0.25rem;
-webkit-appearance: none;
  border-radius: 0.25rem; border:0; cursor:pointer; cursor:hand; margin:5px 0px 5px 0px;}
.btn_orange:hover {background: #fe9a33;}

#modal_sale a.btn {color:#666; text-align: center; text-decoration: none;}
#modal_sale a.btn_red {color: #FFF;}

#modal_sale .one_half {width:50%; display: block; float:left;}
#modal_sale .one_half.last {width:45%; margin-left:5%;}

/* Popup Styles*/
#modal_sale .popupHeader {font-size:16px; text-transform: uppercase;}
#modal_sale .popupHeader {background:#ffffff; position:relative; color:#91b039; font-size:1em; font-weight:bold; font-family: 'Roboto', sans-serif; padding:10px 20px; border-bottom:1px solid #ffffff; font-weight:bold; text-align:left;}
#modal_sale .popupHeader .modal_large_close {position: absolute; float:right;text-align:right; right: 0; top:0; padding:10px 15px; background:#ffffff; cursor: pointer; color:#999999; font-size:12px;}
#modal_sale .popupHeader .fa-times{font-family: Arial, Helvetica, sans-serif; font-size:0em; padding:0;}

#modal_sale .popupBody {padding:2%; min-width:80%; min-height:80%; font-size:80%; background: #59117a url(/assets/images/advert/SitePromo.png) no-repeat center center;}
#modal_sale .largefont {color:#525252; font-size:1.2em; text-align:left; line-height:120%; }

#modal_sale .modalbuttonright {width:60%;margin:280px 0 0 400px;}

#modal_sale .modalbuttonright input{ margin-right:10px;}

.popupContainerHotbetmobile{
		width:320px !important;
		height: 430px !important;
		position:absolute;
		left:2%;
		top:10px;
		overflow:none;
		z-index: 10000 !important;
		background: #631784;
		font-family: Arial, Helvetica, sans-serif;
		border:2px solid #fff;
		-webkit-box-shadow: 0px 10px 15px 0px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    0px 10px 15px 0px rgba(50, 50, 50, 0.75);
		box-shadow:         0px 10px 15px 0px rgba(50, 50, 50, 0.75);
	}

#modal_hotbetmobile .popupHeader {font-size:16px; text-transform: uppercase;}
#modal_hotbetmobile .popupHeader {background:transparent; position:relative; width:100%; color:#ffffff; font-size:1em; font-family: 'Open Sans', sans-serif; padding:1px 1px; max-height:2px; border-bottom:0px solid #cb2624; font-weight:bold; text-align:left;}
#modal_hotbetmobile .popupHeader .modal_hotbet_closeme {position: absolute; float:right;text-align:right; right: 0; top:0;  padding:10px 15px; background:none; cursor: pointer; color:#aaa;font-weight:bold; font-size:16px;color:#fff;}
#modal_hotbetmobile .popupHeader .fa-times{font-family: Arial, Helvetica, sans-serif; font-size:0em; padding:0;}

#modal_hotbetmobile .popupBody {padding:5% 2% 2% 2%; min-width:80%;  min-height:85%; font-size:80%; }
#modal_hotbetmobile .largefont {color:#525252; font-size:1.2em; text-align:left; line-height:120%; }

#modal_hotbetmobile  .bghotbet0{
	background: #ffffff url(/assets/images/advert/Mobile-step00.png) no-repeat center center;
}
#modal_hotbetmobile  .bghotbet1{
	background: #ffffff url(/assets/images/advert/Mobile-step00.png) no-repeat center center;
}
#modal_hotbetmobile .bghotbet2{
	background: #ffffff url(/assets/images/advert/Mobile-step2.png) no-repeat center center;
}
#modal_hotbetmobile .bghotbet3{
	background: #ffffff url(/assets/images/advert/Mobile-step3.png) no-repeat center center;
}

#modal_hotbetmobile .modalbuttonright {width:70%;margin:350px 0 0 43px;}

#modal_hotbetmobile .modalbuttonright input{ margin-left:30px; font-size:12px; padding:15px;}

#modal_hotbet a.btn {color:#666; text-align: center; text-decoration: none;}
#modal_hotbet a.btn_red {color: #FFF;}

#modal_hotbet .one_half {width:50%; display: block; float:left;}
#modal_hotbet .one_half.last {width:45%; margin-left:5%;}

/* Popup Styles*/
#modal_hotbet .popupHeader {font-size:16px; text-transform: uppercase;}
#modal_hotbet .popupHeader {background:transparent; position:relative; width:100%; color:#ffffff; font-size:1em; font-family: 'Open Sans', sans-serif; padding:1px 1px; max-height:2px; border-bottom:0px solid #cb2624; font-weight:bold; text-align:left;}
#modal_hotbet .popupHeader .modal_hotbet_close {position: absolute; float:right;text-align:right; right: 0; top:0; padding:10px 15px; background:none; cursor: pointer; color:#aaa;font-weight:bold; font-size:16px;}
#modal_hotbet .popupHeader .fa-times{font-family: Arial, Helvetica, sans-serif; font-size:0em; padding:0;}

#modal_hotbet .popupBody {padding:5% 2% 2% 2%; min-width:80%;  min-height:85%; font-size:80%; }
#modal_hotbet .largefont {color:#525252; font-size:1.2em; text-align:left; line-height:120%; }

#modal_hotbet  .bghotbet0{
	background: #ffffff url(/assets/images/advert/HelperLightbox0.jpg) no-repeat center center;
}
#modal_hotbet  .bghotbet1{
	background: #ffffff url(/assets/images/advert/HelperLightbox0.jpg) no-repeat center center;
}
#modal_hotbet .bghotbet2{
	background: #ffffff url(/assets/images/advert/HelperLightbox2.png) no-repeat center center;
}
#modal_hotbet .bghotbet3{
	background: #ffffff url(/assets/images/advert/HelperLightbox3.png) no-repeat center center;
}

#modal_hotbet .modalbuttonright {width:63%;margin:360px 0 0 400px;}

#modal_hotbet .modalbuttonright input{ margin-left:80px;}


@media screen and (max-width: 770px) {
 	#modal_sale .popupBody{
		background: #59117a url(/assets/images/advert/SitePromo.png)  no-repeat top center;
		background-size: 320px 200px;
		width:300px;
		height:130px;
		min-width:none;
		min-height:none;
		margin-top:-10px;
	}

	#modal_sale .modalbuttonright {width:60%;margin:145px 0 0 160px;}

	#modal_sale .modalbuttonright input{ margin-right:10px; padding:5px; float:left;}



}

/* Social Login Form */
#modal .social_login {}
#modal .social_login .social_box {display:none; clear:both; padding:10px; margin-bottom: 10px; background: #F4F4F2; overflow: hidden;}
#modal .social_login .icon {display:block; width:10px; padding:5px 10px; margin-right: 10px; float:left; color:#FFF; font-size:16px; text-align: center;}
#modal .social_login .fb .icon {background:#3B5998;}
#modal .social_login .google .icon {background:#DD4B39;}
#modal .social_login .icon_title {display:block; padding:5px 0; float:left; font-weight: bold; font-size: 16px; color:#777;}
#modal .social_login .social_box:hover {background: #E4E4E2;}

#modal .centeredText {text-align: center; margin: 20px 0; clear: both; overflow: hidden; text-transform: uppercase;}

#modal .action_btns {clear:both; overflow: hidden;}
#modal .action_btns a {display: block;}

/* User Login Form */
#modal .user_login {display: block;}
#modal .user_login label {display: block; margin-bottom:5px; color:#000;text-align:left;}
#modal .user_login input[type="text"], .user_login input[type="email"], .user_login input[type="password"] {display: block; width:90%; font-size:14px; padding: 10px; border:1px solid #DDD; color:#666;}
#modal .user_login input[type="checkbox"] {float:left; margin-right:5px;}
#modal .user_login input[type="checkbox"]+label {float:left;}

/* User Forgot Form */
#modal .forgot_login {display: block;}
#modal .forgot_login label {display: block; margin-bottom:5px; color:#000;text-align:left;}
#modal .forgot_login input[type="email"] {display: block; width:90%; padding: 10px; border:1px solid #DDD; color:#666;}

#modal .user_login .checkbox {margin-bottom: 10px; clear: both; overflow: hidden;}
#modal .forgot_password {display:block; margin: 20px 0 10px; clear: both; overflow: hidden; text-decoration: none; color:#ED6347;}

/* User Register Form */
#modal .user_register {display: none;}
#modal .user_register label {display: block; margin-bottom:5px;}
#modal .user_register input[type="text"], .user_register input[type="email"], .user_register input[type="password"] {display: block; width:90%; padding: 10px; border:1px solid #DDD; color:#666;}
#modal .user_register input[type="checkbox"] {float:left; margin-right:5px;}
#modal .user_register input[type="checkbox"]+label {float:left;}

#modal .user_register .checkbox {margin-bottom: 10px; clear: both; overflow: hidden;}


/* Popup Styles*/
#modalpop .popupHeader {font-size:16px; text-transform: uppercase;}
#modalpop .popupHeader {background:#ffffff; position:relative; color:#91b039; font-size:1.7em; font-weight:bold; font-family: 'Roboto', sans-serif; padding:10px 20px; border-bottom:1px solid #ffffff; font-weight:bold; text-align:left;}
#modalpop .popupHeader .modal_close {position: absolute; right: 0; top:0; padding:10px 15px; background:#E4E4E2; cursor: pointer; color:#aaa; font-size:16px;}
#modalpop .popupHeader .fa-times{font-family: Arial, Helvetica, sans-serif; font-size:0em; padding:0;}

#modalpop .popupBody, #modalpop .popupBody_info {padding:2%;}

#modalpop .largefont {color:#000000; font-size:1.4em; text-align:left; line-height:120%;}

@media screen and (min-width: 701px) and ( max-width: 1024px) {
	.popupContainer50{ width:60%; top:20px !important;}
}

@media screen and (max-width: 770px) {

	.popupContainer{width:90%; top:20px !important;}

	.popupContainer50{ width:90%; top:20px !important;}

	.popupContainerSmall{width:90%; top:20px !important;}

	.popupContainerLarge{width:90%; top:20px !important; background-color:#fff;}

	#modal .largefont {color:#525252; font-size:0.95em; text-align:left; line-height:100%;}

	.depositfunds, .user-creds, .freebets{
		display:none;
	}
	.accountbalance .balbg{
		color:#ffffff;
		padding:1% 5% 1% 1%;
		width:170%;
		text-align:right;
	}

	.joinbtntop{
		display:none;
	}

	.loginbtntop {
		margin-top:1%;
	}

	#modal .user_login input[type="text"], .user_login input[type="email"], .user_login input[type="password"] {display: block; width:90%; font-size:120%; padding: 10px; border:1px solid #DDD; color:#666;}

}


/***** navigation ********/
 #nav{
		width: 100%;
		padding:0;
		height:45px;
		max-height: 45px;
		margin:0 auto;
		margin-bottom:0;
		background:#cb2624; 
		border:0px solid #ffffff;
		min-width:320px;
}

#nav .navwrap{
	margin:0 auto;
	max-width:1290px !important;
	width: 95%;
	height:100%;
	padding:0;
}

#nav .navwrap .nav_1_of_2 {
        width: 75%;
		height:98%;
		float:left;
		margin: 0%;
		padding:0;
 }
#nav .navwrap .nav_2_of_2 {
        width: 25%;
		height:100%;
		float:right;
		margin: 0;
		padding:0;
		background-color:#333333;
 }

#nav ul.mainnav, #nav ul.betslipcontainer{
		list-style:none;
		margin:0 auto;
		padding:0;
		width: 100%;
		height:100%;
}

#nav ul.betslipcontainer li{
	float:right;
	width:100%;
	height:95%;
	padding:0;
	margin:0;
}

#nav ul.mainnav li{
	float:left;
	font-family: 'Open Sans', sans-serif;
	color:#ffffff;
	height:45px;
	padding:1.5% 1.5% 0 1.5%;
	font-size:70%;
	width:auto;
	margin-bottom:0;
	border-right:1px solid #d65655; 
}

#nav ul.mainnav li.name, #nav ul.mainnav li.mainnextjump{
	display:none;
}

#nav ul.mainnav li.status{
	display:none;
	padding:0;
	margin:0;
}

#nav ul.mainnav li a{
	color:#ffffff;
	font-size:115%;
	font-weight:bold;
	z-index:9999;
}

#nav ul.mainnav li a:hover{
	color:#aeaeae;
}

#nav ul.mainnav li img{
	float:left;
	diaply:inline;
	margin-right:5px;
	margin-top:-3px;
}

#nav ul.mainnav li.acc-options{
	display:none;
}

#nav ul.mainnav li:hover, #nav ul.mainnav li.selected{position: relative; z-index: 9999; cursor: pointer; background-color:#333333;}
#nav ul.mainnav li:hover > ul { visibility: visible; }
#nav a { display: block;  text-decoration: none; }

#nav ul.mainnav li ul{
	visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 9999;
	bottom: 0; left: 0; margin-top: 0;
	background:transparent;
	height:100%;
	width:200px;
	margin:0 ;
	padding:0 1% 0 0;
	border-top:solid 0px #2c0640;
}

#nav ul.mainnav li ul li{
	float:none;
	display:block;
	/* width:93%; */
	font-size:0.7rem;
	list-style-type: none;
	background:#333333;
	padding:5% 0% 5% 7%;
	text-align:left;
	color:#ffffff;
	display: flex;
    align-items: center;
	/* height:25px; */
}

/*#nav ul.mainnav li ul li ul{
	left: 100%;
	margin-left: 1px;
	top: -1px;
	background-color:#565656;
	font-size: 100%;
}

#nav ul.mainnav li ul li ul li{
	background-color:#565656;
}*/

#nav ul.mainnav li.mobileonly{
	display:none;
}

#nav ul.mainnav li.noactionoption{
		background:#565656;
		/* width:93%; */
}

#nav ul.mainnav li a.noactive{
		pointer-events: none;
		cursor:pointer; cursor:hand;
}

#nav ul.mainnav li ul li:hover{
	background:#d65655;
}

#nav ul.mainnav li ul li a{
	text-align:left;
	font-family: 'Open Sans', sans-serif;
	color:#ffffff;
	margin-top: 1%;
}

#nav ul.mainnav li ul li a:hover{
	color:#aeaeae;
}

#nav ul.mainnav li ul li.spareoption{
	display:none;
}

#nav ul.mainnav li ul.navsuboption li ul {
    position: absolute;
    top: 0;
    left: 100%;
} 
#eventmenu{
		width: 100%;
		padding:0;
		max-width:1420px;
		height:40px;
		max-height: 40px;
		margin:0 auto;
		margin-top:0;
		background:#ffffff;
		border-bottom:1px solid #d1d1d1;
		clear:both;
}

#eventmenu ul{
		list-style:none;
		margin:0;
		padding:0;
		width: 90%;
		max-width: 90%;
		height:100%;
}

#eventmenu ul li{
	float:left;
   -webkit-padding-end: 0px;
   -webkit-padding-start: 2px;
   -webkit-user-select: none;
   background-position: 97% center;
   background-repeat: no-repeat;
   border: 1px solid #AAA;
   color: #555;
   font-size: inherit;
   text-overflow: ellipsis;
   font-family: 'Roboto', sans-serif;
   white-space: nowrap;
   font-size:11px;
   text-align:center;
   margin-right:1%;
   padding: 1.5% 1.5% 1.1% 1.5%;
   max-height:40px;
   width: 15%;
   font-weight:bold;
   border-bottom:0;
   background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #cfcfcf 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%,#cfcfcf 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%,#cfcfcf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cfcfcf',GradientType=0 ); /* IE6-9 */
}
#eventmenu ul li.roundcornerleft{
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
}
#eventmenu ul li.roundcornerright{
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
}

#eventmenu ul li:hover{
	float:left;
   -webkit-padding-end: 0px;
   -webkit-padding-start: 2px;
   -webkit-user-select: none;
   background-position: 97% center;
   background-repeat: no-repeat;
   background:#ffffff !important;
   font-family: 'Roboto', sans-serif;
   border: 1px solid #AAA;
   color: #91b039 !important;
   font-size: inherit;
   text-overflow: ellipsis;
   white-space: nowrap;
   font-size:11px;
   text-align:center;
   width: 15%;
   padding: 1% 1.5% 1.2% 1.5%;
   font-weight:bold;
   border-bottom:0;
   border-top:5px solid #91b039;
}

#eventmenu ul li.eventselected{
		float:left;
	   -webkit-padding-end: 0px;
	   -webkit-padding-start: 2px;
	   -webkit-user-select: none;
	   background-position: 97% center;
	   background-repeat: no-repeat;
	   background:#ffffff !important;
	   font-family: 'Roboto', sans-serif;
	   border: 1px solid #AAA;
	   color: #91b039 !important;
	   font-size: inherit;
	   text-overflow: ellipsis;
	   white-space: nowrap;
	   font-size:11px;
	   text-align:center;
	   width: 15%;
	   padding: 1% 1.5% 1.2% 1.5%;
	   font-weight:bold;
	   border-bottom:0;
	   border-top:5px solid #91b039;
}

#eventmenu ul li.datelist{
		float:right;
	   -webkit-padding-end: 0px;
	   -webkit-padding-start: 2px;
	   -webkit-user-select: none;
	   background-position: 97% center;
	   background-repeat: no-repeat;
	   background:#ffffff !important;
	   font-family: 'Roboto', sans-serif;
	   border: 1px solid #AAA;
	   color: #91b039 !important;
	   font-size: inherit;
	   text-overflow: ellipsis;
	   white-space: nowrap;
	   font-size:11px;
	   text-align:center;
	   width: 15%;
	   padding: 1% 0% 0% 0%;
	   font-weight:bold;
	   border:0;
}

#eventmenu ul li.rightal{
	float:right;
	background-color:#ffffff !important;
}


#eventmenu ul li select{
	-webkit-appearance: button;
   -webkit-border-radius: 2px;
   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   -webkit-padding-end: 0px;
   -webkit-padding-start: 2px;
   -webkit-user-select: none;
    background-image: url(/assets/images/icon/downarrow.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
   background-position: 97% center;
   background-repeat: no-repeat;
   border: 1px solid #AAA;
   color: #555;
   font-size: inherit;
   overflow: hidden;
   padding: 5px 30px 5px 2px;
   text-overflow: ellipsis;
   white-space: nowrap;
   font-size:11px;
}

#eventmenu ul li.eventbookie{
	float:right;
	border-right:0px solid #d1d1d1;
	padding:0% 0 0 0;
	margin:0;
}

#eventmenu ul li.eventbookie a{
	color:#ffffff;
}

#eventmenu ul li.eventbookie a:hover{
	color:#ffffff;
}

#eventmenu ul li.eventbookie select{
	margin-top:5%;
}

#eventmenu ul li.eventbookie:hover{
	float:right;
	border-right:0px solid #d1d1d1;
	background:#eaeaea;
}

#eventmenu ul li.eventbookie img{
	padding:0;
	margin:5% 0 0 0 ;
	float:right;
}

#eventmenu ul li a{
	color:#777777;
	font-size:14px;
}

#eventmenu ul li a:hover, #eventmenu ul li:hover a, #eventmenu ul li.eventselected a{
	color:#91b039;
	font-size:14px;
	text-transform:uppercase;
}

#eventmenu ul li.eventdrop{
	display:none;
}

.setdefaultbookie{
	display:none;
}

.bookiefields{
	width:70% !important;
}

.col ul.bookiefields{
	list-style:none;
	padding:0;
	margin:0;
}

.col ul.bookiefields li{
	list-style:none;
	float:left;
	padding:0;
	width:30%;
	margin-right:1%;
}

#triggerbetslip img{
	float:right;
}



.betslipbutton {
	display:none !important;
}

.bettingpromo{
	margin-bottom:50px;
}

.mobilebookielogo{
	display:none;
}

.betslipstatus{
	background-color:#ff130b;
	color:#ffffff;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	padding:1px;
	margin-bottom:5px;
	margin-top:-7px;
	display:none;
}

.betslipstatusshow{
	background-color:#ff130b;
	color:#ffffff;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	padding:1px;
	margin-bottom:5px;
	margin-top:-7px;
}

@media screen and (min-width: 701px) and ( max-width: 1024px) {
	#eventmenu{
		max-height:47px !important;
	}
	/*#nav .navwrap{
		width: 100%;
	}*/
	 #nav ul.mainnav li{
		margin-right:0%;
		/* height:30px; */
		padding-top:15px;
	}
	#nav ul.mainnav li img{
		margin-right:3px;
	}
	#nav ul.mainnav li a{
		font-size:95%;
	}

	#nav ul.mainnav li.mobileonly{
		display:block;
	}

	#nav ul.mainnav li a.noactive{
		pointer-events: none;
		cursor: default;
	} 

	#eventsubmenu ul li a.noactive{
		pointer-events: none;
		cursor: default;
	}

	.toast-bottom-right {
        margin-top: -300px;
    }

	.purplebtn, .btn {padding:8px 16px; font-size:0.9em;
	}

	.bigbtn {padding:8px 16px; font-size:1em;
	}

	.doublearrow, .doublearrow:hover{
		background: #91b039 url(/assets/images/icon/DoubleUpArrow.png) no-repeat center center;
		background-size: 30px 20px;
		width:77px;
		height:38px;
		padding:10px 26px;
		font-size:1em
	}
}

.toast-container {
        margin-top: -300px !important;
    }

@media screen and (max-width: 770px) {

	/* #nav ul.mainnav li ul li ul{
		left: auto;
		margin-left: auto;
		top: auto;
		background-color:#565656;
		font-size: 100%;
	} */

	
	.mobilebookielogo{
		display:inline;
		text-align:left;
		padding-left:0;
		margin-left:-15%;
	}
	.btn,.purplebtn {padding:6px 14px; font-size:0.8em;
	}

	a.btn{
		clear:both;
		display:block;
		width:100%;
	}

	.bigbtn {padding:8px 16px; font-size:1em;
	}

	.doublearrow, .doublearrow:hover{
		background: #91b039 url(/assets/images/icon/DoubleUpArrow.png) no-repeat center center;
		background-size: 30px 20px;
		width:71.5px;
		height:30px;
	}

	.setdefaultbookie{
		display:inline;
	}

	.bettingpromo{
		margin-bottom:20px;
	}

	.bettingpromo p{
		font-size:1em;
	}
	.bettingpromo p.incodds .largecontent{
		font-size:1em;
	}

	.bookiefields{
		width:95%;
	}

	.col ul.bookiefields li{
		list-style:none;
		float:none;
		padding:0;
		margin:0;
		text-align:center;
		width:95%;
	}

	/* #nav{
		height: 5px;
		padding-top:5px;
		top:50px !important;
		position:fixed;
		z-index:10;
		display:block;
		background:none;
	}

	#nav ul.mainnav li ul li.spareoption{
		display:block;
	} */

	#nav ul.betslipcontainer{
		width:90%;
		height:100%;
		float:right;
		top:55px;
		padding-right:0%;
		padding-bottom:0;
		position:fixed;
		z-index:500 !important;
		overflow-y: scroll;
		overflow-x: hidden;
		-webkit-overflow-scrolling: touch;
		float:right;
		right:0;
		display:none;
	}

	#triggerbetslip{
		width:30px;
		height:30px;
		float:right;
	}


	/*#nav ul.betslipcontainer li{
		background: transparent;
		border:0;
	}*/

	#nav ul.betslipcontainer li{
		height:55px;
	}

	#nav ul.betslipcontainer li header{
		height:40px;
		margin-bottom:0;
	}

	#betslipheader{
		padding:4.5%;
	}

	.betslipbutton {
		display:inline !important;
		float:none;
		margin-right:3%;
		margin-top:20px !important;
	}

	#eventmenu{
		border-bottom:0px;
		width:99%;
		min-width:320px;
		padding:5px 0 0 0;
		height:50px;
		margin-top:140px;
		margin-bottom:-118px;
		position:relative;
		clear:left;
	}

	/* #nav .navwrap{
		margin:0;
		width: 100%;
		height:2%;
		padding:0;
	}

	#nav .navwrap .nav_1_of_2 {
		width:100%;
		height:100%;
		z-index:99999 !important;
		position:fixed;
		display:none;
		overflow: scroll;
		background-color: rgba(0, 0, 0, 0.7);
	}

	#nav .navwrap .nav_2_of_2 {
		width:100%;
		margin-right:0;
		padding-right:0;
		position:relative;
		height:25px;
		overflow:scroll;
	}

	#nav ul.mainnav{
		display:none;
		margin-right:0;
		width:80%;
		opacity: 1;
		text-align:right;
		overflow:scroll;
	}

	#nav ul.mainnav li.name{
		display:block;
		background-color:#43515a;
		padding:5% 2% 5% 2%;
		height:25px;
		text-align:left;
	}

	#nav ul.mainnav li.status{
		display:block;
		background-color:#222222 !important;
		padding:0%;
		height:40px;
		text-align:left;
	}

	#nav ul.mainnav li.navdivider{
		display:block;
		background-color:#3e3e3e !important;
		padding:0%;
		height:10px;
		text-align:left;
		border-bottom:#465056 1px solid;
		border-top:#465056 1px solid;
	}

	#nav ul.mainnav li.status .joinstatus{
		width:50%;
		float:left;
		padding:0;
		margin:0;
		text-align:center;
	}

	#nav ul.mainnav li.status .joinstatus a.whitefullbtn{
		padding:0;
		margin:0;
		background-color:#ffffff;
		font-family: 'Open Sans', sans-serif;
		text-transform:uppercase;
		color:#91b039;
		width:100%;
		max-height:45px;
		padding:10px 0px 10px 0px;
	}

	#nav ul.mainnav li.status .joinstatus a.greenfullbtn{
		padding:0;
		margin:0;
		background-color:#91b039;
		font-family: 'Open Sans', sans-serif;
		text-transform:uppercase;
		color:#ffffff;
		width:100%;
		max-height:45px;
		padding:10px 0px 10px 0px;
	} */

	#nav ul.mainnav li.status .quickoptions,.quickoptions{
		float:left;
		padding:0;
		margin:0;
		text-align:center;
		border-right:1px solid #333333;
	}

	/* #nav ul.mainnav li.mainnextjump{
		display:block;
	}

	#nav ul.mainnav li.mobileonly{
		display:block;
	}

	#nav ul.mainnav li.status a{
		font-size:80%;
		margin:0;
		text-align:center;
	}

	#nav ul.mainnav li.acc-options{
		display:block;
		height:auto;
		background-color:#181d20;
		font-size:70%;
		padding:7% 0 7% 2%;
	}

	#nav ul.mainnav li.acc-options-button{
		display:block;
		background-color:#181d20;
		font-size:70%;
		padding:0%;
	}

	#nav ul.mainnav li.status ul{
		list-style:none;
		margin:0;
		padding:0;
		float:right;
		width:100%;
		margin-top:50px;
	}

	#nav ul.mainnav li.status ul li.button{
		list-style:none;
		float:right;
		width:26%;
		background-color:#3e3e3e;
		border-right:1px solid #333333;
		text-align:center;
		font-size:14px;
		padding: 10px 1px 10px 0px
	}

	#nav ul.mainnav li{
		float:none;
		background-color:#333333;
		text-align:left;
		border-bottom:#465056 1px solid;
		height:25px;
		padding:5% 0 3% 7%;
		-webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    0px 3px 5px 0px rgba(50, 50, 50, 0.75);
		box-shadow:         0px 3px 5px 0px rgba(50, 50, 50, 0.75);
	}

	#nav ul.mainnav li img{
		margin-top:-5px;
	}

	#nav ul.mainnav li a.noactive{
		pointer-events: none;
		cursor: default;
	}
	#nav ul.mainnav li:active > ul, #nav ul.mainnav li:hover > ul  { visibility: visible; display: block;}
	#nav ul.mainnav li:active, #nav ul.mainnav li:active {position: relative; z-index: 9999; cursor: default;}
	#nav ul.mainnav li:hover, #nav ul.mainnav li.selected{position: relative; z-index: unset; cursor: default; background-color:#c8292b;}

	#nav ul.mainnav li ul{
		width:100%;
		margin:-4% 0 0 0%;
		visibility: visible;
		display: block;
	}

	#nav ul.mainnav li ul.navsuboption{
		display:none;
		z-index: 999999 !important;
	}

	#nav ul.mainnav li ul li{
		z-index: 999999 !important;
	} */

	#eventmenu ul li.eventbookie, #eventmenu ul li.eventlist{
		display:none;
	}

	#eventmenu ul li.eventdrop{
		display:block;
		float:right;
		background:#eaeaea;
	}

	#eventmenu ul li{
		border-right:0px;
	}

	#eventmenu ul li select{
		padding:7px;
	}
}

/***** Footer *****/

#footer{
	height:auto;
	margin:0 auto;
	width: 100%;
	background:#222222;
	border:0px solid #4a4949;
	text-align:center;
	min-width:320px;
	max-width:1920px;
	min-height:15%;
	padding:3% 2% 3% 2%;
	clear:both;
	display:block;
}

#footertail{
	height:auto;
	margin:0 auto;
	width: 100%;
	background:#222222;
	border:0px solid #4a4949;
	text-align:center;
	max-height:25%;
	clear:left;
	color:#F9F9F9;
	font-size:0.75em;
	min-width:320px;
	padding:2%;
}

#footer .content, #footertail .content {
width: 90%;
max-width:90%;
margin-left:2%;
height:100%;
margin:0 auto;
padding:0;
text-align:center;
color:#F9F9F9;
}

#footertail .content a{
	color:#F9F9F9;
	font-weight:normal;
	text-decoration:underline;
}

.clearfix:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
	padding:0;
   clear: both;
   min-width:320px;
}

#footer .columnleft{
	float:left;
	width:20%;
	text-align:left;
}

#footer .columnright{
	float:right;
	width:15%;
	text-align:right;
}

#footer ul{
	list-style:none;
	height:120%;
	text-align:center;
	width:100%;
}

#footer ul li{
	list-style:none;
	padding:0.5% 0% 0.5% 0.5%;
	line-height:100%;
	margin:0;
	display:inline;
	color:#F9F9F9;
	font-size:0.75em;
}

#footer ul li h3{
	color:#F9F9F9;
	text-transform:uppercase;
	font-size:0.9em;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 1% 0;
	padding:0;
}

#footer ul li a{
	color:#F9F9F9;
	text-align:left;
	text-decoration:none;
	margin:0;
	font-family: 'Open Sans', sans-serif;
}

#footer ul li a:hover, #footertail a:hover{
	color:#686868;
	text-decoration:none;
}

#footertail.left{
	text-align:left;
	margin:0 2% 0 0;
	width:85%;
	padding:1%;
}

#footertail.right{
	text-align:right;
	width:15%;
	padding:1%;
	float:right;
	margin: 0 !important;
}

@media screen and (min-width: 701px) and ( max-width: 770px){
	#nav ul.betslipcontainer{
		width:46%;
	}
}

@media screen and (max-width: 770px) {
	#footer{
		clear:both;
		width:95%;
		padding:3% 2% 3% 3%;
		height: auto !important;
	    height: 100%;
	    margin: 0 auto;
	}

	#footertail{
		width: 95%;
		padding:7% 2% 7% 3%;
	}

	#footer .content, #footertail .content {
	width: 90%;
	max-width:90%;
	margin-left:1%;
	height:100%;
	margin:0;
	padding:0 0 0 2%;
	}

	.clearfix:after {
	   content: " "; /* Older browser do not support empty content */
	   visibility: hidden;
	   display: block;
	   height: 0;
	   padding:0;
	   margin:0;
	   clear: both;
	   min-width:320px;
	}

	#footer .columnleft{
		float:none;
		width:100%;
		clear:both;
		margin-bottom:5%;
	}

	#footer ul{
		margin:0 5% 0 0;
		padding:0;
		width:25%;
	}

	#footer .columnright{
		float:none;
		clear:both;
		width:100%;
		margin-top:2%;
		text-align:left;
	}

	#footer .columnright img{
		width:10%;
		height:10%;
	}

	#footertail{
		padding-top:3%;
		height:20px;
	}
}

/****** Site Layout ********/

#container{
	margin:0 auto;
	max-width:1280px;
	float:center;
	width: 100%;
	min-width:320px;
	padding:0%;
	margin-top:1%;
	height:100%;
}

#landingcontainer{
	margin:0 auto;
	max-width: 100%;
	float:center;
	width: 100%;
	min-width:320px;
	padding:0%;
	margin:0;
	background-color: #430d5d;
}

#content{
	margin: auto 0;
	width: 100%;
	max-width: 100%;
	min-width:320px;
	background-color: #ffffff;
}

#landingcontent{
	margin: auto 0;
	width: 100%;
	max-width: 100%;
	min-width:320px;
	background-color:#430d5d;

}

#landingcontent .backer-ext-out{
	margin:0 auto;
	max-width: 88.5%;
	float:center;
	background: #430d5d url(/assets/images/backer-ext-logout.jpg) no-repeat center center;
	height:870px;

	  -webkit-background-size: contain;
	  -moz-background-size: contain;
	  -o-background-size: contain;
	  background-size: contain;
}

#landingcontent .backer-int-in{
	margin:0 auto;
	max-width: 88.5%;
	float:center;
	background: #430d5d url(/assets/images/backer-int-login.jpg) no-repeat center center;
	height:670px;

	  -webkit-background-size: contain;
	  -moz-background-size: contain;
	  -o-background-size: contain;
	  background-size: contain;
}

#landingcontent .bettor-ext-out{
	margin:0 auto;
	max-width: 88.5%;
	float:center;
	background: #430d5d url(/assets/images/bettor-ext-logout.jpg) no-repeat center center;
		height:830px;

	  -webkit-background-size: contain;
	  -moz-background-size: contain;
	  -o-background-size: contain;
	  background-size: contain;
}

#landingcontent .bettor-int-in{
	margin:0 auto;
	max-width: 88.5%;
	float:center;
	background: #430d5d url(/assets/images/bettor-int-login.jpg) no-repeat center center;
		height:670px;

	  -webkit-background-size: contain;
	  -moz-background-size: contain;
	  -o-background-size: contain;
	  background-size: contain;
}

#landingcontent .punterstatbox, #landingcontent .punterstatboxshort{
	top:33.5%;
	left:23%;
	position:relative;
	-webkit-background-size: contain;
	  -moz-background-size: contain;
	  -o-background-size: contain;
	  background-size: contain;
}

#landingcontent .punterstatboxshort{
	top:39.5%;
	left:22%;
}

#landingcontent .punterstatbox .puntername,
#landingcontent .punterstatboxshort .puntername{
	font-size:2em;
	color:#ffffff;
	text-transform:uppercase;
}

#landingcontent .punterstatbox .punterstats,
#landingcontent .punterstatboxshort .punterstats{
	font-size:0.9em;
	color:#ff7e0f;
}

#landingcontent  .backer-ext-out .landingvideo,
#landingcontent  .bettor-ext-out .landingvideo,
#landingcontent  .bettor-int-in .landingvideo,
#landingcontent  .backer-int-in .landingvideo{
	border:0px solid #000000;
	width:30%;
	height:70%;
	top:30%;
	left:20%;
	position:absolute;
	-webkit-background-size: contain;
	  -moz-background-size: contain;
	  -o-background-size: contain;
	  background-size: contain;
}


#landingcontent  .backer-ext-out .joinnowclick,
#landingcontent  .bettor-ext-out .joinnowclick,
#landingcontent  .bettor-int-in .joinnowclick,
#landingcontent  .backer-int-in .joinnowclick{
	border:0px solid #000000;
	width:30%;
	height:70%;
	top:70%;
	left:60%;
	position:absolute;
	-webkit-background-size: contain;
	  -moz-background-size: contain;
	  -o-background-size: contain;
	  background-size: contain;
}

#bannerset{
	margin: auto 0;
	width:100%;
	max-width: 100%;
	min-width:320px;
	clear:both;
}

#bannerset .mainbanner{
	background: url(/assets/images/advert/GTO-Slider-Banner-Punter-v7.jpg) no-repeat;
	background-size: 100% auto;
	height:250px;
	width:100%;
}

#bannerset .mainbannertodayselect{
	background: url(/assets/images/advert/Second-HomePageTile-BetSlip.png) no-repeat;
	background-size: 100% auto;
	height:250px;
	width:100%;
	border-left:1px #D1D1D1 solid;
	border-right:1px #D1D1D1 solid;
	border-top:1px #D1D1D1 solid;
}

#bannerset .actionset{
		max-width:217px;
		display:block;
		float:right;
		margin-top:10%;
		margin-right:7.5%;
}

#bannerset .steps img{
	width:100%;
	margin-top:10px;
}

#bannerset .stepsmobile{
	display:none;
}

#bannerset .largebtn, #landingcontent .largebtn  {
   padding:10px 18px; color: #ffffff; font-size:1em; font-family: Arial, Helvetica, sans-serif; font-weight:bold;
   width:215px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px; border:0; cursor:pointer; cursor:hand; margin:5px 0px 5px 0px;
	background: #5ab541; /* Old browsers */
	background: -moz-linear-gradient(top, #5ab541 0%, #429a2a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5ab541), color-stop(100%,#429a2a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #5ab541 0%,#429a2a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #5ab541 0%,#429a2a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #5ab541 0%,#429a2a 100%); /* IE10+ */
	background: linear-gradient(to bottom, #5ab541 0%,#429a2a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ab541', endColorstr='#429a2a',GradientType=0 ); /* IE6-9 */
}

.fatbtn  {
   padding:20px 18px; color: #ffffff; font-size:1.5em; font-family: Arial, Helvetica, sans-serif; font-weight:bold;
   width:215px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px; border:0; cursor:pointer; cursor:hand; margin:5px 0px 5px 0px;
	background: #5ab541; /* Old browsers */
	background: -moz-linear-gradient(top, #5ab541 0%, #429a2a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5ab541), color-stop(100%,#429a2a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #5ab541 0%,#429a2a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #5ab541 0%,#429a2a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #5ab541 0%,#429a2a 100%); /* IE10+ */
	background: linear-gradient(to bottom, #5ab541 0%,#429a2a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ab541', endColorstr='#429a2a',GradientType=0 ); /* IE6-9 */
}


#bannerset .largeplaybtn {
   padding:10px 18px; color: #ffffff; font-size:1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
   width:215px;
   line-height:70%;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
   border-radius: 2px; border:0; cursor:pointer; cursor:hand; margin:5px 0px 5px 0px;
	background: #631987; /* Old browsers */
	background: -moz-linear-gradient(top, #631987 0%, #5a187b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#631987), color-stop(100%,#5a187b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #631987 0%,#5a187b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #631987 0%,#5a187b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #631987 0%,#5a187b 100%); /* IE10+ */
	background: linear-gradient(to bottom, #631987 0%,#5a187b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#631987', endColorstr='#5a187b',GradientType=0 ); /* IE6-9 */

}

#bannerset .largeplaybtn .smallinfo{
	font-size:70%;
}

.mobilejoin, .MobileHowitworks{
		display:none;
}

@media screen and (min-width: 701px) and (max-width: 1024px){
	 #nav .navwrap .nav_2_of_2 {
        width: 30%;
 	}

	#nav .navwrap .nav_1_of_2 {
		width: 65%;
	} 

	#landingcontent .punterstatbox, #landingcontent .punterstatboxshort{
		top:37.5%;
		left:23%;
		position:relative;
		-webkit-background-size: contain;
		  -moz-background-size: contain;
		  -o-background-size: contain;
		  background-size: contain;
	}

	#landingcontent .punterstatbox .puntername,
	#landingcontent .punterstatboxshort .puntername{
		font-size:1.3em;
		color:#ffffff;
		text-transform:uppercase;
	}

	#landingcontent .punterstatbox .punterstats,
	#landingcontent .punterstatboxshort .punterstats{
		font-size:0.8em;
		color:#ff7e0f;
	}

	#bannerset .mainbanner{
		max-height:190px;
	}

	#bannerset .largeplaybtn {
	   padding:8px 16px; color: #ffffff;
	   font-size:1em;
	   width:200px;
	}
	#bannerset .largebtn, #landingcontent .largebtn  {
	   padding:8px 16px; color: #ffffff; font-size:1em;
	   width:200px;
	 }

	 #bannerset .actionset{
		max-width:217px;
		display:block;
		float:right;
		margin-top:9%;
		margin-right:4%;
	}
}

@media screen and (min-width: 701px) and (max-width: 770px){
	#nav .navwrap .nav_1_of_2 {
		width: 100%;
	}

	#nav ul.mainnav{
		width:50%;
	} 

	.popupContainer{
		width:50%;
	}
}

@media screen and (max-width: 770px){

	#bannerset .mainbanner{
		width:100%;
		max-height:130px;
		background: url(/assets/images/advert/GTO-Slider-Banner-Punter-v6mobile320px.png) no-repeat;
		background-size: 100% auto;
	}

	#bannerset .mainbannertodayselect{
		width:100%;
		max-height:120px;
		background: url(/assets/images/advert/Second-HomePageTile320v2pxmobileBetsliplink.png) no-repeat;
		background-size: 100% auto;
	}


	#bannerset .actionset{
		max-width:150px;
		display:none;
		float:right;
		margin-top:5%;
		margin-right:5%;
	}

	#bannerset .steps{
		display:none;
	}

	#bannerset .stepsmobile{
		display:block;
		margin-bottom:15px;
	}

	#bannerset .bannerbuttons{
		width:100%;
	}

	.mobilejoin{
		width:46%;
		float:left;
		display:inline	;
		padding:10px 18px; color: #ffffff; font-size:1em; font-family: 'Open Sans', sans-serif; font-weight:bold;
	  -moz-border-radius: 2px;
	  -webkit-border-radius: 2px;
	  border-radius: 2px; border:0; cursor:pointer; cursor:hand; margin:5px 0px 5px 0px;
		background: #5ab541; /* Old browsers */
		background: -moz-linear-gradient(top, #5ab541 0%, #429a2a 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5ab541), color-stop(100%,#429a2a)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #5ab541 0%,#429a2a 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #5ab541 0%,#429a2a 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #5ab541 0%,#429a2a 100%); /* IE10+ */
		background: linear-gradient(to bottom, #5ab541 0%,#429a2a 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ab541', endColorstr='#429a2a',GradientType=0 ); /* IE6-9 */
		margin-bottom:20px;
		margin-left:2.5%;
	}

	.MobileHowitworks{
		width:46%;
		float:left;
		display:inline;
		padding:10px 18px; color: #ffffff; font-size:1em; font-family: 'Open Sans', sans-serif; font-weight:bold;
	  -moz-border-radius: 2px;
	  -webkit-border-radius: 2px;
	  border-radius: 2px; border:0; cursor:pointer; cursor:hand; margin:5px 0px 5px 0px;
	background: #631987; /* Old browsers */
	background: -moz-linear-gradient(top, #631987 0%, #5a187b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#631987), color-stop(100%,#5a187b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #631987 0%,#5a187b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #631987 0%,#5a187b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #631987 0%,#5a187b 100%); /* IE10+ */
	background: linear-gradient(to bottom, #631987 0%,#5a187b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#631987', endColorstr='#5a187b',GradientType=0 ); /* IE6-9 */
	margin-bottom:20px;
		margin-left:5px;
	}

	#bannerset .largebtn {
		width:70px;
		font-size:50%;
		display:none;
	}

	#bannerset .largeplaybtn {
	  visibility: hidden;
	     line-height:60%;

	}
	#bannerset .largeplaybtn:after {
	  content:'How It Works';
	  visibility: visible;
	  padding:8px 10px; color: #ffffff;
	  font-family: Arial, Helvetica, sans-serif;
	  font-weight:bold;
   	width:80px;
	font-size:70%;
   	line-height:60%;
  	-moz-border-radius: 2px;
  	-webkit-border-radius: 2px;
   border-radius: 2px; border:0; cursor:pointer; cursor:hand; margin:5px 0px 5px 0px;
	background: #631987; /* Old browsers */
	background: -moz-linear-gradient(top, #631987 0%, #5a187b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#631987), color-stop(100%,#5a187b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #631987 0%,#5a187b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #631987 0%,#5a187b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #631987 0%,#5a187b 100%); /* IE10+ */
	background: linear-gradient(to bottom, #631987 0%,#5a187b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#631987', endColorstr='#5a187b',GradientType=0 ); /* IE6-9 */

	}

	#bannerset .largeplaybtn .smallinfo{
		display:none;
	}

}

#eventsubmenu{
	width: 100%;
	padding:0;
	min-width:320px;
	height:auto;
	max-height: 50px;
	margin:0 auto;
	margin-bottom:0;
	margin-top:20px;
	background:#ffffff;
	border-bottom:0px solid #5b0f7c;
}

#eventsubmenu ul{
	list-style:none;
	width:100%;
	height:55px;
	padding:0;
	margin:0;
	background:#ffffff;
	border-bottom:0px solid #5b0f7c;
	position: relative;
	z-index: 597;
}

#eventsubmenu ul li{
	margin:0;
	list-style:none;
	float:left !important;
   -webkit-padding-end: 0px;
   -webkit-padding-start: 2px;
   -webkit-user-select: none;
   background-image:  -webkit-linear-gradient(#fefefe, #F4F4F4 40%, #cccccc);
   background-position: 97% center;
   background-repeat: no-repeat;
   border: 1px solid #bbbbbb;
   font-family: 'Open Sans', sans-serif;
   color: #000000;
   font-size: inherit;
   white-space: nowrap;
   padding: 0.5%;
   padding-left:0.5%;
   border-left:0;
   width:15%;
   text-align:center;
}

.lightgrey{
	color:#8f8f8f;
}

#eventsubmenu ul li.roundcornerleft{
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
}

#eventsubmenu ul li.bordleft{
	border-left: 1px solid #AAA;
}

#eventsubmenu ul li.roundcornerright{
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
}


#eventsubmenu ul li.nostyle{
	background:none;
	border:0px;
	margin:0;
	padding:0;
	padding:1em 2em 0.5em 1em;
	float:left;
}

#eventsubmenu ul li.nostyle:hover{
	background:none ;
	border:0px;
	margin:0;
	padding:0;
	padding:1em 2em 0.5em 1em;
	float:left;
}

#eventsubmenu ul li.nostyleright{
	background:none ;
	border:0px;
	margin:0;
	padding:0;
	padding:1% 2% 1% 2% !important;
	float:right !important;
}

#eventsubmenu ul li.nostyleright:hover{
	background:none ;
	border:0px;
	margin:0;
	padding:0;
}

#eventsubmenu li {list-style: none; margin: 0; padding: 0; cursor:hand;
	cursor:pointer;}
/*
#eventsubmenu ul li:hover{
		background:#91b039 url(/assets/images/toggle-submenu-active.png) center right no-repeat;
}*/
#eventsubmenu ul li a{
	font-family: 'Roboto', sans-serif;
	color:#000000;
	font-size:14px;
	font-weight:bold;

	width:auto;
}

#eventsubmenu ul li a:hover{
	color:#aeaeae;
}

#eventsubmenu ul li.greenbg{
	background:#5BB342  url(/assets/images/toggle-submenu-active-down-mobile.png) center right no-repeat;
	cursor:hand;
	cursor:pointer;

}

#eventsubmenu ul li.orangebg{
	background:#E75F41  url(/assets/images/toggle-submenu-active-down-mobile.png) center right no-repeat;
	cursor:hand;
	cursor:pointer;
}

#eventsubmenu ul li.purplebg{
	background:#af72cc  url(/assets/images/toggle-submenu-active-down-mobile.png) center right no-repeat;
	cursor:hand;
	cursor:pointer;
}

#eventsubmenu ul li.hover,
#eventsubmenu ul li:hover, #eventsubmenu ul li#punter:hover {position: relative; z-index: 9; cursor: default;}
#eventsubmenu ul ul {visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 8; width: 100%;bottom: 0; left: 0; margin-top: 0;}
#eventsubmenu ul ul li {float: none;}
#eventsubmenu ul ul ul {top: 0; left: auto; right: -99.5%; }
#eventsubmenu ul li:hover > ul { visibility: visible;}

#eventsubmenu a { display: block;  text-decoration: none; }

#eventsubmenu ul li ul{
	background:#91b039;
	height:80%;
	width:100%;
	padding:0;
	margin:0% 0 0 0%;
}

#eventsubmenu ul li ul li{
	padding-top:1px;
	width:100%;
	list-style-type: none;
	background:#91b039;
	padding:0.5% 0 0% 0;
	text-align:left;
	color:#ffffff;
}

#eventsubmenu ul ul{
	min-width:900px;
}


@media screen and (min-width: 701px) and ( max-width: 1024px){
	#eventsubmenu ul li#punter ul{
		margin-left:-200px;
	}
}

#eventsubmenu ul ul.smallwidth{
	min-width:600px;
}

#eventsubmenu > ul { *display: inline-block; }

#eventsubmenu:after, #eventsubmenu ul:after {
    content: '';
    display: block;
    clear: both;
}

#eventsubmenu ul li ul li table{
	width:100%;
	border:0;
	border-collapse:collapse;
	margin-left:0%;
	align:center;
	background-color:#f4faf2;
}

#eventsubmenu ul li ul li table tr{
	padding:0.5em 1em 0.5em 0.5em;
	border-collapse:collapse;
}

#eventsubmenu ul li ul li table th{
	width:5%;
	padding:0% 0.5% 0% 0.5%;
	font-family: 'Open Sans', sans-serif;
	color:#ffffff;
	font-size:12px;
	text-align:center;
	background-color:#91b039;

}

#eventsubmenu ul li ul li table td{
	width:5%;
	padding:0.5%;
	font-family: 'Open Sans', sans-serif;
	color:#000000;
	font-size:12px;
	text-align:center !important;
	background-color:#f4faf2;
	border:1px #91b039 solid;
}

#eventsubmenu ul li ul li table td.darkbg{
	background-color:#e7f2e3;
	color:#2b6d19;
	font-size:12px;
}

#eventsubmenu ul li ul li table td a{
		text-align:center !important;
		color:#000000;
		font-size:11px;
}

#eventsubmenu ul li ul li table td.redbg{
		text-align:center !important;
		color:#dd1522;
		font-size:11px;
		background-color:#ffeced
}

#eventsubmenu ul li ul li table td.redbg a{
		color:#dd1522;
}

#eventsubmenu ul li ul li table td a.largetext{
		text-align:left !important;
		color:#000000;
		font-weight:bold;
		font-size:13px;
}

#eventsubmenu ul li ul li table td a.leftal{
		text-align:left !important;
		margin-left:0;
		padding-left:0;
}

#eventsubmenu ul li ul li table .trackwidth{
	width:10%;
}

#eventsubmenu ul li ul li table .smallwidth{
	width:20%;
}

#eventsubmenu ul li ul li table .largewidth{
	width:80%;
}

#eventsubmenu ul li ul li table .leftal{
	text-align:left;
}

#eventsubmenu ul li ul li table tr.odd{
	background:#691a8c;
}

#eventsubmenu ul li ul li:hover{
	background:#91b039;
}

#eventsubmenu ul li ul li a{
	text-align:left;
	color:#ffffff;
}

#eventsubmenu ul li ul li a:hover{
	color:#aeaeae;
}

#eventsubmenu ul li.raceinfo{
	display:none;
}

#footermobile{
	display:none;
}

@media screen and (max-width: 770px){
		#container{
			min-width:320px;
			max-width: 100% !important;
			padding:0;
			margin-top:5px;
			clear:both;
		}

		#footer{
			display:none;
		}

		#footertail{
			display:none;
		}

		#footermobile{
			height:auto;
			margin:0 auto;
			width: 100%;
			background:#222222;
			border:0px solid #4a4949;
			text-align:center;
			min-width:320px;
			max-width:1920px;
			min-height:15%;
			padding:3% 2% 3% 2%;
			clear:both;
			display:block;
		}

		#footermobile ul{
			text-align:center;
		}

		#footermobile ul{
			list-style:none;
			height:120%;
			text-align:center;
			width:100%;
			margin: 20px 0 20px 0;
			padding:0px 5px 0px 5px;
		}

		#footermobile ul li{
			list-style:none;
			padding:0.5% 1% 0.5% 1%;
			line-height:100%;
			margin:0;
			display:inline;
			color:#F9F9F9;
			font-size:0.75em;
		}

		#footermobile ul li h3{
			color:#F9F9F9;
			text-transform:uppercase;
			font-size:0.9em;
			font-family: Arial, Helvetica, sans-serif;
			margin: 0 0 1% 0;
			padding:0;
		}

		#footermobile ul li a{
			color:#F9F9F9;
			text-align:center;
			text-decoration:none;
			margin:0;
			font-family: 'Open Sans', sans-serif;
		}

		#footermobile ul li a:hover{
			color:#686868;
			text-decoration:none;
		}

		#eventsubmenu-mobile, #eventsubmenu2-mobile, #eventsubmenu-mobile-head {
			background:none;
			border-bottom:#d5c2df 1px solid;
			width:100%;
			text-align:center;
			min-width:320px;
		}

		#eventsubmenu-mobile-head {
			border-bottom:#d5c2df 0px solid;
		}
		#eventsubmenu-mobile-head ul{
			list-style: none;
		}

		#eventsubmenu-mobile ul, #eventsubmenu2-mobile ul, #eventsubmenu-mobile-head ul{
			width:100%;
			background-color:#911513;
		}

		img.halfsize{
			width:20px;
			height:20px;
		}

		#eventsubmenu-mobile ul li, #eventsubmenu2-mobile ul li, #eventsubmenu-mobile-head ul li{
			background:#911513;
			border-bottom:#cfbcd9 1px solid;
		}

		#eventsubmenu-mobile ul li.racelevel, #eventsubmenu-mobile ul li.meetinglevel, #eventsubmenu-mobile ul li.nexttojump{
			display:none;
		}

		#eventsubmenu-mobile ul li.showfield{
			display:block;
		}

		#eventsubmenu-mobile ul li.meetinglevel{
		background:#911513;
		border-bottom:#cfbcd9 1px solid !important;
		}

		#eventsubmenu-mobile ul li.meetinglevel div{
			font-family: 'Open Sans', sans-serif;
			font-size:95%;
			font-weight:bold;
			padding-left:1em;
		}

		#eventsubmenu-mobile ul li.meetinglevel div.colorpink{
			color:#df8685;
		}

		#eventsubmenu-mobile ul li.meetinglevel-active{
				color:white;
				background:#911513;
				border-bottom:#cfbcd9 1px solid !important;
		}

		#eventsubmenu-mobile ul li.meetinglevel-active a{
			color:#ffffff;
			font-family: 'Open Sans', sans-serif;
			font-size:95%;
			font-weight:bold;
		}

		#eventsubmenu-mobile ul li.meetingheader, #eventsubmenu-mobile ul li.raceinfoheader{
			
			background-image:none;
			color:#495861;
			font-weight:bold;
		}

		#eventsubmenu-mobile ul li.raceinfoheader-set, #eventsubmenu-mobile ul li.runsin,
		#eventsubmenu-mobile-head ul li.raceinfoheader-set, #eventsubmenu-mobile-head ul li.runsin{
			background-color:#911513;
			background-image:none;
			padding:2% 1% 2% 1%;
			color:#ffffff;
			font-weight:bold;
			border:0;
			float:left;
			white-space: nowrap;
			height: 35px;
		}

		#eventsubmenu-mobile ul li.raceinfoheader-set, #eventsubmenu-mobile-head ul li.raceinfoheader-set{
			text-transform:uppercase;
			width:65%;
			border:0;
			font-size:11px;
			overflow-x:hidden;
		}

		#eventsubmenu-mobile ul li.runsin, #eventsubmenu-mobile-head ul li.runsin{
			list-style: none;
			width:35%;
			border:0;
			font-size:12px;
		}

		#eventsubmenu-mobile ul li.raceinfoheader-set a.toggleraceinfo{
			float:left;
		}

		#eventsubmenu-mobile ul li.raceinfoheader-set a.toggleraceinfo img{
			width:25px;
			height:25px;
		}

		/* .toggledown{
			width:18px;
			height:18px;
		} */

		#eventsubmenu-mobile ul li.raceinfo {
			background-color:#df8685;
			background-image:none;
			padding:0;
			border:0;
		}

		#eventsubmenu-mobile  select, #eventsubmenu-mobile-head  select{
			color:#ffffff;
			font-family: 'Open Sans', sans-serif;
			font-size:12px;
			font-weight:bold;
			background-color:#911513;
			border:1px solid #911513;
			cursor:pointer;
			cursor:hand;
			float:left;
			width:auto;
		}

		#eventsubmenu-mobile ul li.raceinfo ul{
			width:95.5%;
			height:auto;
			border:0;
			display:block;
			background-color:#df8685;
			padding:0;
		}

		.racenumclick, .racearrowclick{
			color:#9fbe45 !important;
			font-weight:bold;
		}

		#eventsubmenu-mobile ul li.raceinfo ul li{
			width:95.5%;
			list-style:none;
			float:none;
			display:block;
			border:0;
			color:#43515a;
			font-size:90%;
			padding:3%;
			background:none;
			background-color:#df8685;
		}

		#eventsubmenu-mobile ul li.racelevel{
			list-style:none;
			float:none;
			/*background:#ffffff url(/assets/images/purple-forward-arrow-mobile.png) center right no-repeat;*/
			border-right:0px;
			border-bottom:#cfbcd9 1px solid;
		}

		#eventsubmenu-mobile ul li.racelevel-active a{
			color:#495861;
			font-family: 'Open Sans', sans-serif;
			font-size:95%;
			font-weight:bold;
			padding-left:1em;
		}

		#eventsubmenu-mobile ul li.racelevel table td.racenumfmt{
			background-color:#df8685;
			-moz-border-radius: 2px;
			-webkit-border-radius: 2px;
			 border-radius: 2px;
			 color:#453c3f;
			 padding:10px;
			 font-weight:bold;
			 width:10%;
		}

		#eventsubmenu-mobile ul li.racelevel table td{
			color:#818181;
			font-size:80%;
		}

		#eventsubmenu-mobile ul li.racelevel table td.eventfmt{
			width:65%;
		}
}

.submenuoptions{
	clear:left;
	margin:2% 0 2% 0;
	text-align:left;
}

.contentbox{
	border:0px solid #d1d1d1;
	margin:0% 1% 5% 0%;
}

.section {
      clear: both;
      padding: 0px;
      margin: 0px;
}

.group:before,
.group:after {
        content:"";
        display:table;
}
.group:after {
        clear:both;
}

.col {
    /* display: block; */
     float:left;
     margin: 1% 0 1% 0%;
	 /* padding: 0% 1% 1% 0%; */
	 padding: 0% 0 1% 0%;
}


.rcol {
     display: block;
     float:right;
     margin: 1% 0% 1% 0%;
	 padding: 0% 0% 1% 0.5%;
}

.col:first-child { margin-left: 0; }


.h-col {
     display: block;
     float:left;
     margin: 1% 0 1% 0%;
	 font-weight:bold;
}
.h-col:first-child { margin-left: 0; }

/*  GRID OF ONE  */
.span_1_of_1 {
   width: 100%;
 }

/*  GRID OF TWO  */
 .span_1_of_2 {
         width: 74%;
		 max-width:960px;
 }
 .span_2_of_2 {
         width: 23.5%;
		max-width:340px;
		margin-right: 1%;
 }

 .span_3_of_3 {
      	width: 24%;
		margin-right:2.3%;
		margin-bottom:5%;
		height:420px;
 }

.span_1_of_3 {
      	width: 32%;
		margin-right:0.5%;
		margin-bottom:1%;
		height:420px;
 }

.span_1_of_3_300 {
      	width: 32%;
		margin-right:0.5%;
		margin-bottom:1%;
		height:350px;
 }

.span_1_of_3_50 {
      	width: 32%;
		margin-right:0.5%;
		margin-bottom:0.5%;
		height:50px;
 }

.span_1_of_3_200 {
      	width: 32%;
		margin-right:0.5%;
		margin-bottom:0.5%;
		height:200px;
 }

.padadjust {
	margin-right:0%;
	margin-left:2%;
	float:right;
}

.padadjust2 {
	margin-right:0%;
	margin-left:1.5%;
	float:right;
}

 .span_1_of_4 {
        width: 63.6%;
		max-width: 620px;
 }
 .span_2_of_4 {
      width: 34%;
	  max-width: 300px;
 }

.sidebarHtml{
	float:right;
	overflow: hidden;
}

.mainHtml{
	overflow: hidden;
}
.bookmakeroffers{
	width:100%;
	text-align:center;
}

.bookmakeroffers img{
	padding:0;
	margin-bottom:3%;
}

.rightbord{
	border-right:1px solid #dddddd;
}

.leftbord{
	border-left:1px solid #dddddd;
}

.bottombord{
	border-bottom:1px solid #dddddd;
}

.allbord{
	border:1px solid #dddddd;
	padding:10px;
	height:130%;
}

@media screen and (max-width: 900px ) {

	.col, .rcol{ margin-left: 0; }

	/*  GRID OF TWO  */

	.contentbox{
		margin:0% 1% 1% 0% !important;
		 width: 100%;
	}

	.span_1_of_2 {
         width: 100% !important;
         clear:both;
		 height:100%;
		 padding-bottom:0 !important;
		 margin-bottom:0 !important;
		 margin-top:0 !important;
	}
	.span_2_of_2 {
         width: 100% !important;
         height:auto;
		 padding-bottom:0 !important;
		 margin-bottom:0 !important;
         /*max-height:200px;
		 overflow:auto;*/
	}

	.span_1_of_3 {
	      	 width: 100% !important;
			margin-right:0.5%;
			margin-bottom:1%;
			height:auto;
	 }

	.span_1_of_3_300 {
	      	width: 100% !important;
			margin-right:0.5%;
			margin-bottom:1%;
			height:auto;
	 }

	.span_3_of_3 {
	    width: 100% !important;
        padding-bottom:0 !important;
	    margin-bottom:70px !important;

		height:430px !important;
		text-align:center;
	}

	.span_3_of_3 .contentcontainerfixed{margin:0 auto;height:400px !important;}
	.span_3_of_3 .contentheader {margin:0 auto;}

	.bookmakeroffers{
		text-align:center;
		overflow:auto;
	}

	.bookmakeroffers img{
		float:left;
		padding:0;
		margin:0% 3% 0% 0%;
		display:block;
	}
}

@media screen and (max-width: 770px ) {
	.col, .rcol{
		float:none;
	}

	.span_1_of_2 {
         width: 100%;
		 height:auto;
		 float:none;
         clear:both;
		 position:relative;
		 display:block;
		 margin:0 0 0 0;
	}
	.span_2_of_2 {
         width: 100%;
		 min-width:320px;
		 max-width:100%;
		 height:auto !important;
		 float:none;
		 display:block;
		 position:relative;
		 clear:both;
		 margin:0;
	}

	.span_1_of_4 {
		float:none;
		width:100%;
		padding-bottom:0;
		margin:0;
	}

	.span_2_of_4 {
		float:none;
		width:100%;
		padding:0px 20px 10px 10px;
		margin:0 !important;
		max-width:95%;
	}

	.sidebarHtml{
		float:none;
		margin:0;
		padding:0;
	}

	#smarttile{
		width:100%;
		height:100%;
		max-height:378px;
	}
}


.contentheader{
	background-color:#cb2624;
	border:1px solid #cb2624;
	width:100%;
	padding:0%;
	text-align:left;
	margin-bottom:10px;
	height:35px;
}

.contentheader a{
	color:#ffffff;
}

.contentheader a:hover{
	color:#cccccc;
	text-decoration: none;
}

.contentheader50{
	background-color:#cb2624;
	border:1px solid #cb2624;
	/* width:298px; */
	padding:0%;
	margin-bottom:0 !important;
	margin-left:0px;
	text-align:left;
	margin-bottom:10px;
	height:50px;
	border-radius: 7px 7px 0px 0px;
	text-align:center;
	max-width:300px;
}

.contentheader50 h3{
	color:#ffffff;
	font-size:1.1em;
	font-weight:bold;
}

.greensubheader{
	margin-top:0;
	background-color:#b9da5a;
	width:100%;
	padding:1px 0px;
}
.greensubheader h3{
	color:#4e6215;
	font-size:1.1em;
	font-weight:bold;
	font-family: 'Roboto', sans-serif;
}

.span_3_of_3 .contentheader{
	width:300px;
}

.contentheader h3, .contentheader h1{
	color:#ffffff;
	font-family: 'Open Sans', sans-serif;
	font-size:0.7em;
	margin-left:20px;
	width:100%;
	height:35px;
	padding:10px 5px 7px 5px;
	margin:0;

}

.contentheader50 h1{
	color:#ffffff;
	font-family: 'Open Sans', sans-serif;
	font-size:1.4em;
	font-weight:bold;
	margin-left:0px;
	width:100%;
	height:50px;
	padding:3% 2% 0% 2%;
	margin:0;
}

.contentbody h3, .contentbody h1{
	color:#000000;
	font-family: 'Roboto', sans-serif;
	font-size:1.6em;
	font-weight:bold;
	margin:3% 0 3% 0;
}

.contentcontainer{
	width:100%;
	padding:0%;
	border:0px solid #d1d1d1;
	margin-bottom:2%;
}

.contentcontainerfixed{
	width:300px;
	padding:0%;
	border:0px solid #d1d1d1;
	margin-bottom:10%;
	height:390px;
}

.contentcontainer img.banner{
	width:100%;
	height:auto;
}

#marketinfobox{
	line-height:150%;
	color:#222222;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding:1%;
	background-color:#e7f0cb;
	border: 1px #91b039 solid;
}

.bestdesc{
	line-height:100%;
	padding:5px;
	color:#898484;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color:#e7f0cb;
	border: 1px #91b039 solid;
	border-bottom:0;
	margin-right:-2px;
	float:right;
	width:320px;
}

.contentbodyexpand{
	line-height:150%;
	/* width:96%; */
	color:#222222;
	text-align:left;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	padding:2%;
	background-color:#e7f0cb;
	border: 1px #d8d8d8 solid;
}

.contentbodyexpand .hiddencontent{
	display:none;
}

.hiddencontentborder, .hiddencontentbordernoaction{
    width:100%;
	height: 20px;
    border: 1px solid #d8d8d8;
    border-top: 0;
    margin: 0 !important;
    padding: 0px !important;
	text-align:center;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #d0d0d0 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#d0d0d0 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#d0d0d0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d0d0d0',GradientType=0 );
}


.contentbodyexpand h1{
	font-family: 'Roboto', sans-serif;
	line-height:150%;
	font-size:1.5em;
	color:#91b039;
	text-align:left;
	padding:0% 0% 0% 0%;
}

.contentbody{
	font-family: 'Open Sans', sans-serif;
	line-height:150%;
	color:#3d464c;
	text-align:left;
	padding:0%;
}

.contentbodyfixed{
	font-family: 'Open Sans', sans-serif;
	line-height:150%;
	color:#3d464c;
	text-align:left;
	padding:0%;
}

.contentbodyfixed .fixedcontain{
	padding:0% 4% 0% 4%;
	font-size:95%;
	max-height:110px;
	height:110px;
}

.contentbodyfixed  .smallbtn{
	text-align:center;
}

.contentbodyfullwidth{
	font-family: 'Open Sans', sans-serif;
	line-height:150%;
	color:#3d464c;
	text-align:left;
	padding:0%;
}

@media screen and (max-width: 770px) {
		.contentheader50{
			background-color:#ffffff;
			width:100%;
			padding:0%;
			margin-bottom:0 !important;
			border:0;
			margin-left:10px;
			text-align:left;
			margin-bottom:10px;
			height:50px;
			text-align:left;
			max-width:320px;
		}

		.contentheader50 h3{
			color:#000000;
			font-size:1.1em;
			font-weight:bold;
		}


		#contentcontainer{
			border:0px;
		}

		.contentbody{
			padding:2%;
		}
}

#signup {
	margin-top:0;
	padding-top:0;
}

#signup h3{
	clear:both;
}

#signup p{
	padding:0;
	margin:0 0 0.5em 0;
}

/***** Form fields *****/

.fieldblock{
	padding:0;
	margin:0 0 10px 0;
	padding:10px 0 10px 0;
	clear:both;
	font-size:0.9em;
	clear:left;
}

.fieldblock .error{
	padding:0;
	margin:0;
	color:red;
	font-size:12px;
}

.fieldblock .fieldlabellong{
	float:left;
	margin: 0 1% 0 0;
	width:20%;
	padding:0;
}

.fieldblock .fieldlabellongstandout, p.fieldlabellongstandout{
	float:left;
	margin: 0 1% 0 0;
	width:20%;
	padding:0;
	font-size:18px;
	font-weight:bold;
}

.fieldblock .fieldvalue{
	float:left;
	width:50%;
	margin:0;
	padding:0;
}

.fieldblock .fieldvalue h2 {
   margin-top: -10px;

}

.fieldblock .fieldvalue h2 span {
   color: white;
   font-size: 12px;
   letter-spacing: -1px;
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.7);
   padding: 7px 14px 7px 14px;

}

.fieldblock .fieldinfo{
	float:left;
	width:20%;
	margin:0;
	padding:0;
	font-size:75%;
	color:#cb2624;
	margin-top:-2px;
	line-height:150%;
}
.fieldblock input[type="text"], .fieldblock input[type="password"]{
	width:90%;
	padding: 5px;
	border:1px solid #DDD;
	color:#666;
}

.dob{
	float:left;
	margin-right:2%;
}

@media screen and (max-width: 770px) {

		.fieldblock .fieldlabellong{
			float:left;
			margin: 0 1% 0 0;
			width:35%;
			padding:0;
		}
		.fieldblock .fieldvalue{
			float:left;
			width:60%;
			margin:0;
			padding:0;
		}

		.fieldblock .fieldinfo{
			float:left;
			width:95%;
			margin:0;
			padding:0;
			font-size:75%;
			color:#cb2624;
			margin-top:0px;
			line-height:150%;
		}

		.dob{
			float:none;
			margin:2%;
		}
}

.tile-banner{
	width:95%;
}

.selectrace{
	padding:2% 0 2% 0;
}

/* .racedayfields{
	width:100%;
	padding:0;
	margin:0;
	height:100%;
} */

.eventbanner{
	background-color:#621484;
	width:100%;
	font-size:1em;
	font-family: Arial, Helvetica, sans-serif;
	height:40px;
}

.racedesc{
	text-align:left;
	float:left;
	width:60%;
	padding:0.5%;
	color:#ffffff;
}

.racedesc img{
	margin-left:5%;
	float:left;
	padding:0%;
	margin-top:1%;
}

.racedesc .racedate{
	padding:0;
	margin:1% 0 0 2%;
}

.racedesc select{
	padding:0.5%;
	color:#ffffff;
	font-family: 'Open Sans', sans-serif;
	font-size:100%;
	background-color:#621484;
	border:1px solid #cb2624;
	margin:0 2% 0 1%;
	cursor:pointer;
	cursor:hand;
}

.raceoptions{
	text-align:right;
	color:#ffffff;
	font-size:0.75em;
	font-family: Arial, Helvetica, sans-serif;
	float:right;
	padding:0.5% 0.5% 0% 0%;
	width:35%;
}

.raceoptions .raceinfo{
	padding:0;
	margin:0;
	float:right;
	padding:3% 4% 0% 0%;
}

.raceoptions .raceactions{
	padding:0;
	margin:0;
	float:right;
}

ul.eventnumber{
	list-style:none;
	background-color:#ffffff;
	width:55%;
	height:41px;
	padding:0;
	margin:0;
	float:right;
}

ul.eventnumber li{
	list-style:none;
	float:right;
	padding:0.6em 0.5em 0.4em 0.5em;
	margin:0;
	margin-left:1%;
	font-size:1em;
	font-weight:bold;
	font-family:  Helvetica, Arial, sans-serif;
	width:6%;
	border:1px solid #d1d1d1;
	border-radius: 4px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f7f7f7 56%, #e7e7e7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(56%,#f7f7f7), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f7f7f7 56%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f7f7f7 56%,#e7e7e7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f7f7f7 56%,#e7e7e7 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f7f7f7 56%,#e7e7e7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */
}

ul.eventnumber li a{
	color:#3d464c;
}

ul.eventnumber li a:hover{
	color:#ffffff;
}

ul.eventnumber li:hover a{
	color:#ffffff;
}

ul.eventnumber li:hover{
	color:#ffffff !important;
	cursor: pointer;
	cursor:hand;
	background: #91b039;
}

ul.eventnumber li.active{
	color:#ffffff !important;
	cursor: pointer;
	cursor:hand;
	background: #91b039;
}

ul.eventnumber li.active a{
	color:#ffffff !important;
}

ul.eventnumber li.closed{
	color:#bebdbd !important;
	cursor: pointer;
	cursor:hand;
	background: #ffffff;
}

ul.eventnumber li.closed:hover{
	color:#ffffff !important;
	cursor: pointer;
	cursor:hand;
	background: #bebdbd;
}

ul.eventnumber li.closed:hover a, ul.eventnumber li.active a, ul.eventnumber li.closed a:hover{
	color:#ffffff !important;
}

ul.eventnumber li.closed a{
	color:#bebdbd !important;
}


ul.eventnumbersmall{
	list-style:none;
	background-color:#ffffff;
	width:auto;
	height:41px;
	padding:0;
	margin:0;
	float:left;
}

ul.eventnumbersmall li{
	list-style:none;
	float:left;
	padding:0.6em 0.5em 0.4em 0.5em;
	margin:0;
	margin-left:2px;
	font-size:1em;
	font-family:  Helvetica, Arial, sans-serif;
	border:1px solid #d1d1d1;
	border-radius: 4px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f7f7f7 56%, #e7e7e7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(56%,#f7f7f7), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f7f7f7 56%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f7f7f7 56%,#e7e7e7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f7f7f7 56%,#e7e7e7 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f7f7f7 56%,#e7e7e7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */
}

ul.eventnumbersmall li.header{
	background:none;
	border:none;
}

ul.eventnumbersmall li a{
	color:#3d464c;
}

ul.eventnumbersmall li a:hover{
	color:#ececec;
}

.racefield{
	clear:left;
}

.fieldcaption{
	clear:both;
	width:100%;
	color:#000000;
	font-size:0.85em;
	font-family: Arial, Helvetica, sans-serif;
	padding:0.5% 1.5% 0 0%;
	background-color:#ffffff;
	height:30px;
}

.fieldcaption .eventtitle{
	text-align:left;
	color:#91b039;
	width:50%;
	display:inline;
	float:left;
	padding:0;
	font-size:36px;
	font-family: 'Roboto', sans-serif;
}

.fieldcaption .raceeventdetails{
	float:left;
	font-size:18px;
}

.fieldcaption p{
	line-height:100%;

}

.fieldcaption .conditions{
	color:#ffffff;
	text-align:right;
	float:right;
	width:50%;
	display:inline;
	padding:0;
	margin:0;
}

.fieldcaption .conditions ul{
	list-style:none;
	display:inline;
	padding:0;
	margin:0;
	height:auto;
}

.fieldcaption .conditions ul li{
	float:right;
	display:inline;
	margin-left:5%;
}

.fieldcaption .conditions ul li a{
	color:#ffffff !important;
	border-bottom:1px dotted #ffffff;
}

.fieldcaption .conditions ul li a{
	color:#ffffff !important;
	text-decoration:none;
}

.fieldcaption .conditions img{
	display:inline;
	float:left;
	padding:0;
	margin:0;
}

.fieldsort{
	clear:both;
	width:100%;
	color:#818181;
	font-size:0.8em;
	font-family: 'Open Sans', san-serif;
	padding:0;
	margin-top:10px;
}

.fieldcaption .sortdropdown{
	text-align:right;
	width:35%;
	display:inline;
	float:right;
	padding:0;
	margin-top:2%;
}

.fieldcaption .sortdropdown select{
	-webkit-appearance: button;
   -webkit-border-radius: 2px;
   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   -webkit-padding-end: 0px;
   -webkit-padding-start: 2px;
   -webkit-user-select: none;
   background-image: url(/assets/images/icon/downarrow.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
   background-position: 97% center;
   background-repeat: no-repeat;
   border: 1px solid #AAA;
   color: #555;
   font-size: inherit;
   overflow: hidden;
   padding: 5px 30px 5px 2px;
   text-overflow: ellipsis;
   white-space: nowrap;
   font-size:11px;
}

@media screen and (max-width: 770px){
	ul.eventnumber{
		height:auto;
		border-bottom:0;
	}

	ul.eventnumber li{
		font-size:0.95em;
		width:4%;
		padding:1% 2% 1% 2%;
		margin:0;
	}

	.fieldcaption{
		background-color:#cb2624;
		padding:3% 2% 5% 3%;
		height:auto;
		border-top:#cb2624 1px solid;
		border-bottom:#cb2624 1px solid;
	}

	.fieldcaption .eventtitle{
		float:none;
		font-size:14px;
		width:60%;
	}

	.fieldcaption .eventtitleright {
	    padding: 0 20px 0 0;
	    font-size: 14px;
	}

	.fieldcaption .eventtitle .eventtime{
		float:right;
	}

	.fieldcaption .eventtitle .eventname{
		color:#df8685;
		font-size:12px;
	}

	.fieldcaption .conditions{
		color:#818181;
		float:none;
		text-align:left;
		font-size:95%;
		clear:both;
		width:100%;
		padding:0;
		background-color:#f2f2f2;
		padding-left:0;
	}

	.fieldcaption ul.conditions, .fieldsort ul{
		display:block;
		padding:0;
		margin-left:0;
	}

	.fieldcaption ul.conditions li, .fieldsort ul li{
		float:left;
		text-align:left;
		list-style:none;
		padding:0;
		margin:0;
	}

	.fieldsort ul li.formright{
		float:right;
		text-align:right;
		color:#565656;
	}

	#racefieldsort{
		overflow: hidden;
		/*background: url(/assets/images/icon/sort-icon.png) no-repeat left #f2f2f2;*/
		border: 0px solid #ccc;
		font-weight:bold;
		color:#818181;
		margin-top:0;
		padding:0%;
		text-align:left;
	}
}

.actionbutton{
	width:50%;
	display:inline;
	padding:0;
	margin-top:0.5%;
	height:30px;
	margin-left:0px;
}

.actionbutton ul{
	list-style:none;
	margin:0 0 0 5px;
	padding:0;
	text-align:center;
}

.actionbutton ul li{
	list-style:none;
	max-height:30px;
	float:left;
	text-align:center;

border: 1px solid #c8c8c8;
   color: #555;
   font-size: inherit;
   border-bottom:0;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
	background: rgba(253,253,253,1);
	background: -moz-linear-gradient(top, rgba(253,253,253,1) 0%, rgba(206,206,206,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(253,253,253,1)), color-stop(100%, rgba(206,206,206,1)));
	background: -webkit-linear-gradient(top, rgba(253,253,253,1) 0%, rgba(206,206,206,1) 100%);
	background: -o-linear-gradient(top, rgba(253,253,253,1) 0%, rgba(206,206,206,1) 100%);
	background: -ms-linear-gradient(top, rgba(253,253,253,1) 0%, rgba(206,206,206,1) 100%);
	background: linear-gradient(to bottom, rgba(253,253,253,1) 0%, rgba(206,206,206,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#cecece', GradientType=0 );
   overflow: hidden;
   margin-right:5px;
   margin-left:0px;
   padding: 1.4% 2% 1.5% 2% ;
   text-overflow: ellipsis;
   white-space: nowrap;
   font-size:11px;
}

.actionbutton ul li a{
	color: #3d464c;
	font-size:1em;
	font-family: 'Open Sans', sans-serif;
	font-weight:bold;
	cursor:pointer;
	text-align:center;
}

.actionbutton ul li.selected , .actionbutton ul li:hover, .actionbutton ul li:hover *{
	color:#BABABA;
}

.actionbutton ul li a:hover{
	color:#BABABA;
}

.field-table{
	  display:table;
	  width:100%;
	  background-color:#ffffff;
	  border:0px;
	  border-spacing:0px;
}

.field-table .row{
	  width:100%;
	  margin:0;
	  border-top:1px solid #d1d1d1 !important;
	  clear:both;
}

.field-table .strike{
	text-decoration: line-through;
}

.field-table .formrow{
	  width:100%;
	  margin:0;
	  border-bottom:0px solid #d1d1d1 !important;
	  border-top:0px !important;
	  clear:both;
}



.field-table .col-1{
	  float:left;/*fix for  buggy browsers*/
	  display:table-column;
	  font-weight:normal;
	  font-size:0.75em;
	  width:4%;
	  margin:0;
	  padding:1% 0.5% 1% 0.25%;
	  text-align:right;
}

.field-table .col-1-1{
	  float:left;/*fix for  buggy browsers*/
	  display:table-column;
	  font-weight:normal;
	  font-size:0.75em;
	  width:7%;
	  margin:0;
	  padding:1% 0.5% 1% 0.25%;
	  text-align:center;
}

.entityblock{
	  width:100%;
	  margin:0 0 30px 0;
	  border:1px solid #91b039 !important;
	  clear:both;
}

.entityblock .col-1-1{
	  float:left;/*fix for  buggy browsers*/
	  font-weight:normal;
	  font-size:0.75em;
	  width:7%;
	  margin:0;
	  padding:2% 0.5% 1% 0.25%;
	  text-align:center;
}

.entityblock .statcol-5{
	  width:97%;
	  margin:0 0 2% 0;
	  padding:1% 1.25% 5% 1.25%;
	  text-align:left;
	  color:#222325;
	   border-bottom:1px solid #d1d1d1 !important;
}

.entityblock .formrow{
	  width:100%;
	  margin: 0;
	  border-bottom:0px solid #d1d1d1 !important;
	  border-top:0px !important;
	  clear:both;
}

/*.field-table .activerow{
	 height:50px;
}*/
.field-table .inactiverow{
	 height:30px;
	 padding:1% 0.5% 1% 0.25% !important;

}
.field-table .invisibleText{
	opacity: 0.4;
	 z-index:-100;
}

.field-table .tablefootnote{
	padding-top:10%;
	font-size:0.9em;
	color:#cb2624;
}

.field-table .col-2{
	float:left;/*fix for  buggy browsers*/
	  display:table-column;
	  font-weight:normal;
	  font-size:0.75em;
	  width:24%;
	  margin:0;
	  padding:1% 0.5% 1% 0.25%;
	  text-align:left;
	  color:#222325;
	  font-size:1em;
	  font-weight:bold;
	  font-family: Arial, Helvetica, sans-serif;
}

.field-table .tipstername{
	font-size:18px;
}

.field-table .tipstername h5{
	font-size:0.8em;
	text-transform:uppercase;
	margin-top:1%;
	margin-bottom:0%;
	padding:0;
}

.field-table .col-2 .makegrey{
	color:#818181;
}

.smallsize{
	font-size:75%;
}

.field-table .col-2 .dotline{
	border-bottom: 1px dotted #818181;
}

.field-table .col-3{
	  float:left;/*fix for  buggy browsers*/
	  display:table-column;
	  font-weight:normal;
	  font-size:0.75em;
	 width:60%;
	 margin:0;
	 padding:1% 0.5% 1% 0.25%;
}

.field-table .col-3 table{
	width:100%;
	align:center;
	border:0;
}

.field-table .col-3 table th, .field-table .col-2 table th{
	color:#ffffff;
	width:2%;
	max-width:2%;
}

.field-table .col-3 table th.nostyle, .field-table .col-2 table th.nostyle{
	color:#ffffff;
	max-width:5px;
	background:none;
}

.field-table .col-3 table th.purplebg, .field-table .col-2 table th.purplebg{
	background-color:#782f99;
}
.field-table .col-3 table th.bluebg, .field-table .col-2 table th.bluebg{
	background-color:#5a9aa8;
}
.field-table .col-3 table th.greenbg, .field-table .col-2 table th.greenbg{
	background-color:#55b73a;
}
.field-table .col-3 table th.orangebg, .field-table .col-2 table th.orangebg{
	background-color:#e75f41;
}
.field-table .col-3 table th.gradbg, .field-table .col-2 table th.gradbg{
	color:#818181;
	border:1px solid #d2d5da;

	max-width:35px;

	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f7f7f7 56%, #e7e7e7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(56%,#f7f7f7), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f7f7f7 56%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f7f7f7 56%,#e7e7e7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f7f7f7 56%,#e7e7e7 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f7f7f7 56%,#e7e7e7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */
}

.field-table .col-3 table td{
	color:#3d464c;
	width:2%;
	max-width:2%;
}

.field-table .col-3 table td a, .field-table .col-2 table td a{
	color:#3d464c;
}

.field-table .col-3 table td a:hover{
	color:#959aa2;
}

.field-table .col-3 table td.largefont{
	font-size:2em;
}

.field-table .col-3 table td.selecttd, .field-table .col-2 table td.selecttd , .field-table table.pricetablesub td.selecttd{

	border:1px solid #d2d5da;
	color:#3d464c;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f7f7f7 56%, #e7e7e7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(56%,#f7f7f7), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f7f7f7 56%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f7f7f7 56%,#e7e7e7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f7f7f7 56%,#e7e7e7 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f7f7f7 56%,#e7e7e7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */

}

.field-table .col-3 table td.tdbgred, td.tdbgred, .field-table .col-2 table td.tdbgred , .field-table table.pricetablesub td.tdbgred, .fieldtable td.tdbgred{
	border:1px solid #d2d5da;
	background: #e58b8b; /* Old browsers */
	font-weight:bold;
	color:#da5252;
}

.field-table .col-3 table td.tdbggreen, .field-table .col-2 table td.tdbggreen , .field-table table.pricetablesub td.tdbggreen, .fieldtable td.tdbggreen{
	border:1px solid #d2d5da;
	background: #b5e595; /* Old browsers */
	font-weight:bold;
	color:#6aac3f;
}

.field-table .col-3 table td.selecttd:hover, .field-table .col-2 table td.selecttd:hover, .field-table table.pricetablesub td.selecttd:hover{

	background: #e7e7e7; /* Old browsers */
	background: -moz-linear-gradient(top,  #e7e7e7 0%, #f7f7f7 56%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7e7e7), color-stop(56%,#f7f7f7), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e7e7e7 0%,#f7f7f7 56%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e7e7e7 0%,#f7f7f7 56%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e7e7e7 0%,#f7f7f7 56%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e7e7e7 0%,#f7f7f7 56%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	cursor: hand;
	cursor: pointer;

	color:#959aa2;
}

.field-table .col-3 table td.selecttd:hover a, .field-table .col-2 table td.selecttd:hover a, .field-table table.pricetablesub td.selecttd a, .field-table table.pricetablesub td.selecttd:hover a {
	color:#222325;
}

.field-table .col-3 table td.subheader{
	color:#959aa2;
	font-weight:bold;
}

.field-table .col-4, .field-table .col-4-right{
	  float:left;/*fix for  buggy browsers*/
	  display:table-column;
	  font-weight:normal;
	  font-size:0.75em;
	  /* width:5%; */
	  /*padding:1% 0.5% 1% 0.25%;*/
	  background: #ffffff; /* Old browsers */
	  color:#91b039;
}

.field-table .col-4-right{
	float:right;/*fix for  buggy browsers*/
	height:100%;
	padding-bottom:22%;
}

.field-table .col-4 .activate, .field-table .col-4-right .activate{
	text-align:center;
	background: url(/assets/images/icon/icon-toggle-open.png) no-repeat;
	padding:5px;
	cursor:pointer;
	cursor:hand;
	margin:15px 0 0 7px;
}

.field-table .col-4 .deactivate, .field-table .col-4-right .deactivate{
	text-align:center;
	background: url(/assets/images/icon/icon-toggle-close.png) no-repeat;
	padding:5px;
	cursor:pointer;
	cursor:hand;
	margin:15px 0 0 7px;
}

.field-table .col-5{
	  float:left;/*fix for  buggy browsers*/
	  display:table-column;
	  font-weight:normal;
	  font-size:0.75em;
	  width:87%;
	  margin:0;
	  padding:1% 1.25% 1% 1.25%;
	  text-align:left;
	  color:#222325;
	  font-size:1em;
	  font-weight:bold;
	  font-family: Arial, Helvetica, sans-serif;
	  border-bottom: 1px solid #e9e0ec;
}

.followlink{
	font-size:0.688em;
	float:right;
	position: relative;
    top: 0px;
    right: 0px;
	background-color:#f2f2f2;
	padding:5px;
	/* margin:-11px -9px 0 0; */
}

.avatarsize{
	max-height:80%;
	max-width:80%;
}

.smallavatarsize{
	height:45px;
	width:45px;
}

.tinyavatar{
	max-height:25px;
	max-width:20px;
	margin:0;
	padding:0;
}

.profiletype{
	color:#ffffff;
	font-size:0.9em;
	padding:0.5px 0px !important;
	text-align:center;
	font-weight:bold;
	text-transform:uppercase;
}

.field-table .col-5:last-child{
	 border-bottom:none;
}

.field-table ul.statsbox{
	width:100%;
	list-style:none;
	margin:0;
	padding:0;
}

.field-table ul.statsbox li{
	list-style:none;
	float:left;
	width:25%;
	font-size:1.3em;
	font-weight:normal;
	padding:0%;
	margin:0;
	color:#772397;
}

.field-table ul.statsbox li.colspan{
	width:40%;
	float:right;
	margin-top:2%;
	text-align:right;
}

.field-table ul.statsbox li h4{
	font-size:0.6em;
	text-transform:uppercase;
	clear:left;
	margin:0;
	text-align:left;
	padding:0 !important;
}


.field-table .col img{
	  float:left;
}

.field-table .small-width{
	  width:5%;
}

.field-table .medium-width{
	  width:8%;
}
.field-table .large-width{
	  width:25%;
}

.field-table .formcontainer{
	/* width:96%; */
	height:auto;
	float:left;
	margin:1% 0 2% 2%;
	border:0px solid #e3e3e3;

}
.field-table .formborder{
	width:5%;
	background: #ffffff;
	float:right;
	height:auto;
	padding:2% 0.5% 2% 0.25%;
}

.field-table .formcontainer ul{
	width:100%;
	height:auto;
	min-height:41px;
	list-style:none;
	background-color:#ffffff;
	margin:0;
	padding:0;
}

.field-table .formcontainer ul li{
	list-style:none;
	float:left;
	font-family: 'Open Sans', sans-serif;
	background-color:#e3e3e3;
	color:#61686d;
	padding:0;
	padding:1% 2% 1% 2%;
	cursor:hand;
	cursor:pointer;
	border-right:1px solid #cecaca;
}

.field-table .formcontainer ul li.formh-active{
	background-color:#ffffff;
	border:0px solid #cecaca;
	border-top:5px solid #91b039;
	color:#91b039;
	text-transform:uppercase;
	font-family:Helvetica;
}

.field-table .formcontainer ul li.formh-inactive{
	background-color:#e3e3e3;
	color:#91b039;
	text-transform:uppercase;
	font-family:Helvetica;

}

.field-table .formcontainer ul li:hover{
	background-color:#ffffff;
}

.field-table .formcontainer .tabbody{
	margin:0;
	width:95%;
	padding:2% 0;
	clear:left;
	background-color:#ffffff;
	text-align:left;
}

.field-table .formcontainer .tabbody h4{
	margin:1% 0% 1% 0%;
	padding:0;
}

.field-table .formcontainer .active{
	display:block;
}

.field-table .formcontainer .inactive{
	display:none;
}

.field-table .formcontainer ul.pricetabs{
	background-color:#ffffff;
}

.field-table .formcontainer ul.pricetabs li{
	list-style:none;
	float:none;
	display:block;
	text-align:left;
	background-color:#ffffff;
	border-right:0;
	border-top:0;
	border-bottom:1px solid #e3e3e3;
	width:97%;
	margin-bottom:0;
	padding:3%;

}

.field-table .formcontainer ul.pricetabs li b{
	margin-right:3%;
}

.tipstername{
	color:#000000;
	margin-top:0.5%;
	padding:1% 0 1% 0;
	width:30%;
	text-align:left;
	line-height:120%;
}

.tipstername a{
	color:#000000;
}

.tipstername a:hover{
	color:#000000;
}

h3.affiliateheader{
	font-size:14px;
	color:#91b039 !important;
	font-family:'Roboto', san-serif;
}

.field-table .silkstyle{
	max-width:45px;
	max-height:36px;
	padding-left:1%;
	padding-right:1%;
	float:none;
}

.runnername{
	font-size:14px;
	font-family:'Roboto', san-serif;
	font-weight:bold;
	color:#000000;
}

.runnersubname{
	font-size:10px;
	font-family:'Roboto', san-serif;
	color:#777777;
}

@media screen and (min-width: 701px) and ( max-width: 1024px){
	.panel ul.iconset{
		width:60% !important;
	}
	#eventsubmenu ul li ul li table td, #eventsubmenu ul li ul li table th{
		padding:5px;
	}

	#eventsubmenu ul li ul li table td a.largetext{
		font-size:12px;
	}

	.contentheader50{
		width:100%;
		border:0;
		padding-top:1px;
	}

	.col, .rcol {
		padding:0% 0 1% 0;
	}

	#hotbetlist .morestats{
		display:block !important;
		border:0;
	}

	#hotbetlist .profiletype{
		font-size:50%;
		padding:5px;
	}

	.actionbutton{
		width:60%;
	}

	.actionbutton ul li{
		font-size:1em;
		padding:7px 3px 5px 3px !important;
	}

	.fieldsort{
		height:30px;
	}

	.field-table .col-1{
		width:5%;
		text-align:center;
		height:70px;
	}

	.field-table .col-2{
		width:25%;
	}
	.field-table .col-3{
		width:62%;
	}
	.field-table .col-2 .makegrey{
		  font-size:80%;
	}
	.field-table .col-2 .runnername{
		  font-size:90%;
	}
	.field-table .col-4{
			/* width:5%; */
			height:70px;
	}

	.smallimage{
		margin-left:5px;
		width:30%;
	}

	.span_3_of_3 .contentcontainerfixed{
		width:100% !important;
		height:370px !important;
	}

	.span_3_of_3 .contentcontainerfixed img, .span_3_of_3 .contentheader{
		width:100% !important;
	}

	.contentheader h3, .contentheader h1 {
		font-size:0.7em
	}

	.span_3_of_3 .contentcontainerfixed .smallbtn{
		margin-top:10px;
	}
}

@media screen and (max-width: 770px){
		.entityblock{
			border:0 !important;
			background-color:#f6f5f5 ;
		}

		.entityblock .col-1-1{
			  width:10%;
		}

		.entityblock .col-1-1 img{
			  width:25px;
			  height:25px;
		}

		.tipstername{
			width:85%;
		}

		/* .field-table{
			  display:table;
			  width:99%;
		} */

		.field-table .col-1{
			width:10%;
			text-align:center;
		}

		.field-table .col-long{
			width:100%;
		}

		.field-table .nobord{
			border:0;
		}

		.field-table .col-2{
			  width:70%;
			  font-size:0.8em;
		}

		.field-table .col-4{
			/* width:12%; */
		}

		.field-table .col-2 table{
			border-collapse:separate;
			border-spacing: 3px 0px;
			width:99%;
			margin-top:2%;
			margin-left:-3px;
		}

		.field-table .col-2 table th{
			font-size:50%;
			text-align:center;
			border-left:1px solid #d2d5da;
			border-right:1px solid #d2d5da;
			border-bottom:0px solid #d2d5da;
		}

		.field-table .col-2 table td{
			padding:0.75%;
			width:1%;
			max-width:10%;
		}

		.field-table .col-2 table td.selecttd, .field-table table.pricetablesub td.selecttd{
			text-align:center;
			font-size:0.8em;
			height:20px;
		}

		.field-table .activerow{
			height:80px;
		}

		/* table.mobileracetable{
			border-collapse: collapse;
		} */

		table.mobileracetable th{
			color:#797878;
			background-color:#eeeeee;
			font-size:12px;
			font-weight:bold;
		}

		table.mobileracetable tr{
			border-bottom:1px solid #dddddd;
		}

		table.mobileracetable td{
			font-size:14px;
			padding:7px 0 7px 0;
		}

		table.mobileracetable td.padme{
			padding:3px;
			width:15px;
		}

		table.mobileracetable td.smallfont{
			font-size:11px;
		}

		table.mobileracetable table.raceinfo{
			width:100%;
			border:0;
			border-collapse: separate;
		}

		table.mobileracetable table.raceinfo td{
			font-size:11px;
			padding:1px 0 1px 0;
		}

		table.mobileracetable table.raceinfo td.w60{
			width:60%;
		}

		table.mobileracetable table.raceinfo td.w40{
			width:40%;
		}

		/* .mracefilter{
			width:100%;
			text-align:left;
			margin:10px 0px 10px 0;
		} */

		.mracefilter .filterset{
			padding:0px 5px 10px 5px;
		}

		.mracefilter .filterset select{
			font-size:14px;
			font-weight:bold;
			width:98%;
		}

		.selectbutton{
			padding:5px;
			font-weight:bold;
			border:1px solid #d2d5da;
			color:#3d464c;
			background: #ffffff; /* Old browsers */
			background: -moz-linear-gradient(top,  #ffffff 0%, #f7f7f7 56%, #e7e7e7 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(56%,#f7f7f7), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #ffffff 0%,#f7f7f7 56%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #ffffff 0%,#f7f7f7 56%,#e7e7e7 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #ffffff 0%,#f7f7f7 56%,#e7e7e7 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #ffffff 0%,#f7f7f7 56%,#e7e7e7 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */
			/* width:30px; */
		}

		.oddslabel{
			color:#818181;
			font-size:0.75em;
		}

		.betoptionfiltercontain{
			background-color:#cb2624;
			height:44px;
			clear:both;
			display:block;
		}

		.betoptionfiltercontain ul.betoptionfilter{
			width:100%;
			padding:0;
			margin:0;
			background-color:#cb2624;
		}
		.betoptionfiltercontain ul.betoptionfilter li{
			list-style:none;
			float:left;
			background-color:#911513;
			color:#ffffff;
			padding:10px 12px 10px 12px;
			font-size:16px;
			margin-right:3px;
		}

		.betoptionfiltercontain ul.betoptionfilter li a{
			color:#ffffff;
		}

		.betoptionfiltercontain ul.betoptionfilter li.active{
			list-style:none;
			float:left;
			background-color:#ffffff;
			color:#cb2624;

		}

		.betoptionfiltercontain ul.betoptionfilter li.active a{
			color:#cb2624;
		}

		.betoptionfiltercontain ul.betoptionfilter li.bookiebg_2{
			background-color:#000000;
			overflow:hidden;
			float:none;
			margin-right:0;
		}

		.betoptionfiltercontain ul.betoptionfilter li.bookiebg_6{
			background-color:#f01e28;
			float:none;
			overflow:hidden;
			margin-right:0;
		}
		.betoptionfiltercontain ul.betoptionfilter li.bookiebg_2 img,
		.betoptionfiltercontain ul.betoptionfilter li.bookiebg_6 img{
			height:18px;
			width:15px;
		}
		/* .formrow .formcontainer{
			width:80%;
		} */

		.formrow .formborder{
			width:12%;
			margin-right:0.75%;
		}

		.formrow .formcontainer table.pricetablesub{
			width:100%;
			border-collapse:collapse;
		}

		.formrow .formcontainer ul li{
			font-size:0.9em;
		}

		.formrow .formcontainer ul{
			min-height:25px;
		}

		.formrow .silkstyle{
			padding-right:10px;
			float:right;
		}

		.formrow .formcontainer .tabbody{
			width:98%;
			padding:0.5%;
		}

		.formrow .formcontainer .tabbody h4{
			width:98%;
			padding:0.5%;
			font-size:14px !important;
		}

		.field-table .col-4-right{
			padding-left:0;
			width:7%;
		}

		.field-table .col-4 .activate, .field-table .col-4-right .activate{
			text-align:left;
			background: url(/assets/images/icon/icon-toggle-open.png) no-repeat;
			background-position:left center;
			padding:1px;
			cursor:pointer;
			cursor:hand;
			margin:15px 0 0 -2px;
		}

		.field-table .col-4 .deactivate, .field-table .col-4-right .deactivate{
			text-align:left;
			background: url(/assets/images/icon/icon-toggle-close.png)  no-repeat;
			background-position:left center;
			padding:1px;
			cursor:pointer;
			cursor:hand;
			margin:15px 0 0 -2px;
		}

		.field-table .col-5{
			  font-size:0.65em;
			  margin:0;
			  width:75%;
			  padding:0.5% 0.75% 0.5% 0.75%;
		}

		.field-table .tipstername{
			width:75%;
		}

		.field-table .tipstername h5{
			font-size:0.65em;
		}

		.field-table .tipstername h5 .smallcontent{
			font-size:0.45em;
		}

		.field-table ul.statsbox li{
			list-style:none;
			float:left;
			width:33%;
			font-size:1em;
			font-weight:normal;
			padding:0%;
			margin:0;
			color:#772397;
		}

		#frmBookielist .field-table{
			text-align:center;
		}

		#frmBookielist .field-table .col{
			margin-bottom:10px;
		}

		#frmBookielist .field-table .col img{
			clear:both;
			text-align:center;
			width:95%;
			height:70%;
		}

		#frmBookielist .field-table .col input{
			float:center;
			text-align:center;
			clear:both;
		}

		.actionbutton, .actionbutton ul{
			width:100% !important;
		}

		.actionbutton ul li{
				list-style:none;
				margin:1% 1% 0 0 ;
				float:left;
				-webkit-border-radius: 7px 7px 0px 0px;
				-moz-border-radius: 7px 7px 0px 0px;
				border-radius: 7px 7px 0px 0px;
				border: 1px solid #cbcfd5;
				border-bottom:0;
				padding:5px 5px;
				color: #3d464c;
				font-size:0.7em;
				font-family: 'Open Sans', sans-serif;
				font-weight:bold;
				cursor:pointer;
				background: #f6f6f6; /* Old browsers */
				background: -moz-linear-gradient(top, #f6f6f6 0%, #e6e6e6 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top, #f6f6f6 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top, #f6f6f6 0%,#e6e6e6 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top, #f6f6f6 0%,#e6e6e6 100%); /* IE10+ */
				background: linear-gradient(to bottom, #f6f6f6 0%,#e6e6e6 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
			}

			.actionbutton ul li a{
				color: #3d464c;
				font-size:0.7em;
				font-family: 'Open Sans', sans-serif;
				font-weight:normal;
				cursor:pointer;
			}

			.actionbutton ul li.selected a{
				color: #3d464c;
				font-size:0.7em;
				font-family: 'Open Sans', sans-serif;
				font-weight:normal;
				cursor:pointer;
			}
			.field-table .formcontainer ul li.formh-active, .field-table .formcontainer ul li.formh-inactive{
				font-size:70%;
			}


}

.small-grey{
	font-size:0.3em
	color:eeeeee;
}

.nexttojump{
	clear:left;
	width:95%;
	margin-left:2%;
	overflow-x: hidden;
    overflow-y: hidden;
	white-space:nowrap;
}

.nextscrolldiv{
	width:165%;
	white-space:nowrap;
}

.next-race{
	float:left;
	padding:1em 2em 1em 0em;
	width:8%;
}

.next-race-icon{
	float:left;
	margin-right:0.5em;
}

.next-event{
	font-size:0.7em;
	font-weight:bold;
}

.next-event .makeorange{
	font-size:1.1em;
}

.defaultbookmaker {
position: relative;
background: transparent;
border:1px solid #111111;
width: 97%;
height: auto;
padding: 2%;
}

.bmcolor {
background: #000000;
color:#FFC310;
width: 95%;
height: auto;
}

/*
.bluecount {
    background:#5a9aa8;
    position: relative;
    min-width:12px;
    height: 12px;
    color:#ffffff;
    border-radius: 50%;
    padding: 2px;
    text-align: center;
	border:2px solid #5a9aa8;
    font-size: 10px;
	float:left;
	margin-top:-16px;
	margin-left:8px;
}*/

.bluecount {
  background-color: #91B039;
  border: 1px solid #91B039;
  border-radius: 9px; /* one half of ( (border * 2) + height + padding ) */
  color: white;
  font-size: 11px;
  height: 14px;
  padding: 2px 5px 0 5px;
  text-align: center;
  max-width: 16px;
  margin-left:5px;
}

.samelinePos {
position: relative;
top: -20px;
left: -30px;
}

.bluecount .mycount, .purplecount .mycount, .redcount .mycount{
	margin-top:-5px !important;
}

.bluecountstatic {
    background:#91B039;
    position: relative;
    min-width:12px;
    height: 12px;
    color:#ffffff;
    border-radius: 50%;
    padding: 2px;
    text-align: center;
	border:2px solid #91B039;
    font-size: 10px;
	float:right;
	margin-top:-16px;
	margin-right:5px;
}

.purplecount {
    background:#91B039;
  border: 1px solid #91B039;
  border-radius: 9px; /* one half of ( (border * 2) + height + padding ) */
  color: white;
  font-size: 11px;
  height: 14px;
  padding: 2px 5px 0 5px;
  text-align: center;
  max-width: 16px;
  margin-left:5px;
}



img.floatright{
	float:right !important;
	display:inline !important;
}

.panel {
position: relative;
background: none;
border:0px solid #111111;
width: 95%;
height: auto;
padding: 0% 0.5% 0.5% 0.5%;
z-index:9999;
}

.panel .header{
	padding:0;
	margin:0;
	height:100%;
	width:320px;
	max-width:320px;
	background-color:#333333;
}

.panel .header h3{
	text-align:left;
	margin:0 0 0.5% 0;
	padding: 10px;
	font-family: 'Open Sans', sans-serif;
	color:#B9DA5A;
	font-size:18px;
	height:100%;
	width:305px;
	max-width:320px;

}

.panel .betslipbody{
	clear:both;
	background-color:#111111;
	margin:0;
	min-height:20%;
	padding: 10px;
	margin-top:-2px;
	/* width:300px; */
	max-width:320px;
	font-family: Arial,Helvetica,sans-serif;
	color:#3d464c;
	font-size:0.75em;
	border-bottom:20px solid #333333;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 3px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 3px 5px 0px rgba(50, 50, 50, 0.75);
}

.panel .bodyheader {
	font-family: 'Open Sans', sans-serif;
	color:#666666 !important;
	font-size:1.2em;
	font-weight:bold;
	padding:5% 2% 1% 2%;
	border-bottom:1px solid #666666;
}

#sliploading{
	margin:0;
	padding:0;
}

#betslipmessage{
	margin:0;
	padding:0;
}

.panel .selitem{
	clear:both;
	padding:3%;
	width:95%;
	min-height:85px;
	color:#ffffff !important;
}

.panel .selitemsmart{
	clear:both;
	padding:5% 2% 7% 2%;
	width:95%;
	min-height:150px;
}

.panel .selitemshort{
	clear:both;
	padding:3% 2% 3% 2%;
	width:95%;
	min-height:5px;
	background-color:#e5d8ed;
}

.panel .row{
	border-bottom:0px solid #d1d1d1;
	margin-bottom:2%;
}

.panel .selinfo{
	float:left;
	font-weight:bold;
	padding:0;
	margin:0;
	clear:left;
	color:#ffffff !important;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
}

.panel .errornote{
	padding:1px;
	background-color:#e75f41;
	color:#ffffff;
	font-size:11px;
	margin-bottom:2px;
	clear:both;
}

.panel .raceinfo{
	float:left;
	clear:left;
	font-weight:normal;
	font-size:80%;
	padding:0;
	margin:0;
	color:#cccccc !important;
}

.panel .price{
	font-weight:bold;
	padding:0 5px 0 5px;
	margin:0 3px 0px 0px;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	float:right;
	color:#ffffff;
}

.panel .newline{
	clear:both;
}

.panel ul.iconset{
	float:left;
	width:50%;
	padding:0.5% 0 0 0;
	margin-top:5px;
	list-style:none;
	background:none !important;
	border:0px !important;
}

.panel ul.iconset li{
	list-style:none;
	text-align:left;
	margin-left:0.5%;
	float:left;
	background:none !important;
	border:0px !important;
}

.commentimg{
	clear:left;
}

img.commentimg{
	max-width:20px !important;
	max-height:20px  !important;
}

.panel .stake {
	clear:right;
	float:right;
	text-align:left;
	padding:0;
	margin:10px 0 0 0;
	width:25%;
	border-radius:5px;
	padding:3px;
	border:1px solid #333333;
	background-color:#333333;
}
.panel .stake input{
	width:55%;
	padding: .3em;
	text-align:right;
	float:right;
	marign:0;
	color:#ffffff;
	border:0;
	background-color:#333333 !important;
}

.panel .stakeheader{
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	color:#91b039;
	text-align:left;
	float:right;
	padding: .2em;
	margin-top:10px;
}

.panel .bettype{
	float:right;
	padding:0;
	margin:0;
	padding: .2em;
	color:#cccccc;
	font-size:12px;
	background-color:#111111;
	border:0;
}

.panel .clearselect{
	float:right;
	margin:2px 0 0 0 ;
	padding:0;
}

.panel .clearselect img{
	float:right;
	margin:0;
	padding:0;
}

.panel .totalstake{
	text-align:right;
	float:right;
	font-weight:bold;
	padding:0;
	margin:2% 5% 2% 0;
	color:#ffffff !important;
	font-family: 'Roboto', sans-serif;
    font-size: 14px;
	display:block;
	clear:both;
}

.panel .buttonactionset{
	clear:both;
	margin-top:20px;
}

.panel .betnow{
	clear:both;
	margin-top:20px;
	border-top:0px solid #d1d1d1;
}

.panel .bookiedefault {
	margin:0;
	padding:0;
	clear:both;
	text-align:center;
}

.panel .bookiedefault select{
	font-family: 'Open Sans', sans-serif;
	color:#818181;
	min-width:5%;
	border-right:1px solid #d1d1d1;
	background:#dfdfdf;
}

.panel .clearall_slip{
	clear:inherit;
	color:#e75f41;
	font-weight:none;
	padding:0;
	margin:0 auto;
	text-align:right;
	float:right;
	max-width:100px;
	margin-bottom:20px;
	clear:both;
}

.panel .clearall_slip a{
	text-decoration:none;
	font-weight:none !important;
	font-size:100%;
	color:#e75f41;
}
.panel .clearall_slip a:hover{
	text-decoration:underline;
}
.panel .clearall_slip img{
	display:inline;
	float:left;
}

.clickbubble {
	cursor:pointer;
	cursor:hand;
}

#bubble, #bubbleup {
  	text-decoration: none;
	cursor:hand;
	cursor:pointer;
	display:none;
    position: absolute;
    width: auto;
  	height: auto;
    padding: .75em;
	white-space: nowrap;
	z-index: 100;
    background: #FBFBFB;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 2px 2px 10px 0px #616161;
    -moz-box-shadow: 2px 2px 10px 0px #616161;
    box-shadow: 2px 2px 10px 0px #616161;
}
/*
#bubble:after {
    content: "";
    position: absolute;
    top: 15px;
    left:-0.5em;
	content: "";
    border-style: solid;
    border-width: 15px 15px 5px 0;
    border-color: transparent #FBFBFB ;
    display: block;
    height:0;
  	width:0;
    z-index: 100;
}

#bubbleup:after  {
    content: "";
    position: absolute;
    bottom: 0px;
    left:15em;
	content: "";
    border-style: solid;
    border-width: 15px 15px 5px 0;
    border-color: transparent #FBFBFB ;
    display: block;
    height:0;
  	width:0;
    z-index: 1;
}*/


#bubble .bubblecontent, #bubbleup .bubblecontent{
	color:#3d464c;
	font-size:0.75em;
	text-align:left;
}

#bubble .bubblecontent img.closecross, #bubbleup .bubblecontent img.closecross{
	text-align:right;
	float:right;
	margin-top:-10px;
	margin-right:-12px;
	z-index:100;
}

#bubble .bubblecontent h3, #bubbleup .bubblecontent h3{
	color:#cb2624;
	font-size:1.2em;
	width:90%;
	padding:0;
	margin:0 0 5px 0;
}

#bubble .followlist, #bubbleup .followlist{
	width:95px;
	border-bottom:1px solid #e0e0e0;
	padding-bottom:5px;
	margin-bottom:5px;
}

#bubble .followlist b, #bubbleup .followlist b{
	text-align:left;
}

@media screen and (max-width: 770px ) {

	#bubble, #bubbleup{
		left:45%;
	}

	.panel .betslipbody{
		margin-top:0;
		width:100%;
		overflow:scroll;
	}
}

.boxformat{
	width:100%;
	height:100%;
}

.boxformat h3{
	background-color:#cb2624;
	border-bottom:#611582 3px solid ;
	padding:0.625em;
	color:#ffffff;
	font-size:0.85em;
}

.boxformat ul {
	list-style:none;
	width:100%;
}

.boxformat ul li{
	float:left;
	font-size:0.74em;
	color:#212121;
	padding:0.5em;
}

.boxformat ul li.activetab{
	background-color:#ffffff;
	border-left:1px sold #D2D2D2;
	border-right:1px sold #D2D2D2;
}

.boxformat ul li.inactivetab{
	background-color:#F2F2F2;
	border-left:1px sold #D2D2D2;
	border-right:1px sold #D2D2D2;
	border-bottom:1px sold #D2D2D2;
}

.smartpunterbox{
	margin:0 0 20px 0 !important;
}

.smartpunterbox img{
	padding:0;
	margin:0;
}

.smartpunterbox h3{
	font-family: 'Open Sans', sans-serif;
	font-size:0.75em;
	color:#222325;
	font-weight:bold;
	padding-bottom:0.2%;
	padding-top:0;
}

.smartfooter{
	width:100%;
	height:20px;
	border:1px solid #d8d8d8;
	border-top:0;
	margin:0 !important;
	padding:0px !important;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #d0d0d0 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%,#d0d0d0 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%,#d0d0d0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d0d0d0',GradientType=0 ); /* IE6-9 */

}

.smartcontent{
	width:100%;
	height:100%;
	margin:0 !important;
	padding:0px !important;
}

.smartcontent .logobox{
	width:100%;
	margin:0 !important;
	padding:0 !important;
	text-align:center;
	background-color:#ffffff;
}

.smartcontent .hotbetlist{
	border:1px solid #d8d8d8;
	margin-top:-5px;
}

.smartcontent .logobox img{
	margin:0% 0 0% 0;
}

.smartcontent ul{
	list-style:none;
	margin:0;
	padding:0;
	text-align:center;
	width:90%;
}

.smartcontent ul.smartpunter{
	margin:0 0 1% 0;
	padding:5% 5% 5% 5%;
	text-align:left;
	width:93%;
	display:block;
	border-bottom: 1px solid #f2f2f2;
	text-align:center;
}

.smartlisting ul{
	list-style:none;
	margin:0 0 0 8%;
	padding:0;
	text-align:center;
	width:100%;
}

.smartlisting ul li{
	margin:0 1% 0 0;
	padding:1% 1% 0% 1%;
	text-align:left;
	text-align:center;
	float:left;
}

.smartlisting ul li .puntercontain, .packagelisting ul li .packagecontain{
	float:left;
	width:28%;
	height:150px;
	border:1px solid #dcdcdc;
	font-size:0.70em;
	padding:1%;
	margin-right:1%;
	background-color:#ffffff;
}

.packagelisting{
	padding-bottom:10px;
	border-bottom:1px solid #e0e0e0;
}

.smartcontent ul.smartpunter .avatar, .smartlisting ul li .avatar{
	width:28%;
	background-color:#ffffff;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	border:#ffffff 0px;
	margin:0% 2% 4% 0;
	padding:0% 3% 0% 0%;
	text-align:center;
}

.smartcontent ul.smartpunter .avatar img, .smartlisting ul li .avatar img{
	max-width:40px;
}

.smartcontent ul.smartpunter li .statdetails, .puntercontain .statdetails{
	text-align:left;
	font-size:11px;
	color:#888888;
	clear:both;

}

.packagelisting ul li .avatar{
	width:10%;
	height:20%;
	background-color:#f6f6f6;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	border:#f6f6f6;
	margin:2% 4% 0 0;
	padding:2% 3% 2% 3%;
	text-align:center;
}

.packagelisting ul li .packageline{
	background-color:#ffffff;
	border-bottom:1px solid #f3f3f3;
	width:98%;
	height:55px !important;
	padding:10px 5px 0 5px !important;
	clear:both;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	font-size:8pt;
	color:#cb2624;
}

.packagelisting ul li .packageline .btn, .packagelisting ul li .packageline .purplebtn{
	font-size:9pt;
	padding:7px;
}

.packagelisting ul li .packageline h5{
font-family: 'Open Sans', sans-serif;
font-size:10pt;
color:#cb2624;
font-weight:bold;
text-transform:uppercase;
padding-top:5px;
padding-bottom:0px;
margin-bottom:0px;
background-color:#ffffff;
}

.packagelisting ul li .packageline img{
	width:45px;
	height:45px;
	margin:5px 7px 0 0;
}

@media screen and (max-width: 770px ) {
	.bluecount{
		background-color:#000000;
		border: 1px solid #000000;
	}

	.packagelisting ul li .avatar{
		width:15%;
		height:55%;
		padding-bottom:30px !important;
	}

	.packagelisting ul li .packageline{
		height:75px !important;
	}

	.packagelisting ul li .packageline img{
		width:25px;
		height:25px;
		margin:2px 5px 0 0;
	}

	.packagelisting ul li .packageline h5{
		padding-top:0px;
	}

	.packagelisting ul li .packageline .btn, .packagelisting ul li .packageline .purplebtn{
		font-size:7pt;
		padding:7px;
	}

}

.smartcontent ul.smartpunter li{
	padding:20px 0 20px 0;
	border-bottom: 1px solid #f2f2f2;
}

.smartcontent ul.smartpunter .avatar img, .smartlisting ul li .avatar img , .packagelisting ul li .avatar img{
	clear:both;
	text-align:center;
}

.smartcontent ul.smartpunter .profiletype , .smartlisting ul li .profiletype, .packagelisting .profiletype {
	text-transform:uppercase;
	color:#ffffff;
	font-weight:bold;
	font-size:13px;
	height:auto;
	text-align:center;
	padding:7px 7px;
	clear:both;
}

.field-table .profiletype{
	text-transform:uppercase;
	color:#ffffff;
	font-weight:bold;
	font-size:16px;
	height:auto;
	text-align:center;
	padding:5% 6% 5% 6%;
	margin-top:2%;
	margin-left:2%;
	float:left;
}

.entityblock .profiletype{
	color:#ffffff;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	padding:1.5% 3% !important;
	margin-top:2%;
	float:left;
	font-family: 'Roboto', sans-serif;
	text-transform:uppercase;
}

.entityblock .frmtstats{
	font-size:14px;
	font-family: 'Open Sans', sans-serif;
	font-weight:normal;
	padding:0.5%;
	margin-right:10px;
	width:70px;
}

#eventsubmenu ul li .profiletypesmall {
	text-transform:uppercase;
	color:#ffffff;
	font-weight:bold;
	display:inline !important;
	width:auto;
	font-size:0.6em;
	height:23px;
	text-align:center;
	padding:1%;
	margin:0%;
	float:right !important;
}

.smartcontent ul.smartpunter .avatar .state, .smartlisting ul li .state, .packagelisting ul li .state{
	text-transform:uppercase;
	color:#3d464c;
	font-weight:bold;
	font-size:0.6em;
	text-align:center;
}

.packagelisting{
	font-size:0.7em;
	color:#3d464c;
}

.packagelisting h3 {
	line-height:120%;
}

.packagelisting .packinfo{
	font-size:0.7em;
	color:#3d464c;
}

.packagelisting .avatar{
	margin-right:15px;

}

.bgorange{
	background-color:#e75f41;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	border:#e75f41;

}

.bgpurple{
	background-color:#cb2624;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	border:#6f1c90;
}

.bgblue{
	background-color:#5a9aa8;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	border:#5a9aa8;

}

.bggreen{
	background-color:#5bb342;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	border:#5bb342;

}

.bggrey{
	background-color:#9fa7ad;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	border:#9fa7ad;

}

.profit{
	text-transform:uppercase;
	color:#ffffff;
	font-weight:bold;
	font-size:1.5em;
	text-align:center;
	padding:0% 5% 0% 5%;
}

.profitsmaller{
	text-transform:uppercase;
	color:#ffffff;
	font-weight:bold;
	font-size:1.2em;
	text-align:center;
	padding:0% 5% 0% 5%;
}

p.padbreak{
	margin-top:5%;
}

.smallerfont{
	font-size:80%;
}

.smallfont60{
	font-size:60%;
}

.smallnoteleft{
	font-size:60%;
	float:left;
}

.smallnoteright{
	font-size:60%;
	float:right;
}

.largerfont{
	font-size:0.9em;
}

.smartcontent ul.smartpunter .details, .smartlisting ul li .details{
	width:55%;
	color:#000000;
	margin:7px 0 0 0 !important;
	padding:0 !important;
	display:inline;
	text-align:left;
	font-size:14px !important;
	font-family: 'Open Sans', sans-serif;
}

.smartcontent ul.smartpunter .details p{
	padding:0;
	margin:0 0 5px 0;
	line-height:135%;
}

.smartcontent ul.smartpunter .details p input{
	width:65%;
}

.smartlisting ul li .details p{
	padding:0;
	margin:0 0 5px 0;
}


.smartcontent ul.smartpunter li h4, .smartlisting ul li h4{
	font-size:0.90em;
	color:#3d464c;
	font-family: Arial,Helvetica,sans-serif;
	font-weight:bold;
	margin:0;
	padding:0;
	width:100%;
	text-align:left;
}

.smartcontent ul.smartpunter .details p{
	color:#3d464c;
	font-size:11px;
}

.smartcontent ul.smartpunter .details .greenlink , .smartlisting ul li .details  .greenlink {
	color:#53b339;
	text-decoration: underline;
	text-decoration-style:dotted;
	font-size:11px;
	font-weight:normal;
	margin:0 !important;
	padding:0 !important;
	display:inline;
}

.smartcontent ul.smartpunter .details .greenlink:hover, .smartlisting ul li .details .greenlink:hover{
	text-decoration: none;
}

#modalgreenbody .smartlisting{
	width:95%;
	border:1px solid #e8e8e8;
	background-color:#f5f5f5;
	padding:1% 2% 1% 2%;
	clear:both;
	margin:0 0 1% 0;
}

#modalgreenbody .smartlisting h3{
	color:#000000;
	font-size:1em;
	width:60%;
	margin:0;
	padding:0;
	display:inline;
}

#modalgreenbody .smartlisting h4{
	color:#000000;
	font-size:0.9em;
	margin:0 0 2% 0;
	padding:0;
	display:inline;
	float:left;
}

.raceevent{
	color:#7b8d9a;
	font-size:0.9em;
	margin-left:15px;
}

#modalgreenbody .smartlisting .smartinfo{
	float:right;
	font-size:0.55em;
	width:35%;
}

.bookmakeroffers{
	width:100%;
	text-align:center;
}

.bookmakeroffers img{
	padding:0;
	margin-bottom:3%;
}

@media screen and (max-width: 770px ) {

	.smartcontent{
		height:auto;
		border:0px solid #FF8D27;
		background-color:none;
		height:160px;
	}

	/*.smartpunterbox{
		height:92px !important;
	}*/
	.hotbetlist, .hotbetlist-mobile{
		float:none;
		margin:0 auto;
		margin-top:20px;
		height:auto !important;
		max-height:80px;
		postition:relative !important;
		clear:both;
	}

	.smartcontent ul.smartpunter{
		width:100%;
		padding:0.5% 0 0.5% 0;
		height:80px;
		margin:0;
		background-color:#e7f0cb;
	    border:0px solid #FF8D27;
	}

	.smartcontent ul.smartpunter li{
		width:100%;
		padding:0% !important;
		font-size:80%;
	}

	.smartcontent .bx-viewport{
		width:95% !important;
		margin:2px 0 0 0px !important;
		background-color:none !important;
	}

	.smartlisting ul li{
		margin:0;
		padding:0.2% 0.2% 0% 0.2%;
		text-align:left;
		text-align:center;
		float:none;
	}

	.smartlisting ul li .puntercontain{
		float:none;
		width:100%;
		font-size:0.70em;
		padding:1%;
		margin-right:0;
	}

	.smartcontent ul.smartpunter li .puntercontent{
		padding:1% 1% 1% 3%;
	}

	.smartcontent ul.smartpunter .puntercontent .avatar{
		background-color:#e7f0cb !important;
		float:left;

		padding-bottom:0;
		margin-bottom:5px;
	}

	.smartcontent ul.smartpunter .puntercontent .profiletype{
		float:left;
		padding:5px 7px 5px 7px !important;
	}

	.smartcontent ul.smartpunter .details, .smartlisting ul li .details{

		color:#000000;
		margin:7px 0 0 0 !important;
		padding:0 !important;
		display:inline;
		text-align:left;
		font-size:14px !important;
		font-family: 'Open Sans', sans-serif;
	}

	.smartcontent ul.smartpunter .avatar img{
		width:25px;
		height:25px;
	}

	.smartcontent ul.smartpunter h4, .smartlisting ul li h4{
		font-size:0.50em;
		text-align:center;
	}

	.smartcontent ul.smartpunter li .puntercontent .statdetails{
		color:#000000;
		line-height:120%;
	}


	.smartcontent ul.smartpunter li .arrowleft{
		background-color:#d3dfae;
		float:left;
		height:80px;
		width:10%;
	}

	.smartcontent ul.smartpunter li .arrowright{
		background-color:#d3dfae;
		float:right;
		height:80px;
		width:10%;
	}

	.smartcontent ul.smartpunter li .arrowleft img, .smartcontent ul.smartpunter li .arrowright img{
		padding-top:25px;
		width:25px;
		height:30px;
	}

	.smartcontent .logobox{
		height:30px !important;
		padding:5px !important;
		float:center;
		margin:0 auto;
		height:auto !important;
		background-color:#91b039;
		font-size:12px;
		font-family:'Roboto', sans-serif;
	}

	.smartcontent #showAwards img{
		width:50%;
		height:50%;
	}

	p.nopad{
		margin:0;
		padding:0;
	}

	.smartlisting ul li .details p{
		margin:0;
		padding:0;
		line-height:90%;
	}

	.field-table .profiletype {
		font-size:0.8em;
		padding:1% 1% 1% 1%;
		clear:left;
		max-width:50px;
		font-weight:normal;
		margin-left:0%;
		margin-top:3px;
	}
}

div.horizontalRule {
    min-height: 1px;
    clear:both;
	width:98%;
    border-bottom:1px solid #d1d1d1;
    height:1px; padding-top:5px;
    margin-top:5px;
    margin-bottom:5px;
}

#selectionlist{
	clear:both;
	margin-top:2%;
}

table.pending{
	width:100%;
	border-collapse:collapse;
	border:#cccccc solid 1px;
}

table.pending tr{
	border-top:#cccccc solid 1px;

}
/*
table.pending tr.trans_results{
	display:none;
}

table.pending tr.header_results{
	display:none;
}*/

table.pending th{
	padding:1%;
	font-weight:bold;
	font-size:90%;
}

table.pending td{
	padding:3% 3% 3% 3%;
	font-size:12px;
	color:#000000;
	font-weight:700;
	font-family: 'Open Sans', sans-serif;
}

table.pending td.nopad{
	padding:3% 0% 1% 0%;
}

table.pending td.nopad img{
	width:30px;
	height:30px;
}

table.pending td.hiddencontentborder{
    width:100%;
	height: 20px;
    border: 1px solid #d8d8d8;
    border-top: 0;
    margin: 0 !important;
    padding: 0px !important;
	text-align:center;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #d0d0d0 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#d0d0d0 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#d0d0d0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d0d0d0',GradientType=0 );
}

table.pending td.logoicon{
	padding:0;
	font-size:100%;
	width:40px;
}

table.pending td.greenhilite{
	background-color:#B9DA5A;
}

table.pending td.purplehilite{
	background-color:#e5d8ed;
}

@media only screen and (max-width: 770px)  {
	table.pending{
		width:98% !important;
		border:0;
	}
	table.pending th{
		padding:1.5% 2% 1.5% 1.5% !important;
		font-weight:bold;
		font-size:80%;
		color:#ffffff;
		background-color:#cccccc;
		border-bottom:0;
	}

	table.pending td{
		font-size:70%;
		border-bottom: 1px solid #eeeeee;
	}

	table.pending tr{
		border:0px;
		width:98%;
	}

	table.pending td textarea{
		width:100px;
	}

	table.pending td input{
		width:110px;
		padding-left:3px;
		padding-right:5px;
	}
}


table.formtable{
	width:100%;
	border:0;
	min-width:280px;
	border-collapse:collapse;
	/* margin-left:2%; */
	align:center;
}

table.formtable th{
	padding:1%;
	font-size:0.7em;
	text-align:center;
	color:#61686d;
	border:1px solid #eeeeee;
}

table.formtable th.greybg{
	background-color:#e2e2e2;
}

table.formtable td{
	padding:1%;
	font-family: 'Open Sans', sans-serif;
	color:#61686d;
	font-size:0.7em;
	text-align:center;
	border:1px solid #eeeeee;
}

table.formtable td.fontlarge{
	font-size:14px;
}

table.formtable td.formcomment{
	padding:1%;
	font-family: 'Open Sans', sans-serif;
	color:#61686d;
	font-size:0.8em;
	text-align:left;
	border:1px solid #eeeeee;
}

.formbox{
	width:100%;
	margin:2% 0;
}

.formbox ul.formdetail{
	list-style:none;
	clear:both;
}

.formbox ul.formdetail li{
	list-style:none;
	float:left;
	width:60%;
	text-align:left;
	vertical-align:middle;
	font-size:0.7em;
	min-height:60px;
	border:0px;
	background-color:#ffffff;
	border-top:1px solid #eeeeee;
}

.formbox ul.formdetail li.pos{
	width:6%;
	float:left;
	text-align:center;
	vertical-align:middle;
	font-size:0.7em;
	padding:1%;
	min-height:60px;

}

.formbox ul.formdetail li.finish{
	width:34%;
	float:left;
	text-align:left;
	vertical-align:middle;
	font-size:0.65em;
	min-height:60px;
	text-transform:capitalize;
}


.sparkchart{
	margin-left:20px;
}

.sparkchart-2{
	margin:20px 0 20px 20px;
}

@media screen and (min-width: 701px) and ( max-width: 1025px){
		.sparkchart-2{
			margin:0px 0 0px 0.5%;
			width:50% !important;
		}

		.tipmarketfilter ul.marketnav{
			list-style:none;
			float:left;
			margin:0;
			padding:0;
		}

		.tipmarketfilter ul.marketnav li{
			color: #772397;
			font-size:12px !important;
			min-width: 10px !important;
			padding: 3px 5px 3px 5px !important;
			margin: 0 5px 10px 0;
		}
}

@media only screen and (max-width: 770px)  {

	table.formtable{
		width:99% !important;
		max-width:99%;
		margin-left:0;

	}

	table.formtable th{
		padding:0.5%;
	}

	table.formtable td{
		padding:0.5%;
	}
	table.formtable td.leftal{
		text-align:left;
	}

	table.formtable th.bghilight{
		color:#c7c7c7;
		background: #ffffff; /* Old browsers */
	}

	.greytext{
		color:#c7c7c7;
	}

	table.formtable td.formcomment{
		padding:0.5%;
	}

	.field-table .formcontainer{
		/* width:96%; */
		height:auto;
		float:left;
		margin:1% 0 2% 0%;
		border:0px solid #e3e3e3;

	}
	.field-table .formborder{
		width:99%;
		background: #ffffff;
		float:right;
		height:auto;
		padding:2% 0% 2% 0%;
	}

	.formbox ul.formdetail li{
		width:50%;
		padding:0.5% 1% 0.5% 0.5%;
	}

	.formbox ul.formdetail li.pos{
		width:10%;
		padding:0.5% 0.5% 0.5% 0.5%;
	}

	.formbox ul.formdetail li.finish{
		width:35%;
		padding:0.5% 1% 0.5% 0.5%;
	}

	.sparkchart-2{
		margin:0px 0 0px 0.5%;
		width:70%;
	}

}

#resultstable{
	/* width:95% !important; */
	min-width:320px;
}
.frameborder{
	-webkit-box-shadow: inset 0.5px 0.5px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0.5px 0.5px 5px 0px rgba(0,0,0,0.75);
	box-shadow: inset 0.5px 0.5px 5px 0px rgba(0,0,0,0.75);
	padding:5px;
	width:95%;
	min-width:300px;
	margin:0 0 1% 0;
	padding:2%;
	float:center;
	width:100% !important;
	text-align:center;
}

.urlbar{
	width:93%;
	background: #ffffff;
	color:#9e9e9e;
	font-size:0.85em;
	padding:1%;
	border:1px solid #919191;
	margin:0 0 2% 0 !important;
	min-width:300px;
	text-align:left;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	word-break: break-all;
}

@media only screen and (max-width: 770px)  {

	#resultstable{
		width:100% !important;
		min-width:320px;
	}

	.frameborder{
			padding:2% 0% 2% 2%;
	}

	.urlbar{
		width:95% !important;
		font-size:0.65em;
		margin:0 0 2% 0 !important;
		padding:2% 0% 2% 0%;
	}
}

/* Bookmaker.com.au */

table.booktable-2, table.booktable-6{
	width:95%;
	border:0;
	border-collapse:collapse;
	align:center;
	min-width:300px;
	margin:0%;
}

table.booktable-2 caption{
	margin:0;
	text-align:left;
	font-size:1em;
	color:#ffffff;
	padding:10px;
	vertical-align:middle;
	background: #34373b; /* Old browsers */
	background: -moz-linear-gradient(top,  #34373b 0%, #202325 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#34373b), color-stop(100%,#202325)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #34373b 0%,#202325 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #34373b 0%,#202325 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #34373b 0%,#202325 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #34373b 0%,#202325 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34373b', endColorstr='#202325',GradientType=0 ); /* IE6-9 */

	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

table.booktable-2 caption img{
	margin-right:10px;
}

table.booktable-2 th{
	padding:1% 0.5% 1% 0.5%;
	font-size:0.7em;
	background: #34373b; /* Old browsers */
	background: -moz-linear-gradient(top,  #34373b 0%, #202325 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#34373b), color-stop(100%,#202325)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #34373b 0%,#202325 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #34373b 0%,#202325 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #34373b 0%,#202325 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #34373b 0%,#202325 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34373b', endColorstr='#202325',GradientType=0 ); /* IE6-9 */
	text-align:left;
	color:#ffffff;
	border:1px solid #505357;
	border-bottom:2px solid #000000;
}

table.booktable-2 th.cent, table.booktable-2 td.cent{
	text-align:center;
}

table.booktable-2 td.pricebg{
	background: #d9e4ee; /* Old browsers */
	background: -moz-linear-gradient(top,  #d9e4ee 0%, #c9d8e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d9e4ee), color-stop(100%,#c9d8e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d9e4ee 0%,#c9d8e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d9e4ee 0%,#c9d8e5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d9e4ee 0%,#c9d8e5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d9e4ee 0%,#c9d8e5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9e4ee', endColorstr='#c9d8e5',GradientType=0 ); /* IE6-9 */
}

table.booktable-2 td.pricebg:hover{
	background:  #F7B726;
}

table.booktable-2 td{
	padding:1% 0.5% 1% 0.5%;
	font-size:0.8em;
	color:#45484D;
	border:1px solid #E2E2E2;
	background: #e3e3e3; /* Old browsers */
	background: -moz-linear-gradient(top,  #e3e3e3 0%, #d5d3d3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3e3e3), color-stop(100%,#d5d3d3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e3e3e3 0%,#d5d3d3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e3e3e3 0%,#d5d3d3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e3e3e3 0%,#d5d3d3 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e3e3e3 0%,#d5d3d3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#d5d3d3',GradientType=0 ); /* IE6-9 */

	text-align:left;
}

/* Ladbrokes results theme */

table.booktable-6 caption{
	margin:0;
	text-align:left;
	font-size:1em;
	color:#000000;
	padding:10px;
	vertical-align:middle;
	background: #D32123; /* Old browsers */
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

table.booktable-6 caption img{
	margin-right:10px;
}

table.booktable-6 th{
	padding:0.75em;
	font-size:0.7em;
	background: #2A2A2A; /* Old browsers */
	text-align:left;
	color:#ffffff;
	border:1px solid #3B3B3B;
}

table.booktable-6 th.cent, table.booktable-6 td.cent{
	text-align:center;
}

table.booktable-6 td.pricebg{
	background: #F2F1F1;
}

table.booktable-6 td.pricebg:hover{
	background:  #B3C500;
}

table.booktable-6 td{
	padding:0.65em;
	font-size:0.8em;
	color:#45484D;
	border:1px solid #E2E2E2;
	background: #F2F1F1;

	text-align:left;
}

table.small{
	width:100%;
	padding:1%;
	border-collapse:collapse;
	margin-bottom:1%;
}

table.small th{
	padding:1%;
	font-weight:bold;
	font-size:90%;
}

table.small th.small{
	color:#8c8c8c;
	font-weight:normal;
}

table.small td{
	padding:1%;
	font-size:80%;
}

table.small td.darkgreybg, table.small th.darkgreybg{
	background-color:#43545e;
	color:#ffffff;
	width:50%;
}

table.small td.greenbg, table.small th.greenbg{
	background-color:#70b826;
	color:#ffffff;
}

.padme{
	padding-top:2%;
	padding-bottom:2%;
}

.promobox{
	width:85%;
	margin: 2% 0 2% 8%;
}

.promobox h3{
	font-size:100%;
	padding:2% 1% 2% 1%;
	font-weight:bold;
	color:#42484d;
}

.promobox .promotitle{
	background-color:#51AE37;
	padding:1% 5% 1% 5%;
	border:2px #51AE37 solid;
	-moz-border-radius: 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
	border-radius: 3px 3px 0px 0px;
}

.promobox .promotitle h3{
	color:#ffffff;
	text-align:left;
	padding:1%;
	font-size:80%;
}

.promobox .promocontent{
	border:2px #51AE37 solid;
	padding:3%;
}

.promobox .subtitle{
	text-align:left;
	font-size:90%;
	padding:4%;
	font-weight:bold;
	color:#42484d;
}

table.bestoddstable{
	width:100%;
	border-collapse:collapse;
}

table.bestoddstable td{
	padding:3%;
	font-size:75%;
	text-align:left;
	font-weight:bold;
}

table.bestoddstable td.redbg{
	background-color:#cb5f44;
	color:#ffffff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

table.bestoddstable td.greybg{
	background-color:#808c98 !important;
	color:#ffffff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

table.bestoddstable td.orangebg{
	background-color:#613189;
	color:#ffffff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding:4%;
	font-size:100%;
}

table.bestoddstable td.greenbg{
	background-color:#81b753;
	color:#ffffff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding:4%;
	font-size:90%;
}

ul.pendingmenu{
	list-style: none;
	width:100%;
}

ul.pendingmenu li{
	list-style: none;
	float:left;
	margin-right:3%;
}

ul.pendingmenu li.rightal{
	float:right;
}

ul.commenttab{
	list-style: none;
	width:100%;
	margin:0;
	clear:both;
}

ul.commenttab li{
	list-style: none;
	float:left;
	margin:0 0.5% 0 0;
	background-color:#eaeaea;
	padding:2%;
	color:#3D464C;
	border:1px #eaeaea solid;
	-moz-border-radius: 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
	border-radius: 3px 3px 0px 0px;
}

ul.commenttab li.isselected, ul.commenttab li:hover{
	list-style: none;
	float:left;
	margin-right:0.5%;

	padding:2%;
	color:#ffffff !important;
	cursor: pointer;
	cursor:hand;
	border-bottom:1px solid #6a218b;

	background: #8038a2; /* Old browsers */
	background: -moz-linear-gradient(top,  #8038a2 0%, #68208a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8038a2), color-stop(100%,#68208a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #8038a2 0%,#68208a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #8038a2 0%,#68208a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #8038a2 0%,#68208a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #8038a2 0%,#68208a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8038a2', endColorstr='#68208a',GradientType=0 ); /* IE6-9 */

}

.commentcontainer{
	width:96%;
	padding:1% 0.5% 1% 0.5%;
	margin:0;
}

.commentcontainer table{
	width: 97%;
	min-width:250px;
	border:1px #eaeaea solid;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border-collapse:collapse;
	margin:0;
}

.commentcontainer table tr{

}

.commentcontainer table td{
	padding:3% 5% 3% 5%;
	text-align:center;
}

.commentcontainer table td.title{
	padding:3% 5% 3% 5%;
	font-weight:bold;
}


table.smallprofile{
	width: 100%;
	min-width:250px;
	border:0px #eaeaea solid;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border-collapse:collapse;
	margin:0;
}

table.smallprofile td{
	padding:2% 2% 2% 2%;
	text-align:left;
	width:30%;
	font-size:80%;
	color:#818181;
}

table.smallprofile td.title{
	padding:2% 2% 2% 2%;
	font-weight:bold;
	width:15%;
	text-align:left;
	font-size:80%;
	color:#772397;
}

table.smallprofile td.picwidth{
	width:30% !important;
}

table.smallprofile td.descwidth{
	width:70% !important;
}

table.smallprofile td .awardlevel1{
	font-size:16px;
	color:#000000;
	padding:5px 0 5px 0 ;
	clear:both;
}

table.smallprofile td .awardlevel2{
	font-size:12px;
	color:#c5bfbf;
	padding:3px 0 5px 0 ;
	clear:both;
}

table.smallprofile td .awardlevel3{
	font-size:12px;
	color:#a1abad;
	padding:3px 0 5px 0 ;
	clear:both;
}

#modalbody_small table.smallprofile td{
	padding:0.5% 2% 0.5% 2%;
	text-align:left;
	width:30%;
	font-size:100%;
	color:#818181;
	background-color:#f6f6f6;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#modalbody_small table.smallprofile td.title{
	font-family: Arial, Helvetica, sans-serif;
	color:#3d464c;
	font-size:1em;
	font-weight:bold;
	text-align:left;
	border: 0;
	text-transform:normal;
	border-top: 0;
	border-bottom: 0;
	background-color:#f6f6f6;
	padding:2% 3% 2% 3%;
	width:33%;
}

#modalbody_small table.smallprofile td.separator{
	background-color:#ffffff;
}

#modalbody_small table.smallprofile td.rightal{
	text-align:right;
}

#modalbody_small table.smallprofile tr{
	border:1em white solid;
}

#modalbody_small ul{
	list-style:none;
	margin-left:50px;

}

#modalbody_small ul li{
	list-style:none;
	text-align:left;
	font-size:0.8em;
}

.tipmarketfilter{
	padding-bottom:8%;
}

.showmarketfilter{
	display:none;
}

.tipmarketfilter h3{
	text-transform:uppercase;
	color:#818181;
	font-size:0.9em;
	clear:both !important;
}

.tipmarketfilter .filteroptions {
	clear:both;
	margin-bottom:5%;
}

.tipmarketfilter .filteroptions .title{
	font-size:0.85em;
	float:left;
}
.tipmarketfilter .filteroptions .check{
	float:right;
}

.tipmarketfilter ul.marketnav{
	list-style:none;
	float:left;
	margin:0;
	padding:0;
}

.tipmarketfilter ul.marketnav li{
	list-style:none;
	float:left;
	cursor:hand;
	cursor:pointer;
	color: #772397;
	font-size:12px;
	line-height:24px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #772397;
	border-right:0px;
	min-width: 14px;
	padding: 5px 10px 5px 10px;
	margin: 0 0 10px 0;
	background: #ffffff; /* Old browsers */
}

.tipmarketfilter ul.marketnav li:last-child{
	border-right: 1px solid #772397;
}

.tipmarketfilter ul.marketnav li.nostyle{
	background:none;
	border:none;
	box-shadow:none;
	border-radius: none;
}

.tipmarketfilter ul.marketnav li.nostyle:hover{
	background:none;
	border:none;
	box-shadow:none;
	border-radius: none;
}

.tipmarketfilter ul.marketnav li.isselected{
	background: #772397;
	color: #FFF;
	cursor: default;
}

.tipmarketfilter ul.marketnav li.isselected:hover{
	background: #772397;
	color: #FFF;
	cursor: default;
}

.tipmarketfilter ul.marketnav li.isselected a{
	font-size:14px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:center;
	font-weight: normal;
}

.tipmarketfilter ul.marketnav li.isselected a:hover{
	font-size:14px;
	color: #FFF;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:center;
	border: 1px solid #772397;
}

.tipmarketfilter ul.marketnav li:hover{
	border: 1px solid #772397;
	background:none;
	color:#ffffff;
	background-color:#772397;

}

.tipmarketfilter ul.marketnav li a{
	font-size:14px;
	color:#ffffff;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:center;
}

.tipmarketfilter ul.marketnav li a:hover{
	border:0px #cfcfcf solid;
	color:#ffffff;
	border: 1px solid #772397;
	font-weight: normal;
}

.tipmarketfilterHorz-jockey{
	width:100%;
	border: 0px solid #d8d8d8;
	margin-bottom:20px;
	min-height:235px;
	margin-right:0;
	padding:0%;
	background-image: url(/assets/images/Jockeys-line-up-950.jpg);
	background-position: 96% center;
    background-repeat: no-repeat;
}

.tipmarketfilterHorz-jockey div.filter{
	float:right;
	text-align:left;
	width:305px;
	margin-right:0;
}

.tipmarketfilterHorz-jockey div.whitebg{
	background-color:#ffffff;
	padding:5px;
	margin:0;
	width:92%;
}

.tipmarketfilterHorz-jockey div{
	float:left;
	text-align:left;
	margin-right:10px;
}

.tipmarketfilterHorz-jockey div h2{
	text-align:center;
	font-size:16px;
	color:#000000;
	font-weight: bold;
}

.tipmarketfilterHorz-jockey div h3{
	text-align:left;
	font-size:12px;
	color:#000000;
}

.tipmarketfilterHorz{
	/* width:96%; */
	border: 1px solid #d8d8d8;
	margin-bottom:20px;
	padding:2%;
}

.tipmarketfilterHorz div{
	float:left;
	text-align:left;
	margin-right:20px;
}

.tipmarketfilterHorz div h3{
	text-align:left;
	font-size:12px;
	color:#000000;
}

.tipmarketfilterHorz .filteroptions {
	margin-bottom:5%;
	margin-right:10px;
}

.tipmarketfilterHorz .filteroptions .title{
	font-size:0.65em;
	float:left;
	margin-right:10px;
	padding-top:5px;
}
.tipmarketfilterHorz .filteroptions .check{
	float:right;
	margin-right:10px;
}

.tipmarketfilterHorz .filteroptionbutton{
	float:left;
	clear:both;
	margin-top:20px;
}

.tipmarketfilterHorz .filteroptionbutton ul {
    margin: 0;
    padding: 0;
}

.tipmarketfilterHorz .filteroptionbutton ul li {
    list-style-type: none;
    margin: 0;
    padding: 0 5px 0 0;
    float: left;
    text-align: center;
}

.tipmarketfilterHorz .filteroptionbutton ul li a {
    list-style-type: none;
    padding: 3px 30px;
    background: #ffffff;
	border-radius: 4px 4px 4px 4px;
    background: -moz-linear-gradient(top, #ffffff 0%, #d0d0d0 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#d0d0d0 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#d0d0d0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d0d0d0',GradientType=0 );
    border: 1px solid #d8d8d8;
    color: #000000;
    cursor: pointer;
    margin: 0;
    display: block;
    text-decoration: none;
	font-weight: bold;
    text-transform: uppercase;
    font-size: 11px;
}

.tipmarketfilterHorz .filteroptionbutton ul li.filterActive a {
    background: #91b039;
    color: #fff;
	border: 1px solid #91b039;
}

.tipmarketmobilefilter{
	display: none;
}

/* select.soflow{
   -webkit-appearance: button;
   -webkit-border-radius: 2px;
   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   -webkit-padding-end: 0px;
   -webkit-padding-start: 2px;
   -webkit-user-select: none;
   background-image: url(/assets/images/icon/downarrow.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
   background-position: 97% center;
   background-repeat: no-repeat;
   border: 1px solid #AAA;
   color: #555;
   font-size: inherit;
   overflow: hidden;
   padding: 5px 30px 5px 2px;
   text-overflow: ellipsis;
   white-space: nowrap;
   font-size:11px;
} */

resp-table {
    border: 1px solid #ccc;
    width: 100%;
    margin:0;
    padding:0;
    border-collapse: collapse;
    border-spacing: 0;
  }

resp-table tr {
    border: 1px solid #ddd;
    padding: 5px;
  }

resp-table th, resp-table td {
    padding: 10px;
    text-align: center;
  }

resp-table th {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
  }

 @media screen and (max-width: 770px) {

	.tipmarketfilterHorz-jockey{
		width:auto;
		border: 0px solid #d8d8d8;
		margin-bottom:20px;
		min-height:402px;
		margin:0 auto;
		padding:0%;
		background-image: url(/assets/images/Jockey-line-up-Stage-mobile-415.jpg);
		background-position: center top;
		background-size: 100%;
	    background-repeat: no-repeat;
	}

	.tipmarketfilterHorz-jockey div.filter{
		text-align:center;
		width:100%;
		margin-right:0;
		margin-top:275px;
	}

	.tipmarketfilterHorz-jockey div.filter h2{
		display:none;
	}

	.tipmarketfilterHorz-jockey div.whitebg{
		background-color:#ffffff;
		padding:5px;
		margin:0;
		width:100%;
		text-align:center;
	}

	ul.pendingmenu{
		margin:0;
		padding:0;
	}
	ul.pendingmenu li{
		float:none;
		width:100%;
		padding-left:5px;
	}

	ul.pendingmenu li .btn, ul.pendingmenu li .purplebtn{
		width:98%;
	}

	#downloadfilter, #downloadfilter a{
		font-size:12px;
	}

	.promobox{
		width:95%;
		margin: 2% 0 2% 3%;
		display:none;
	}

	.promobox .promotitle{
		background-color:#51AE37;
		padding:0.5% 2% 0.5% 2%;
		border:2px #51AE37 solid;
		-moz-border-radius: 0px;
		-webkit-border-radius: 3px 3px 0px 0px;
		border-radius: 3px 3px 0px 0px;
	}

	.promobox .promotitle h3{
		color:#ffffff;
		text-align:left;
		padding:0%;
		font-size:70%;
	}

	li#resultsfilter{
		list-style: none;
		text-align:left;
		clear:both;
		float:left;
		margin-right:3%;
	}

	div.resultitem{
			clear:both;
			float:left;
			text-align:left;
			padding:1% 0 1% 0;
			margin:0;
	}

    resp-table {
      border: 0;
    }

    resp-table thead {
      display: none;
    }

    resp-table tr {
      margin-bottom: 10px;
      display: block;
      border-bottom: 2px solid #ddd;
    }

    resp-table td {
      display: block;
      text-align: right;
      font-size: 13px;
      border-bottom: 1px dotted #ccc;
    }

    resp-table td:last-child {
      border-bottom: 0;
    }

    resp-table td:before {
      content: attr(data-label);
      float: left;
      text-transform: uppercase;
      font-weight: bold;
    }

	.tipmarketfilterHorz{
		display:none;
	}

	.tipmarketmobilefilter{
		display: block;
		width:100%;
		text-align:left;
		margin:10px 0 0px 0;
		padding:10px 10px 10px 10px;
		color:#898484;
		background-color:#e7f0cb;
		border-top:1px solid #D8D8D8;
		font-size:14px;
	}

	.tipmarketmobilefilter img{
		float:right;
		width:25px;
		height:25px;
		padding-right:33px;
		margin-top:-3px;
	}

	.tipmarketfilterHorz div{
		margin-bottom:5px;
		width:100%;
	}

	.tipmarketfilterHorz div h3{
		margin-top:5px;
	}

	.tipmarketfilterHorz .filteroptions .check{
		margin-right:0;
	}

	.tipmarketfilterHorz .filteroptions{
		margin-bottom:0px;
		width:30%;
		float:left;
	}

	#FrmSelectLoc{
		max-width:100% !important;
	}

	.switch-field{
		width:100%;
	}

	#updatemarket{
		margin-top:0 !important;
	}

	.tipmarketfilterHorz  select.soflow{
		width:100%;
	}
  }

table.small-table{
	width:100%;
	clear:both;
	border-collapse:collapse;
}

table.small-table th{
	font-family: Arial, Helvetica, sans-serif;
	color:#3c414a;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	border: 0;
	border-top: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
	background-color:#e1e3e4;
	padding:0.5%;
}

table.small-table td{
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	font-weight:normal;
	text-align:left;
	padding:1%;
	border-bottom:1px #dddddd solid;
	background: #f7f7f7;
}

table.small-table td a{
	font-size:0.90em;
	color:#91B039;
	font-weight:normal;
}

table.small-table td a:hover{
	color:#B9DA5A;
}

table.small-table th.nobold{
	font-weight:normal;
}

table.small-table td.odd{
	background-color:#e5e4e4;
	background:none;
}

table.small-table td.nobgcol{
	background:none;
	text-align:center;
}

table.small-table td.leftal{
	text-align:left;
}

table.small-table td.rightal{
	text-align:right;
}

table.small-table th.centeral, table.small-table td.centeral{
	text-align:center;
}

table.small-table td.boldme{
	font-weight:bold;
}

table.small-table td.errorline{
	background:#e89494;
	color:#ffffff;
}

ul.bxslider{
	list-style:none;
}

ul.bookieadset{
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
}

ul.bookieadset li{
	width:100%;
	list-style:none;
}

ul.bookieadset li img{
	width:100%;
}

.myfieldset{
	width:90%;
	border: 0;
    border-bottom: 1px dashed #ccc;
}

.myfieldset div{
	padding:1% 0 1% 0;
	font-size:0.95em;
}
.myfieldset .mylabel{
	font-family: 'Open Sans', sans-serif;
	font-size:12pt;
	color:#cb2624;
	font-weight:bold;
}

.HBlogosmart{
	margin-right:2%;
}

.leftcontent p{
	text-align:left;
}

.leftcontent ul{
	text-align:left;
}

fieldset label{
	font-weight:bold;
}

.profileblock{
	margin-bottom:10px !important;
}

.BettorOddsBanner{
	padding:10px 9px 10px 9px;
	background-color:#53da3f;
	color:#fff;
	font-family: 'Open Sans', sans-serif;
	font-size:1.5em;
	text-align:center;
	border:0;
}

.BettorOddsBanner input.smallpurplebtn{
	padding:0.5% !important;
	font-size:0.6em;
}


@media screen and (max-width: 770px) {
	#tabcontainer{
		width:100% !important;
		min-width:320px;
	}
	table.small-table{
		width:100%;
		text-align:center;
		clear:both;
		border-collapse:collapse;
	}

	fieldset{
		width:30%;
		min-width:300px;
		max-width:100%;
		padding:10px;
	}

	.profileblock{
		width:98%;
	}

	table.small-table th{
		font-family: Arial, Helvetica, sans-serif;
		color:#3c414a;
		font-size:10px;
		font-weight:bold;
		text-align:left;
		border: 0;
		text-transform:none;
		border-top: 1px solid #cfcfcf;
		border-bottom: 1px solid #cfcfcf;
		background-color:#e1e3e4;
		padding:1% 1% 1% 1%;
	}

	table.small-table td{
		font-family: Arial, Helvetica, sans-serif;
		font-size:10px;
		font-weight:normal;
		text-align:left;
		padding:1% 1% 1% 1%;
		border: 0;
		background: #f7f7f7;
	}

	table.small-table td a{
		font-size:14px !important;
	}

	table.small-table td ul{
		margin-left:5px;
		padding-left:0;
	}

	table.small-table td ul li{
		margin-left:5px;
	}

	table.small-table td a{
		font-size:0.60em;
		color:#52027f;
		font-weight:normal;
	}

	.myfieldset {
		width: 90%;
	}

	.myfieldset .mycontent input{
		max-width: 280px;
	}

	.myfieldset .mycontent textarea{
		max-width: 280px;
	}

	.BettorOddsBanner{
		padding:10px 7px 10px 7px;
		background-color:#53da3f;
		color:#fff;
		font-family: 'Open Sans', sans-serif;
		font-size:1em;
		text-align:center;
		width:90%;
		border:0;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px ;
		border-radius: 3px ;
		margin:0 0 3% 3%;
	}

	.BettorOddsBanner img.mymessage{
		display:none;
	}
	.BettorOddsBanner div.mymessage{
		float:center !important;
		text-align:center;
		clear:both;
		padding-top:10px !important;
	}

}

@media screen and (min-width: 701px) and ( max-width: 770px){
	fieldset{
		width:95%;
	}
}

img.hotbeticon{
	width:40px !important;
	height:38px !important;
	position: relative;
}

.newspagination{
	margin-right:10px;
}

.newsfeatureimage, .newsthumbimg{
	position: relative;
    width: 100%; /* for IE 6 */
	margin-bottom:10px;
}

img.newsdetailimage {
	float:right;
	padding: 1% 0px 1% 1%;
	max-width:50%;
	max-height:50%;
}

.authorimg{
	max-width:40px;
	max-height:50px;
	width:40px;
	height:50px;
}

.newsfeatureimage img, .newsthumbimg img{
	width: 100%;
	height:100%;
}

.newsfeatureimage .articletype{
	 position: absolute;
	 top: 0px;
	 left: 0;
	 padding:2%;
	 background-color:#CB2624;
	 color:#ffffff;
	 font-size:0.8em
}

.newsfeatureimage h3, .newsfeatureimage h1{
	 position: absolute;
	 bottom: 0px;
	 left: 0;
	 width: 100%;
	 text-align:left;
	 background: rgb(0, 0, 0); /* fallback color */
   	 background: rgba(0, 0, 0, 0.7);
	 padding:2%;
	 margin-bottom:0px;
}

.newsfeatureimage h3 span{
   color: #ffffff;
   font: 18px 'Open Sans', sans-serif;
   letter-spacing: -1px;
}

.newslistarticle{
	width:97%;
	padding:0% 2% 0% 4%;
	border-left:5px solid #b9da5a;
	text-align:left;
	font-size:90%;
}

.newslistarticle ul{
	list-style:none;
	width:97%;
	margin-left:0;
	padding-left:0;
}

.newslistarticle ul li{
	border-bottom: 1px solid #dddddd;
	padding:1% 0 1% 0 ;
}

.newslistarticle ul li a{
	color:#000000;
	font-size:14px;
	font-family:'Roboto', sans-serif;
}

.newslistarticle ul li a:hover{
	color:#333333;
}

.newsthumbarticle{
	width:95%;
	padding:0% 4% 0% 4%;
	border-left:5px solid #b9da5a;
	text-align:left;
	margin-bottom:20px;
	font-size:90%;
}

.newsthumbarticlenobord{
	border-left:0px solid #b9da5a;
	padding:0% 4% 0% 0%;
}

.newsthumbarticle h3{
	color: #000000 !important;
	font: bold 18px 'Roboto', sans-serif;
	padding:0;
	margin:0;
}

.newsdetailarticle{
	width:100%;
	padding:0% 4% 4% 0%;
	border-left:0px solid #b9da5a;
	text-align:left;
}

.newsfeaturearticle{
	width:90%;
	padding:0% 4% 4% 4%;
	border-left:5px solid #b9da5a;
	text-align:left;
}

.span_1_of_3_1 {
      	width: 32%;
		margin-right:0.5%;
		margin-bottom:1%;
 }

.newsfeaturearticlenobord{
	border-left:0px solid #671689;
	width:90%;
	padding:0% 4% 4% 4%;
	text-align:left;
}

.newsfeaturearticlenobord ul.articleinfo, .newsfeaturearticle ul.articleinfo{
	width:100%;
	clear:both;
	display:block;
	text-align:left;
	margin-left:0;
	padding:0;
}

.tagcontain{
	clear:both;
	margin-top:10px;
	margin-bottom:0px;
	padding:0;
}

.newsfeaturearticlenobord ul.articleinfo li, .newsfeaturearticle ul.articleinfo li{
	list-style:none;
	float:left;
	text-align:left;
	margin:0 20px 0 0;
	padding:0;
}

.newsfeaturearticlenobord ul.articleinfo li.padme, .newsfeaturearticle ul.articleinfo li.padme{
	padding-top:15px;
}

.newsfeaturearticlenobord h1, .newsfeaturearticle h1, .newsdetailarticle h1{
	color: #000000;
	font: bold 32px 'Roboto', sans-serif;
	padding:10px 0px;
	margin:0;
}

.newsfeaturearticlenobord h3, .newsfeaturearticle h3, .newsdetailarticle h3{
	color: #000000;
	font: bold 28px 'Roboto', sans-serif;
	padding:10px 0px;
	margin:0;
}


.newsfeaturearticlenobord h4{
	font: bold 18px 'Open Sans', sans-serif;
	color: #000000;
}

.newsfeaturearticlenobord h3 a, .newsfeaturearticle h3 a, .newsdetailarticle h3 a:visited{
	color: #000000;
}

.newsdetailarticle .greyminimal{
	color:#908e8e;
	font-size:0.7em;
	margin:0 0 1% 0;
}

.sharebets{
	padding:10px;
	width:90%;
	text-align:left;
	color:#ffffff;
	font-size:12px;
	margin-top:10px;
}

.sharebets h3{
	font-size:1.2em;
	color:#ffffff !important;
	font-weight:bold;
	margin-bottom:15px;
}

.sharebets ul.socialsharebets{
	list-style:none;
	background:none !important;
	width:90%;
	height:60px;
	margin:0;
	padding:0;
}

.sharebets ul.socialsharebets li.social{
	list-style:none;
	margin-right:5%  !important;
	margin-left:5%  !important;
	width:40px !important;
	float:left !important;
	background:none !important;
	border:none !important;
	margin:0;
	padding:0;
}

.sharebets .weburl{
	width:95%;
	margin-top:0;
}

.smallnewsitem{
	margin-bottom:30px;
}

.smallnewsitem h3{
	font-size:16px;
}
.smallnewsitem .greyfont{
	color:#a1a1a1;
	font-size:14px;
}

.smallnewsitem p{
	font-size:14px;
}

.feedback {
    position: fixed;
    bottom: 0;
    right: 0;
}

ul li.bookiebet{
	float:right !important;
	border-right:0px solid #d1d1d1 !important;
	padding:0 0 0 0 !important;
	margin:0 !important;
	background-color:none;
	max-height:45px;
}

img#bookiebetwith{
	padding:0;
	width:320px !important;
	height:45px !important;
	max-width:320px !important;
	max-height:45px !important;
}

.mobilebookiebet{
	display:none;
}

@media screen and (max-width: 770px) {

	.newsfeaturearticlenobord ul.articleinfo li.padme, .newsfeaturearticle ul.articleinfo li.padme{
		padding-top:5px;
	}

	.bottombord{
		border:0;
	}

	.newsfeaturearticle, .newslistarticle{
		margin-left:5px;
	}

	.newsitemset{
		width:100%;
		height:90px;
		clear:left;
		padding:0px 5px 0px 5px ;
		border-left:5px solid #b9da5a;
		margin:10px 0 10px 5px;
	}

	.newsthumbimg{
		width: 40%;
		height:90px;
		float:left;
		margin-right:5px;
	}

	.newsthumbarticle .readmorearrow{
		float:right;
	}

	.newsthumbarticle{
		float:right;
		width:50%;
		border-left:0px solid #b9da5a;
	}

	.newsthumbarticle h3{
		font-size:98%;
	}

	.newslistarticle{
		clear:both;
	}

	.feedback img{
		width:60%;
		height:60%;
		padding:0;
		margin:0;
	}

	.feedback {
	    position: fixed;
	    bottom: 0;
	    right: -15px;
	}
	.mobilebookiebet{
		padding-bottom:20px;
		display:block;
	}

	ul li.bookiebet{
		display:none;
	}

}

@media screen and (min-width: 701px) and ( max-width: 1024px){
	img#bookiebetwith{
		width:230px !important;
		max-width:230px !important;
	}

	ul.pendingmenu{
		width:95%;
	}

	.panel{
		margin-left:-40px !important;
	}
	#eventsubmenu-mobile-head ul li.raceinfoheader-set, #eventsubmenu-mobile-head ul li.runsin{
		height: 40px
	}
	ul.eventnumber li{
		width: 7%;
	}
	.panel .betslipbody{
		width: 320px;
	}
	#eventmenu ul li.eventselected,#eventsubmenu ul li,#eventmenu ul li{
		width: 20%;
	}
}

@media screen and (min-width: 701px) and ( max-width: 770px){
	.panel{
		margin-left:0 !important;
	}

	#topbanner #triggerbetslipmobile{
		margin-top: -15px;
		margin-left:20px;
	}

	#topbanner .topright .globalmenu, #topbanner .topright .accountmenu{
		margin-left:20px;
	}

	.span_1_of_4{
		max-width:100%;
	}

	.newsthumbimg{
		width:20%;
		height:100%;
		margin-left:40px;
	}
}

#tipmarkethelp{
	display:none;
	background-color:none;
}

table.leadermedium{
	width:100%;
	border-collapse:collapse;
}

table.leadermedium tr{
	border-top:#cccccc solid 1px;
}

table.leadermedium th{
	padding:1%;
	font-weight:bold;
	font-size:16px;
}

table.leadermedium th.size10{
	padding:1%;
	font-weight:bold;
	font-size:16px;
}

table.leadermedium td{
	padding:0.8%;
	font-size:14px;
}
table.leadermedium tr:last-child{
	border-bottom:#cccccc solid 1px;
}


table.leadersmall{
	width:100%;
	border-collapse:collapse;
}

table.leadersmall tr{
	border-top:#cccccc solid 1px;
}

table.leadersmall th{
	padding:1%;
	font-weight:bold;
	font-size:0.7em;
}

table.leadersmall td{
	padding:0.8%;
	font-size:0.7em;
}

table.leadersmall td.centeral, table.leadersmall th.centeral{
	text-align:center;
}

table.leadersmall td.alias{
	width:20%;
}
table.leadersmall td.getbuttons{
	width:17%;
}

table.leadersmall td.selectedcol, table.leadersmall th.selectedcol{
	background-color:#e2e2e2;
}

table.leadersmall td .profiletype-table{
	padding:4px 0px 4px 0px  !important;
	color:#ffffff;
	font-size:0.9em;
	text-align:center;
	font-weight:bold;
	text-transform:uppercase;

}

table.leadersmall td.fatrow{
	padding:20px 0px 20px 0px;
}

.avatarsmall{
	max-height:20%;
	max-width:20%;
	margin-right:10px;
}

.avatar50{
	max-height:60px;
	max-width:70px;
	margin-right:10px;
}

@media screen and (max-width: 770px) {
	.avatarsmall{
		display:none;
	}

	table.leadersmall td{
		padding:0.6%;

	}
	table.leadersmall td.alias{
		width:15%;
	}

	table.leadersmall td.alias a{
		font-size:70%;
	}
}

a.tooltip {
    outline: none;
    text-decoration: none;
    border-bottom: dotted 1px #AF61DF;
    position: relative;
	font-size:80%;
}

a.tooltip strong {
    line-height: 30px;
}

a.tooltip > span, a.tooltip > span.left {
    width: 280px;
    padding: 10px 20px;
    margin-top: 0;
    margin-left: -120px;
    opacity: 0;
    visibility: hidden;
    z-index: 10;
	text-align:left;
    position: absolute;
    font-family: Arial;
    font-size: 12px;
    font-style: normal;
    border-radius: 3px;
    box-shadow: 2px 2px 2px #999;
    -webkit-transition-property: opacity, margin-top, visibility, margin-left;
    -webkit-transition-duration: 0.4s, 0.3s, 0.4s, 0.3s;
    -webkit-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
    transition-property: opacity, margin-top, visibility, margin-left;
    transition-duration: 0.4s, 0.3s, 0.4s, 0.3s;
    transition-timing-function:
        ease-in-out, ease-in-out, ease-in-out, ease-in-out;
}


/*a.tooltip > span:hover,*/
a.tooltip:hover > span {
    opacity: 1;
    text-decoration: none;
    visibility: visible;
    overflow: visible;
    margin-top: 20px;
    display: inline;
    margin-left: -90px;
}

/*a.tooltip > span:hover,*/
a.tooltip:hover > span.left {
    opacity: 1;
    text-decoration: none;
    visibility: visible;
    overflow: visible;
    margin-top: 30px;
    display: inline;
    margin-left: -350px;
}

a.tooltip span b, a.tooltip span.left b {
    width: 15px;
    height: 15px;
    margin-left: 40px;
    margin-top: -34px;
    display: block;
    position: absolute;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-box-shadow: inset -1px 1px 0 #fff;
    -moz-box-shadow: inset 0 1px 0 #fff;
    -o-box-shadow: inset 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff;
    display: none\0/;
    *display: none;
}

a.tooltip > span, a.tooltip > span.left {
	color: #000000;
	background: #f4e9f9;
	background: -webkit-linear-gradient(top, #f4e9f9, #e2c1f1);
	background: linear-gradient(top, #f4e9f9, #e2c1f1);
	border: 2px solid #31a41e;
}

a.tooltip span b,a.tooltip span b.left  {
	background: #f4e9f9;
	border-top: 2px solid #31a41e;
	border-right: 2px solid #31a41e;
}

a.tooltip span h3, a.tooltip span.left h3{
	margin-top:5px;
	font-size:16px;
}

a.tooltip span ol, a.tooltip span.left ol{
	margin-left:3px;
	padding-left:15px;
}


a.tooltipsmall {
    outline: none;
    text-decoration: none;
    border-bottom: dotted 1px #AF61DF;
    position: relative;
	font-size:80%;
}

a.tooltipsmall strong {
    line-height: 30px;
}

a.tooltipsmall > span {
    width: 200px;
    padding: 10px 10px;
    margin-top: 0;
    margin-left: -120px;
    opacity: 0;
    visibility: hidden;
    z-index: 10;
	text-align:left;
    position: absolute;
    font-family: Arial;
    font-size: 10px;
    font-style: normal;
    border-radius: 3px;
    box-shadow: 2px 2px 2px #999;
    -webkit-transition-property: opacity, margin-top, visibility, margin-left;
    -webkit-transition-duration: 0.4s, 0.3s, 0.4s, 0.3s;
    -webkit-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
    transition-property: opacity, margin-top, visibility, margin-left;
    transition-duration: 0.4s, 0.3s, 0.4s, 0.3s;
    transition-timing-function:
        ease-in-out, ease-in-out, ease-in-out, ease-in-out;
}

/*a.tooltip > span:hover,*/
a.tooltipsmall:hover > span {
    opacity: 1;
    text-decoration: none;
    visibility: visible;
    overflow: visible;
    margin-top: 30px;
    display: inline;
    margin-left: -250px;
}

a.tooltipsmall span b{
    width: 15px;
    height: 15px;
    margin-left: 40px;
    margin-top: -34px;
    display: block;
    position: absolute;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-box-shadow: inset -1px 1px 0 #fff;
    -moz-box-shadow: inset 0 1px 0 #fff;
    -o-box-shadow: inset 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff;
    display: none\0/;
    *display: none;
}

a.tooltipsmall > span{
	color: #000000;
	background: #f4e9f9;
	background: -webkit-linear-gradient(top, #f4e9f9, #e2c1f1);
	background: linear-gradient(top, #f4e9f9, #e2c1f1);
	border: 2px solid #31a41e;
}

a.tooltipsmall span b  {
	background: #f4e9f9;
	border-top: 2px solid #31a41e;
	border-right: 2px solid #31a41e;
}

a.tooltipsmall span h3{
	margin-top:5px;
	font-size:16px;
}

a.tooltipsmall span ol{
	margin-left:3px;
	padding-left:15px;
}

a.tooltipsmall span ul{
	margin-left:3px;
	padding-left:7px;
}

a.tooltipsmall span ul li{
	margin:3px 0px 0px 0px;
	padding:3px 0px 3px 0px !important;
}

@media screen and (max-width: 770px) {
	a.tooltip > span {
		width: 240px;
		margin-left: -20px;
	}

	a.tooltip:hover > span {
		margin-left: -260px;
	}
}

table.avtable {
	align: center;
	border-collapse: collapse;
	empty-cells: show;
	font-size:12px;
	border-bottom:0px solid #EFEFEF  ;
	margin-left:0px;
	width:100%;
}

table.avtable  th  {
	text-align: center;
	border-collapse:collapse;
	font-size:12px;
	font-weight:bold;
	background-color:#4C017A;
	color:#ffffff;
	padding:10px 0px 10px 3px;
}

table.avtable  td {
	font-size:11px;
	padding: 2px;
	text-align: center;
	color:#494949;
	padding-left:3px;
}

table.avtable td img{
	width:95px !important;
	height:100px !important;
}

.BMOddsBanner-2{
	height:30px;
	width:50%;
	background-color:#000000;
	color: #ffffff;
	font-size:12px;
	text-align:center;
	padding:0;
	vertical-align:middle;
	margin-top:5px;
	float:left;
}

.BMOddsBanner-6{
	height:30px;
	width:50%;
	background-color:#EE1C24;
	color: #ffffff;
	font-size:12px;
	text-align:center;
	padding:0;
	vertical-align:middle;
	margin-top:5px;
	float:left;
}

img.newfeature{
	position:relative;
	z-index:10;
	margin:-3px 0px 0px 30px !important;
}

@media screen and (max-width: 770px) {
	img.newfeature{
		margin:5px 0px 0px -9px !important;
	}
}

.racesection .racedescription{
	display:inline;
}

.racesection img.raceimage{
	float:right;
	width:50%;
	height:50%;
	margin:0 0 7px 10px;
}

.racesection img.groupimage {
	float:right;
	width:50%;
	height:50%;
	margin:0 0 7px 7px;
	max-width:200px;
	max-height:200px;
}

@media screen and (max-width: 770px) {
	.racesection img.raceimage {
		float:none;
		width:100%;
		height:100%;
		margin:0 0 7px 7px;
	}

	.racesection img.groupimage {
		float:none;
		width:100%;
		height:100%;
		margin:0 0 7px 7px;
		max-width:200px;
		max-height:200px;
	}

}

table.leaderlarge{
	width:70%;
	border-collapse:collapse;
}

table.leaderlarge tr{
	border-top:#cccccc solid 1px;
}

table.leaderlarge th{
	padding:1%;
	font-weight:bold;
	font-size:110%;
}

table.leaderlarge td{
	padding:0.8%;
	font-size:100%;
}

@media screen and (max-width: 770px) {
	table.leaderlarge{
		width:100%;
		border-collapse:collapse;
	}
	table.leaderlarge th{
		padding:1%;
		font-weight:bold;
		font-size:80%;
	}

	table.leaderlarge td{
		padding:0.8%;
		font-size:70%;
	}
}

table.leaderlarge td.centeral, table.leaderlarge th.centeral{
	text-align:center;
}

.networkinfo{
	float:left;
	margin-top:110px;
}

@media screen and (max-width: 770px) {
	.networkinfo{
		float:left;
		margin-top:0px;
	}
}

#search-text-input, #search-text-input-mobile{
    border:thin solid #222222;
	background-color:#222222;
    float:left;
    height:43px;
    margin: 0;
    outline:0;
	font-size:13px;
    padding:0em 0 0em .6em;
    width:60%;
	color:#888888;
	font-family:Arial, Helvetica, sans-serif;
}

.searchcontainer{
	background-color:#222222;
	width:100%;
	height:45px;
	padding:0;

}

#button-holder, #button-holder-mobile{
    background-color:#222222;
    border-top:thin solid #222222;
    float:left;
	height:42px;
    padding:.7em 0 0em .6em;
    margin:0;
    text-align:center;
    width:10%;
}

#button-holder img, #button-holder-mobile img{
    margin:4px;
    width:20px;
}

#searcherror{
	clear:both;
	font-size:12px;
	color:red;
	text-align:left;
	padding-top:10px;
	padding-bottom:10px;
}

@media screen and (min-width: 701px) and ( max-width: 1024px) {
	#search-text-input{
		font-size:11px;
	    width:65%;
	    height:40px;
	}

	#button-holder{
	    height:40px;
	}

	.BMOddsBanner-6, .BMOddsBanner-2{
		width:40%;
		height:100%;
		float:right;
	}
}

.field-table .formcontainer ul.freeprocess-container{
	list-style:none;
	background-color:#e9e0ec;
	width:100%;
	padding:7px 0 12px 0;
	margin:0 0 40px 0;
	height:40px;
}

.field-table .formcontainer ul.freeprocess-container li{
	background-color:#e9e0ec;
	height:40px;
	color:#cb2624;
	font-size:0.8em;
	font-family:Helvetica;
	font-weight:bold;
	margin:0px;
	margin-right:10px;
	width:22%;
	padding:5px;
	border:0;
}

.field-table .formcontainer ul.freeprocess-container li img{
	max-height:40px;
	max-width:40px;
	display:inline;
	float:left;
	margin-right:10px;
	margin-top:0;
}

.greenborder-top{
	border:5px #91b039;
	border-bottom:0px;
}

ul.raceday{
	width:100%;
	background-color:#ffffff;
	border:0;
	border: 2px solid #ffffff;
	margin-bottom:30px;

}

.field-table .formcontainer ul.raceday li{
	background-color:#ffffff;
	text-transform:uppercase;
	color:#6a7686;
	border: 2px solid #ffffff;
}

.field-table .formcontainer ul.raceday li.active, .field-table .formcontainer ul.raceday li:hover{
	border: 2px solid #ebebeb;
    border-radius: 15px;
	color:#cb2624;
	background-color:#ebebeb;
}

.field-table .formcontainer .package-container{
	width:100%;
	clear:both;
	margin-bottom:55px;
}

.field-table .formcontainer .package-container .package-header{
	background-color:#e9e0ec;
	color:#cb2624;
	width:100%;
	height:30px;
	padding:20px 10px 5px 10px;
}

.field-table .formcontainer .package-container .package-header .pack-col1,
.field-table .formcontainer .package-container .package-header .pack-col2,
.field-table .formcontainer .package-container .package-header .pack-col3,
.field-table .formcontainer .package-container .package-header .pack-col4{
	float:left;
	width:20%;
}

.field-table .formcontainer .package-container .package-header .pack-col4{
	float:right;
}

.field-table .formcontainer .package-container .package-header .pack-col4 input{
	margin-top:-15px;
}

.field-table .formcontainer .package-container .package-header .pack-col1{
	font-size:1em;
	font-weight:bold;
	width:30%;
}

.field-table .formcontainer .package-container .package-header .pack-col2,
.field-table .formcontainer .package-container .package-header .pack-col3{
	font-size:0.8em;
	font-weight:none;
}

.field-table .formcontainer .package-container .package-body h3{
	color:#000000;
}

.field-table .formcontainer .package-container .package-body p{
	color:#888888;
	font-size:80%;
}

.field-table .formcontainer .package-container .package-body p.dkgrey{
	color:#6a7686;
	font-size:100%;
}

@media screen and (max-width: 770px) {

	#search-text-input-mobile{
		font-size:11px;
	    width:75%;
	}

	.field-table .formcontainer ul.freeprocess-container{
		height:60px !important;
	}

	.field-table .formcontainer ul.freeprocess-container li img{
		width:40%;
		height:60%;
		text-align:center !important;
		float:none;
		clear:both;
		display:block;
	}

	.field-table .formcontainer ul.freeprocess-container li{
		font-size:40% !important;
		font-weight:normal !important;
		margin-right:0;
		width:21% !important;
	}

	.field-table .formcontainer .package-container .package-header .pack-col1,
	.field-table .formcontainer .package-container .package-header .pack-col2,
	.field-table .formcontainer .package-container .package-header .pack-col3,
	.field-table .formcontainer .package-container .package-header .pack-col4{
		font-size:70%;
	}

	.field-table .formcontainer .package-container .package-header{
		width:95%;
	}

	.field-table .formcontainer .package-container .package-header .pack-col2,
	.field-table .formcontainer .package-container .package-header .pack-col3{
		font-size:0.6em;
		font-weight:none;
		width:15%;
	}

	.field-table .formcontainer .package-container .package-header .pack-col1{
		margin-right:10px;
	}

	.field-table .formcontainer .package-container .package-header .pack-col4{
		float:left;
		margin-left:20px;
	}

	#free-content-1 table.pending{
		width:90% !important;
	}

	#free-content-1 table.pending th{
		font-size:60% !important;
		padding-left:3px !important;
		padding-right:3px !important;
	}
	#free-content-1 table.pending td{
		font-size:50% !important;
	}

	#free-content-1 table.pending td input{
		padding-left:2px !important;
		padding-right:2px !important;
		font-size:85% !important;
	}

	.bookieadmobile img{
		width:80%;
		height:55px;
	}
}

@media screen and (min-width: 701px) and ( max-width: 1024px){

	.field-table .formcontainer ul.freeprocess-container li{
		font-size:70% !important;
		font-weight:normal !important;
		margin-right:0;
		width:21% !important;
	}


}

@media screen and (min-width: 1500px) and ( max-width: 2000px) {
		#eventmenu ul li{
		float:left;
		font-family: 'Open Sans', sans-serif;
		color:#ffffff;
		/* height:23px;
		padding:0.6% 2% 1% 2%; */
		margin:0;
		min-width:5%;

		border-right:1px solid #d1d1d1;
		border-bottom:0px solid #d1d1d1;
		background:#eaeaea;
	}


	#bannerset .mainbanner{
		background: url(/assets/images/advert/GTO-Slider-Banner-Punter-v7.jpg) no-repeat;
		background-size: 100% auto;
		height:350px;
		width:100%;
	}

	#nav ul.mainnav li ul{
		visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 9999;
		bottom: 0; left: 0; margin-top: 0;
		background:transparent;
		height:100%;
		width:200px;
		/* margin:-16px 0 0 0 ; */
		padding:0 1% 0 0;
		border-top:solid 0px #2c0640;
	}

	.panel .header h3{
		padding: 5% 0 2% 5%;
	}
}

.followbutcontain{
	width:100%;
	text-align:center;
	margin:0 auto;
	padding:0;
}

.followbutcontain .contentfollow{
	padding:10px;
	text-align:center;
	background-color:#EEEEEE;
	border:1px solid #DEDEDE;
	margin:0;
	font-family: 'Open Sans', sans-serif;
	font-size:22px;
}

.leaderintro{
	padding:10px 10px 10px 20px;
}
.leadheadleft{
	width:50%;
	float:left;
}
.leadheadleft h4 .label{
	display:inline;
	margin:0 5px 0 0;
	padding:0;
	float:left;
}
.leadheadright{
	width:50%;
	float:right;
}
.leaderintro hr{
   height: 0;
   max-height: 0;
   font-size: 1px;
   line-height: 0;
   clear: both;
   border-top: 1px solid #f2f2f2;
 		   border-bottom: 1px solid #ffffff;
   margin-top:20px;
   margin-bottom:10px;
}
.leaderintro ul{
	text-align:left;
	margin-bottom:20px;
	clear:both;
}
.leaderintro ul li{
	text-align:left;
	float:left;
	margin-right:40px;
}

@media screen and (max-width: 770px) {
	.leadheadleft h4{
		font-size:14px;
		margin-bottom:20px;
	}

	.leadheadleft, .leadheadright{
		width:100%;
		text-align:left;
		float:none;
		margin-bottom:10px;
	}

}

.mynews h1{line-height:120%;}

.featureaccordian{
	margin-top:5px;
}

button.accordion, button.accbutton {
    background-color: #b9da5a;
	border-radius: 7px;
    color: #ffffff;
    cursor: pointer;
    padding: 10px 10px 10px 10px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
	font-family: 'Roboto', sans-serif;
	font-size:1.2em;
	font-weight:bold;
	margin-top:5px;
	height:50px;
}

button.accordion div, button.accbutton div{
	float:left;
	margin-top:2px;
	margin-left:10px;
}

button.accordion div.smalltitle, button.accbutton div.smalltitle{
	font-size:12px;
	width:85%;
	padding-top:0px;
	margin-top:-3px;
}

button.accordion.active, button.accordion:hover,
button.accbutton.active, button.accbutton:hover  {
    background-color: #D65655;
}

div.panelhome {
    padding: 0 18px;
    background-color: #ffffff;
    display: none;
	text-align:left;
}

div.panel h3{
	color:#000000;
}

button.accordion:after {
    content: '\02795'; /* Unicode character for "plus" sign (+) */
    font-size: 0.9em;
    color: #143d09;
    float: right;
    margin-left: 5px;
	margin-top:4px;
}

button.accordion.active:after {
    content: "\2796"; /* Unicode character for "minus" sign (-) */
	color:#bc64e0;
}

button.accbutton:after {
    content: '>'; /* Unicode character for "greater" sign (>) */
    font-size: 13px;
    color: #143d09;
    float: right;
    margin-left: 5px;
}

button.accbutton.active:after {
    content: ">"; /* Unicode character for "greater" sign (>) */
	color:#bc64e0;
}

/* Home page tab styling */

/* Style the tab */
div.tab {
    overflow: hidden;
    border: 0px solid #ccc;
    background-color: #ffffff;
	border-bottom: 1px solid #d8d8d8;
	width: 100%;
	margin-top: 1%;
}

/* Style the buttons inside the tab */
div.tab button {
    background-color: inherit;
    float: left;
	color:#808080;
	font-family: 'Open Sans', sans-serif;
	border-bottom: 0px solid #d8d8d8;
    border-top: 1px solid #d8d8d8;
	border-left: 1px solid #d8d8d8;
	border-right: 1px solid #d8d8d8;
	font-weight:bold;
	font-size:12px;
    outline: none;
    cursor: pointer;
    padding: 1% 4% 1% 4%;
	height:40px;
	margin-right:3px;
    transition: 0.3s;
	background: #fefefe; /* Old browsers */
	background: -moz-linear-gradient(top, #fefefe 0%, #d5d5d5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fefefe 0%,#d5d5d5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fefefe 0%,#d5d5d5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#d5d5d5',GradientType=0 ); /* IE6-9 */
}

div.tab button.tabactive, div.tab button.nextactive{
	 border-top: 5px solid #cb2624;
	 color:#cb2624;
	 background:#ffffff;
	 text-transform:uppercase;
}

div.tab button.tabmarketactive{
	 border-top: 5px solid #cb2624;
	 color:#cb2624;
	 background:#ffffff;
	 text-transform:uppercase;
	 border-bottom:0;
}

div.tab button.tabmarketactive a, div.tab button.tabmarketactive a:visited, div.tab button.tabmarketactive a:hover{
	color:#cb2624;
}

/* Change background color of buttons on hover */
div.tab button:hover {
    background-color: #ddd;
}

div.tab button.tabactive:hover, div.tab button.nextactive:hover, div.tab button.tabmarketactive:hover {
    background-color: #ffffff;
}

/* Create an active/current tablink class */
div.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontentgreen {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

.arrow-right-green {
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid green;
}

.arrow-up-green {
  width: 0;
  height: 0;
  margin: 0 auto;
  margin-top:10px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;

  border-bottom: 7px solid #9fbe45;
}

.arrow-down-green {
  width: 0;
  height: 0;
  margin: 0 auto;
  margin-top:10px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;

  border-top: 7px solid #9fbe45;
}

.arrow-down-grey {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;

  border-top: 7px solid #7a7a7a;
  margin: 0 auto;
  margin-top:3px;
}

.adjust-arrow-align{
	margin:7px 0px 0px 7px;
	float:left;
}

.arrow-right-red {
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid red;
}

.promolinks{
	width:100%;
	clear:both;
	margin:0 0 10px 0;
	padding:0;
	height:30px;
}
.promolinks ul{
	width:100%;
	margin:0 0 10px 0;
	padding:0;
	list-style:none;
}
.promolinks ul li{
	list-style:none;
	float:left;
	margin-right:2%;
	text-align:left;
}

.promolinks ul li a{
	color:#000000;
	font-size:12px;
}

.promolinks ul li a:hover{
	color:#a1a1a1;
}

.sharesocial h3{
	color:#000000;
	font-family: 'Roboto', sans-serif;
	text-transform:uppercase;
	font-weight:bold;
}

table.markettable{
	width:96%;
	max-width:950px;
	border-collapse:collapse;
	margin:2% ;
	border: 1px solid #ffffff;
}

.padtabletop {
	margin-top:18%;
}

table.markettable th{
	padding:0.5%;
	color:#ffffff;
	background-color:#91b039;
	font-weight:bold;
	text-align:center;
	font-size:12px;
	font-family: 'Open Sans', sans-serif;
	border: 1px solid #ffffff;
}

table.markettable th.ltgreen{
	padding:0.5%;
	color:#ffffff;
	background-color:#a6db92;
	font-weight:bold;
	text-align:center;
	font-size:12px;
	font-family: 'Open Sans', sans-serif;
	border: 1px solid #ffffff;
}



table.markettable td{
	padding:1%;
	font-size:13px;
	font-family: 'Open Sans', sans-serif;
	background-color:#eeeeee;
	color:#000000;
	border: 1px solid #ffffff;
}

table.fieldtable{
	width:100%;
	max-width:950px;
	border-collapse:collapse;

	border: 1px solid #ffffff;
}

table.fieldtable th{
	padding:1%;
	color:#000000;
	background-color:#eeeeee;
	font-weight:bold;
	text-align:center;
	font-size:13px;
	font-family: 'Roboto', sans-serif;
	border: 1px solid #dddddd;
}

table.fieldtable td{
	padding:1%;
	font-size:14px;
	font-family: 'Roboto', sans-serif;
	background-color:#ffffff;
	color:#000000;
	border: 1px solid #dddddd;
	min-width:50px;
}

table.fieldtable td.leftal{
	text-align:left;
}

table.fieldtable td.nobord{
	border-right:0 !important;
	min-width:30px;
}

table.fieldtable td.nobordleft{
	border-left:0 !important;
}

table.fieldtable td.greybg{
	background-color:#eeeeee !important;
	color:#959595;
	text-transform:uppercase;
	font-size:10px;
}

table.fieldtable td.greybgtd{
	background-color:#eeeeee !important;
	color:#000000;
	text-transform:uppercase;
	font-size:14px;
	font-family: 'Roboto', sans-serif;
}

table.fieldtable td.greenbg{
	background-color:#ecf7e8 !important;
	color:#91b039;
	font-size:14px;
	font-family: 'Roboto', sans-serif;
}

.orgheader .orglogo{
	float:left;
/*	width:50%;*/
}

.orgheader .userlogo{
	float:left;
	width:50%;
	text-align:left;
}

.orgheader .orglogo img{
	text-align:left;
}
.orgheader .orgdetail{
	float:right;
	width:50%;
	font-size:0.9em;
	text-align:right;
	margin-top:40px;
}

.performstats h3{
	font-size:0.6em;
	color:#91b039 !important;
	padding-bottom:10px;
	text-align:left;
	padding-top:0;
	margin-bottom:20px;
}

.performstats h2{
	font-size:0.9em;
	color:#91b039 !important;
	padding-bottom:10px;
	text-align:left;
	padding-top:0;
	margin-bottom:40px;
}

.profiletitle, h3.profiletitle{
	float:left;
	padding-top:7px;
}

h3.profiletitle{
	font-size:10px;
	padding-left:0;
	margin:0;
	clear:both;
}

.perfomstatdetail{
	font-size:0.8em;
	text-align:left;
}

.perfomstatdetail ul.subpoints{
	margin:0;
	padding:0;
	clear:both;
}

.perfomstatdetail ul.subpoints li{
	margin-bottom:15px;
	clear:both;
}

.perfomstatdetail .subtitle{
	float:left;
	width:45%;
	padding-bottom:5px;
}

.perfomstatdetail .subfield{
	float:left;
	margin-bottom:7px;
}

.perfomstatdetail ul{
	text-align:left;
	margin-left:0;
}

.perfomstatdetail ul li{
	font-size:0.9em;
	padding:0px 0 3px 0;
	margin:0;
	line-height:100%;
	list-style:none;
}

.perfomstatdetail ul li table{
	padding:0px;
	margin:0;
}

.perfomstatdetail ul li table td{
	width:70px;
}

.petitionresponse{
	font-size:0.8em;
	line-height:130%;
	margin-bottom:10px;
	clear:both;
}

.petitionresponse img{
	margin-right:5px;
}

.petitionresponse .parentresponse{
	margin-top:20px;
	clear:both;
}

.petitionresponse .parentresponse h5{
	text-align:left;
	padding:7px 0 0px 0px;
	font-weight:bold;
}

.petitionresponse .response{
	text-align:left;
	color:#91b039;
	font-size:0.8em;
}

.petitionresponse .response .greencrossbg{
	background-color:#91b039;
	color:#ffffff;
	padding:1px 3px 1px 3px;
	max-width:6px;
	display:inline;
	cursor:hand !important;
	cursor:pointer !important;
}

.petitionresponse .response .hideresp{
	margin-left:15px;
	display:none;
}

table.wiretable{
	width:100%;
	max-width:950px;
	border-collapse:collapse;

	border: 1px solid #dddddd;
}

table.wiretable td{
	padding:1%;
	color:#000000;
	background-color:#ffffff;
	text-align:center;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	border: 1px solid #dddddd;
}

table.wiretable td ul{
	margin:0;
	padding:0;
}

table.wiretable td ul li{
	list-style:none;
	text-align:left;
}


table.wirebookietable{
	width:100%;
	max-width:950px;
	border-collapse:collapse;
	table-layout: auto;
	border: 1px solid #dddddd;
}

table.wirebookietable th{
	font-weight:bold;
	padding:1%;
	font-size:13px;
	white-space: nowrap;
	line-height: 120%;
}

table.wirebookietable td{
	padding:1%;
	color:#000000;
	text-align:center;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	border: 1px solid #dddddd;
	line-height: 120%;
}

table.wirebookietable td.leftal{
	text-align:left;
}

table.wirebookietable td.largelink a{
	font-size:14px;
	line-height:150%;
}

table.wirebookietable td.bookiename{
	width:20%;
}

table.wirebookietable td p{
	text-align:left;
	font-size:12px;
	line-height: 120%;
}

table.wirebookietable td ul{
	margin:0;
	padding:0;
}

table.wirebookietable td ul li{
	list-style:none;
	text-align:left;
	font-size:12px;
	line-height: 120%;
}

.chartstyle{
	width:70%;
}

.switch-field {
  overflow: hidden;
  font-size: 11px !important;
}

.switch-field input {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
	font-size: 11px;
}

.switch-field label {
  float: left;
  font-size: 11px !important;
}

.switch-field label {
  	display: inline-block;
  	padding: 5px 15px;
    background: #ffffff;
	border-radius: 4px 4px 4px 4px;
    background: -moz-linear-gradient(top, #ffffff 0%, #d0d0d0 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#d0d0d0 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#d0d0d0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d0d0d0',GradientType=0 );
    border: 1px solid #d8d8d8;
    color: #000000;
    cursor: pointer;
    margin: 0;
	margin-right:5px;
    display: block;
    text-decoration: none;
	font-weight: normal;
    text-transform: uppercase;
    font-size: 11px !important;
}

.switch-field label:hover {
    cursor: pointer;
	font-size: 11px !important;
}

.switch-field input:checked + label {
   background: #91b039;
    color: #fff;
	border: 1px solid #91b039;
	font-size:11px !important;
}

ul.catlist{
	width:100%;
	list-style:none;
	border-left: 5px solid #b9da5a;
	padding: 0% 4% 0% 4%;
	max-width:300px;
}

ul.catlist li{
	width:93%;
	list-style:none;
	border-bottom:1px solid #dddddd;
	padding: 3% 0% 3% 0%;
	font-size:14px;
	cursor:pointer;
	cursor:hand;
}

ul.catlist li a{
	color:#000000;
}
ul.catlist li a:hover{
	color:#222222;
}

.sticky, #theFixed {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    top: 5px;
}

.ladbrokesbg{
	padding:10px;
	background-color:#D42124;
}

.bookmakerbg{
	padding:10px;
	background-color:#000000;
}

h3.largeheader{
	font-size:32px;
	color:#393635;
	margin-bottom:20px;
}
ul.largepoints{
text-align:center;
width:55%;
margin:0 auto;
}
ul.largepoints li{
	font-size:24px;
	color:#878586;
}

table.greentable{
	width:100%;
	max-width:950px;
	border-collapse:collapse;

	border: 1px solid #dddddd;
}

table.greentable th{
	padding:1%;
	color:#ffffff;
	background-color:#91b039;
	text-align:center;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	border: 1px solid #dddddd;
}

table.greentable td{
	padding:1%;
	color:#000000;
	background-color:#ffffff;
	text-align:center;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	border: 1px solid #dddddd;
	line-height:150%;
}

table.greentable td.poswin{
	background-color:#fce399;
}

table.greentable td.posplace{
	background-color:#baecef;
}

ul.smallbookiead{
	width:100%;
	padding:0;
	margin:10px 0 10px 10px;
}

ul.smallbookiead li{
	list-style:none;
	width:33%;
	padding:0;
	margin:0;
	float:left;
}

.followadmobile{
	text-align:left;
	background-color:#b9da5a;
	color:#143d09;
	padding:10px;
	margin-bottom:10px;
}

.followadmobilered{
	text-align:left;
	background-color:#d81526;
	color:#ffffff;
	padding:10px;
	margin-bottom:10px;
}

.followadmobile a, .followadmobilered a{
	color:#225313;
	font-size:0.98em;
	font-weight:bold;
}

.followadmobile .whitetext, .followadmobilered .whitetext{
	color:#ffffff;
	font-size:0.98em;
	font-weight:bold;
}

.tipsterfilter{
	text-align:left;
	margin:10px 0 10px 0;
}

#orgperformstatscontain, .orgdetailscontain{
	display:block;
}

#newpost{
	width:70%;
}

table.lastpunting{
	width:50%;
	border: 0px solid #dddddd;
}
table.lastpunting td{
	font-size:14px;
	margin-right:15px;
	text-align:center;
	border:1px solid #d1d1d1;
	width:30px;
	height:25px;
}
table.lastpunting td.wingold{
	color:#ffffff;
	background-color:#edbf07;
}
table.lastpunting td.lossgrey{
	color:#9b9b9b;
	background-color:#f6f5f5;
}


@media screen and (max-width: 770px) {
		.imgthumb{
			width:55%;
			height:55%;
		}

		.font14{
			font-size:10px;
		}

		table.lastpunting{
			width:100%;
		}
		.adbox{
		 	display:none;
		 }
		.span_1_of_3_200{
			width:100%;
			float:none;
			height:100%;
		}

		.span_1_of_3_200 .newsthumbarticle{
			width:98%;
			float:none;
			margin-left:2%;
		}

		table.leadersmall td .profiletype-table{
			padding:5px 5px 3px 5px  !important;
			color:#ffffff;
			font-size:9px;
			text-align:center;
			font-weight:bold;
			text-transform:uppercase;
			font-family: 'Roboto', sans-serif;
			margin:10px 0 5px 0;
			max-width:40px;
		}

		table.leadersmall td.alias{
			text-align:left;
		}

		table.leadersmall td.alias img{
			width:25px;
			height:25px;
			clear:both;
			text-align:left;
			padding:5px;
		}

		#orgperformstatscontain{
			display:none;
		}

		.moreinfo {
			padding:0.5% 1%;
			font-size:10px;
		}

		.tipstername img{
			width:25px;
			height:25px;
			margin-left:10px;
		}

		.entityblock .profiletype{
			color:#ffffff;
			font-weight:bold;
			font-size:11px;
			text-align:center;
			padding:0.5% 1.5% !important;
			margin-top:0%;
			margin-left:7px;
			float:left;
			font-family: 'Roboto', sans-serif;
			text-transform:uppercase;
		}

		ul.frmtstats{
			width:100% !important;
			clear:both;
			margin:10px 0 25px 25px;
		}

		ul.frmtstats li.frmtstats{
			list-style:none;
			float:left;
			width:20%;
			padding:0.5%;
			text-align:center;
			font-size:11px;
		}

		.smallaward{
			font-size:10px;
		}

		.smallaward img{
			width:15px;
			height:15px;
			margin-top:7px;
		}

		.bestdesc, #marketinfobox{
			border:0 !important;
			width:100%;
			padding:3%;
		}

		.extendedview{
			display:none;
		}

		div.tab button {
		    float: left;
			color:#df8685;
			font-family: 'Open Sans', sans-serif;
			font-weight:bold;
			font-size:14px;
		    outline: none;
		    border:0;
		    cursor: pointer;
		    padding: 1% 4% 1% 4%;
			height:40px;
			margin-right:3px;
			background: #911513;
			width:auto;
		}

		div.tab button.tabactive, div.tab button.nextactive, div.tab button.tabmarketactive, div.tab button.tabmarketactive:hover,
		div.tab button.tabactive:hover, div.tab button.nextactive:hover, div.tab button.tabmarketactive:hover{
			 border-top: 0;
			 color:#C8292B;
			 background-color:#ffffff;
			 text-transform:none;
			 width:32%;
		}

		table.markettable{
			width:98%;
			min-width:320px;
			border-collapse:collapse;
			margin:0% ;
			border: 1px solid #f6f5f5;
			align:center;
		}

		.padtabletop {
			margin-top:18%;
		}

		table.markettable th{
			padding:0.5%;
			color:#ffffff;
			background-color:#91b039;
			font-weight:bold;
			text-align:center;
			font-size:11px;
			font-family: 'Open Sans', sans-serif;
			border: 1px solid #f6f5f5;
		}

		table.markettable th.ltgreen{
			padding:0.5%;
			color:#ffffff;
			background-color:#a6db92;
			font-weight:bold;
			text-align:center;
			font-size:11px;
			font-family: 'Open Sans', sans-serif;
			border: 1px solid #f6f5f5;
		}

		table.markettable td{
			padding:1%;
			font-size:12px;
			font-family: 'Open Sans', sans-serif;
			background-color:#f6f5f5;
			color:#000000;
			border: 1px solid #f6f5f5;
			border-right: 1px solid #f6f5f5;
			border-bottom: 1px solid #dddddd;
		}

		h3.largeheader{
			font-size:22px;
		}
		ul.largepoints{
		width:70%;
		}
		ul.largepoints li{
			font-size:16px;
		}

		.orgheader .orglogo{
			float:none;
			width:100%;
		}

		.orgheader .orgdetail{
			float:none;
			width:100%;
			text-align:center;
		}

		button.accordion, button.accbutton{
			font-size:0.8em;
			text-align:center;
			width:98%;
			margin:0 auto;
			margin-bottom:5px;
		}

		.orgaddress{
			text-align:center;
		}

		.fieldlabellongstandout{
			color:#91b039;
			font-size:14px !important;
			text-transform:uppercase;
		}

		.fieldlabellong{
			color:#000000;
			font-size:12px !important;
			width:20%;
		}
		.fieldinfo{
			color:#999999 !important;
			font-style: italic;
			font-size:11px !important;
		}

		#submitpetition{
			width:100%;
		}

		.smallavatarsize{
			height:30px;
			width:30px;
		}

		div.tab{
			border-bottom: 0px;
			background-color:#cb2624;
		}

		.allbord{
			padding:0;
			border:0;
		}

		div.tab button.tabactive, div.tab button.nextactive, div.tab button.tabmarketactive,
		div.tab button.tabmarketactive:hover, div.tab button.tabactive:hover,
		div.tab button.nextactive:hover, div.tab button.tabmarketactive:hover{
			background-color:#ffffff;
			color:#C8292B !important;
			width:auto;
			border:0;
		}

		div.tab button.tabmarketactive a, div.tab button.tabmarketactive a:visited, div.tab button.tabmarketactive a:hover{
				color:#C8292B !important;
		}

		.performstats{
			padding-left:2%;
		}

		.performstats h3{
			padding-left:0%;
			margin-left:0%;
		}

		table.wiretable{
			width:100%;
			border-collapse:collapse;
			border: 1px solid #dddddd;

		}

		table.wiretable td{
			padding:1%;
			color:#000000;
			background-color:#f6f5f5;
			text-align:center;
			font-size:11px;
			font-family:Arial, Helvetica, sans-serif;
			border: 1px solid #dddddd;
			border-right:0;
			border-left:0;
			line-size:120% !important;
		}

		table.greentable{
			margin-top:20px;
		}

		table.greentable th{
			font-weight:none;
		}

		.tipsterfilter{
			padding:2%;
		}

		.tipsterfilter select{
			width:100%;
			font-weight:bold;
		}

		.rslides{
			overflow:inherit !important;
		}

		.large-btns_nav{
			background:none !important;
			top: 110px !important;
			height:80px;
		}

}

@media screen and (min-width: 771px) and ( max-width: 1024px) {
	div.tab button{
		font-size:11px;
		padding:1% 2% 1% 2%;
	}

	.contentheader50{
		width:auto;
	}

	.large-btns_nav{
			background:none !important;
			top: 440px !important;
			height:80px;
	}
}

#newpost{
	width:70%;
}


.circle-text {
    width:100%;
}
.circle-text:after {
    content: "";
    display: block;
    width: 100%;
    height:0;
    padding-bottom: 100%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.circle-text div {
    float:left;
    width:100%;
    padding-top:50%;
    line-height:1em;
    margin-top:-0.5em;
    text-align:center;
    color:white;
	font-size:200%;
	font-weight:bold;
}


.circle-text-small {
    width:100%;
	max-width:15%;
	max-height:15%;
	float:left;
	margin-right:10px;
}
.circle-text-small:after {
    content: "";
    display: block;
    width: 100%;
    height:0;
    padding-bottom: 100%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.circle-text-small div {
    float:left;
    width:100%;
    padding-top:50%;
    line-height:1em;
    margin-top:-0.5em;
    text-align:center;
    color:white;
	font-size:115%;
	font-weight:bold;
}

.circle-text-tiny {
    width:100%;
	max-width:110%;
	max-height:110%;
	float:left;
	margin-right:10px;
}
.circle-text-tiny:after {
    content: "";
    display: block;
    width: 100%;
    height:0;
    padding-bottom: 100%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.circle-text-tiny div {
    float:left;
    width:100%;
    padding-top:50%;
    line-height:1em;
    margin-top:-0.5em;
    text-align:center;
    color:white;
	font-size:115%;
	font-weight:bold;
}
/* A, B, C, D */
.blue-bg:after{
	background: #4679BD;
}
/* E, F ,G */
.red-bg:after{
	background: #ff3838;
}
/* H I J K */
.purple-bg:after{
	background: #9600e8;
}
/* L M N O */
.green-bg:after{
	background: #14ad00;
}
/* P Q R S*/
.orange-bg:after{
	background: #ff9514;
}
/* T U V */
.turq-bg:after{
	background: #008fa5;
}
/* W X Y Z */
.black-bg:after{
	background: #000000;
}

.newssubmenu{
	border:1px solid #dddddd;
	background-color:#ededed;
	font-size:12px;
	padding:0px 5px 5px 5px;
	text-align:center;
}
.newssubmenu p{
	padding:0;
}
.newssubmenu a{
	text-decoration:underline;
	margin-right:5px;
	font-size:12px;
	padding:0;
}

.newssubmenu a:hover{
	text-decoration:none;
}

.infoeven{
	font-size:11px;
	color:#58AB44;
}

#actualinfo{
	margin-left:100px;
}
.text-center{
	text-align: center;
}
.bg-comp{
  height: 200px;
  background-image: -moz-linear-gradient( 0deg, rgb(145,176,57) 0%, rgb(95,122,20) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(145,176,57) 0%, rgb(95,122,20) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(145,176,57) 0%, rgb(95,122,20) 100%);
}
@media screen and (min-width: 771px){
	.bg-comp{
		height : 160px;
	}
.btn-pos{
	position: relative;
	left: 25%;
}
.m-display-block{
	display: none;
}
.aside-1{
	border-right: 1px dashed #ccc;
	max-width: 35%;
}
.btn-block{
	display: block;
	width:70% !important;
}
}
.joinstatus{
		width:20%;
		float:left;
		padding:0;
		margin:0;
		text-align:center;
}
.whitefullbtn{
		margin:0;
		background-color:#fff;
		font-family: 'Open Sans', sans-serif;
		color:#91b039;
		width:100%;
		max-height:50px;
		padding:10px 35px;
		border-radius: 6px;
		text-transform: uppercase;
		touch-action: manipulation;
}
.greenfullbtn{
		margin:0;
		background-color:#91b039;
		font-family: 'Open Sans', sans-serif;
		color:#ffffff !important;
		width:100%;
		max-height:50px;
		padding:10px 40px;
		border-radius: 6px;
		text-transform: uppercase;
		touch-action: manipulation;
}
.p-join{
	padding: 3% 0 1% 0;
}
#viewComp p,#myCompDetails table td p{
	font-size:0.8rem;
}
.p-button{
	padding-left: 3% !important;
}
.bg-img{
	height: 300px;
  	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
#viewComp h1{
	font-size: 3.5rem;
    line-height: 3.5rem;
}
.bg-img-right{
	position: absolute;
    bottom: 0;
	right: 0;
	width: 100%;
}
.d-flex{
	display:flex;
}
.bg-join{
	background-color: #4a0403;
	position: relative;
}
.div-pos{
	width: 38%;
	bottom: 45px;
}
.wrapper {
  display: flex;  
  flex-flow: row wrap;
}

.wrapper > * {
  padding: 10px;
  flex: 1 100%;
}

@media all and (min-width: 700px) {
  .aside { flex: 2; }
  #viewComp .joinstatus{
		width: 25% !important;
	}
}

.btn-tip{
	max-width: 300px;
	padding: 10px 110px;
	-webkit-appearance: none;
}
.my-4{
	margin: 10% 0;
}
.comp-text{
	font-size: 1.5rem !important;
}
.pt-3{
	padding-top: 2%;
}
.p-3{
	padding: 3%;
}
#viewComp .span_1_of_3_300{
	height: 270px !important;
}
.text-term{
	font-size: 8px !important;
}
.font-6{
	font-size: 0.6rem;
}
.mt-1{
	margin-top: 4%;
	line-height: 1;
}
.btn-comp{
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid transparent;
}
.btn-padding{
	padding: 10px 25px !important;
}
#viewComp,#myCompDetails{
	background-color: #f4f4f4;
	font-size: 0.8rem;
}
.p-table{
	min-width: 200px;
}
.float-right{
	float:right;
}
.makegreen{
	color: #55ad3d;
}
.fa-header-color{
	color: #fff !important;
}

.level{
	text-align:left;
	box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75)	
}
.level-1{
	background-color:#333333;
}
.level-2{
	background: #565656;
}
.level-3{
	background: #707070;
}
.navbar-links a:hover{
	background: #8CC63F;
}
.menu-position{
	z-index: 600;
    position: fixed;
	right: 0px;
	height : 90%;
	overflow: scroll;
}
#overlay {
	top: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 10;
    cursor: pointer;
}
#navbarmenuContent a{
	color : #fff;
}
.fa-size{
	font-size: 24px !important;
}
.fa-size-small-icon{
	font-size: 18px !important;
}
.mt-29{
	margin-top:2.9rem;
}
.mt-35{
	margin-top:3.5rem;
}
.w-90{
	width:90%;
}
.bannerHeight{
	height: 42px;
}
.mt-1p{
	margin-top: 1%;
}
.text-purple{
	color: #671689;
}
#myCompDetails .myfieldset, #viewComp .myfieldset {
		width:90%;
		border: 0;
    	border-bottom: 1px dashed #ccc;
}
.bg-selected{
	background-color: #8CC63F;
}
.mt-1p{
	margin-top: 1%;
}

li.nav-item:hover > .dropdown-menu {
    display: block;
}
.list-group-item:last-child{
	margin-bottom: -1px !important;
}
.panel-index{
	z-index	:9;
}
.bg-comp2{
  border-style: solid;
  border-width: 1px;
  border-color: rgb(187, 187, 187);
  border-radius: 4px;
  background-image: -moz-linear-gradient( -90deg, rgb(255,255,255) 0%, rgb(204,204,204) 100%);
  background-image: -webkit-linear-gradient( -90deg, rgb(255,255,255) 0%, rgb(204,204,204) 100%);
  background-image: -ms-linear-gradient( -90deg, rgb(255,255,255) 0%, rgb(204,204,204) 100%);
}
.bg-lightpurple{
	background: #42095f !important;
}
.font-05{
	font-size: 0.5rem;
}
.btn-comp:hover{
	text-decoration: none;
}
.border-comp{
	background: #91b039;
}
.marginBanner img{
	width:100%;
} 
.marginBanner{
	    margin-bottom: 0.1rem;
}
.margin-level3{
	margin-top: -3% !important;
}


@media screen and (max-width: 770px) {
	.bg-join{
		min-height: 70px !important;
	}
	.p-table{
	min-width: 150px;
}
	/* .margin-header{
		margin-top: 55px;
	} */
	.my-4{
		margin: 5% 0;
	}
	.btn-block{
	display: block;
    width: 90% !important;
	}
	.comp-text{
	font-size: 1.2rem !important;
	line-height: 1.5;
	}
	#viewComp .joinstatus{
		width: 50% !important;
	}
	.m-display-none{
		display: none !important;
	}
	.m-display-block{
		display: block !important;
	}
	#myCompDetails .myfieldset, #viewComp .myfieldset {
		width: 100%;
	}
	.p-join{
		padding: 3% !important;
	}
	#viewComp h1{
		font-size: 2.5rem;
	}
	.text-cash{
		font-size: 2rem!important;
		padding-right: 5px;
	}
	.mt-1{
	line-height: 0.5;
	}
	.mt-8{
		margin-top: 8%;
	}
		iframe,iframe img{
		width:100%;
	}
	.avatarmenu{
		margin-top: -7px;
	}
	label.select-wrapper select{
		-webkit-appearance: none;
		-moz-appearance: none;
		-ms-appearance: none;
		-o-appearance: none;
		appearance: none;
	}
	label.select-wrapper  {
        overflow: hidden;
        position: relative;
        display: block;
	}
	label.select-wrapper:after {
		content:"\f107";
        font-family: FontAwesome;
        position: absolute;
        right: 34%;
        top: 2px;
        z-index: 1;
        width: 10%;
        height: 100%;
		pointer-events: none;
		font-size: 18px;
	}
	.selectBorder{
		border-right: 1px solid #df8685 ;
	}
}

@media screen and (max-width: 330px) {
	.avatarmenu{
		display: none !important;
	}
}

/* tablet */
@media screen and (min-width: 700px) and ( max-width: 1024px) {
	.large-btns_nav {
	top: 270px !important;
	width: 10% !important;
	}
}

/* Tablet landscape */
@media screen and (min-width: 1000px) and ( max-width: 1100px) {
	#nav ul.mainnav li{
		    padding: 2% 1% 1% 1% !important 
	}
}