
html,body{height:100%;width:100%}html{background:#eee;overflow:hidden;min-height:100%;position:relative}body{margin:0 auto;padding:0;text-align:center;min-width:320px;font-family:'Open Sans',sans-serif;background:#fff;background-position:0% 40%;border:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:100%;position:relative}.contentbg{margin:0 auto;background:#fff;padding:0;max-width:1320px;margin-top:-12px;height:100%;position:relative}a:link{color:#52027F;font-weight:700;cursor:hand}a:visited{color:#AF61DF;font-weight:700;cursor:hand}a:hover{color:#AF61DF;font-weight:700;cursor:hand}a:active{color:#AF61DF;font-weight:700}a.blacklink{color:#000}a:hover.blacklink{color:#222}#nav ul.mainnav li a.orangelink:link{color:#DB710E;font-weight:700}#nav ul.mainnav li a.orangelink:visited{color:#ed9a53;font-weight:700}#nav ul.mainnav li a.orangelink:hover{color:#ed9a53;font-weight:700}#nav ul.mainnav li a.orangelink:active{color:#DB710E;font-weight:700}h1{font-family:'Open Sans',sans-serif;font-size:20pt;color:#000;padding:0 .5% .2% 0%;margin:.9em 0 .9em 0}h2{font-family:'Open Sans',sans-serif;font-size:18pt;color:#000;padding:0 .5% .2% 0%;margin:.9em 0 .9em 0}h3{font-family:'Open Sans',sans-serif;font-size:16pt;color:#000;font-weight:700;padding:0 .5% .2% 0%;margin:.8em 0 .8em 0}h4{font-family:'Open Sans',sans-serif;font-size:14pt;color:#000;font-weight:700;padding:0 .5% .2% 0%;margin:.6em 0 .6em 0}h5{font-family:'Open Sans',sans-serif;font-size:10pt;color:#000;font-weight:700;padding:0 .5% .2% 0%;margin:.5em 0 .5em 0}h6{font-family:'Open Sans',sans-serif;font-size:9pt;color:#000;font-weight:700;padding:0 .5% .2% 0%}.mynews h2{font-family:'Open Sans',sans-serif;font-size:18pt;color:#6D7479;padding:0 .5% .2% 0%;margin:.9em 0 .9em 0}.mynews h3{font-family:'Open Sans',sans-serif;font-size:16pt;color:#6D7479;font-weight:700;padding:0 .5% .2% 0%;margin:.8em 0 .8em 0}.mynews h2 a,.mynews h3 a,.mynews .newspagination a{text-decoration:none}.mynews a{text-decoration:underline}.mynews a:hover{text-decoration:none}
h5.nopad{padding:1% 0 1% 0!important;margin:0!important}
	p{font-family:'Open Sans',sans-serif;margin-bottom:1%;font-size:1em;line-height:1.8;margin-top: 1em;}.colorblack{color:#000000!important}
	.colorgreen{color:#55ad3d!important}.colorblue{color:#450ac4!important}.colororange{color:#f36419!important}.colorred{color:#ba3125!important}
	.colorpink{color:#ae38df!important}strong{font-family:'Open Sans',sans-serif;font-weight:700;font-size:1em}.padleft{margin-left:10px}
	.padright{margin-right:10px}img{max-width:100%;max-height:100%}
	ul li{font-family:'Open Sans',sans-serif;font-size:.9em;line-height:150%;margin-bottom:1%}floatright{float:right}
	.floatleft{float:left}.floatcenter{float:center}.clearall{clear:both;margin:0;padding:0}.font12{font-size:12px}
	.brightred{color:red}.bgred{background-color:#e58b8b}.bggreen{background-color:#b5e595}
	.okmsg{background-color:#55AD3D;padding:1%;width:95%;color:#fff}
	.failmsg{background-color:red;padding:1%;width:95%;color:#fff}
	.nopad{padding:0;margin:0}.hideme{display:none}
	.showme{display:inline}.makegrey{color:#908e8e}.makeltgrey{color:#ccc}.makeorange{color:#E75F41 !important}.makepurple{color:#722197}.leftal{text-align:left}
	.rightal{text-align:right}.centeral{text-align:center}.pointer{cursor:hand;cursor:pointer}.pointerhelp{cursor:help}.keypoint{font-size:16px;font-weight:700}
	.loadingbar{display:none;text-align:center}.largecontent{font-size:20px}.mediumcontent{font-size:14px}.smallcontent{font-size:12px}.tinytext{font-size:10px}
	ul.statsbox ul.tinylist{list-style:none;padding:0;margin:0;width:100%}
	ul.statsbox ul.tinylist li{list-style:none;color:#000;font-size:12px;padding:0;margin:2px 0 2px 0;display:block;clear:left;width:100%}
	.greybg{background-color:#f6f6f6!important;padding:3px 5px 0 5px}.greyminimal{color:#908e8e;font-size:1em;margin:0 0 1% 0}
	.dotline{border-bottom:1px dotted #818181;cursor:hand!important;cursor:pointer!important}
	a.smalllink{color:#a1a1a1;font-size:12px;margin:1.5% 0 1% 0%;border-bottom:1px dotted #818181}
	.hrline{border:1px solid #ddd;margin:5% 0 5% 0}.hrlinesmall{border:1px solid #afafaf;color:#afafaf;margin:5% 0 1% 0}
	.numinput{width:50px;text-align:right}.modalconfirm{position:absolute;left:100px;top:100px;z-index:10;width:415px;height:50px;display:none}
	.modalconfirm .wrapper{
		position:relative;background:#000;border:1px solid #111;
		-moz-border-radius:20px;-webkit-border-radius:20px;
		-moz-border-radius:20px;-webkit-border-radius:20px;
		width:100%;height:100%;padding:2%;filter:alpha(opacity=85);opacity:.85
	}
	.modalconfirm .wrapper p{margin:0 0 15px 0;padding:0;color:#ccc}
	.modalconfirm .wrapper a,
	.modalconfirm .wrapper a:visited{margin:0;padding:0;color:#9FC54E;text-decoration:none;border-bottom:1px solid #9FC54E}
	.modalconfirm .wrapper a:hover,.modalconfirm .wrapper a:visited:hover{margin:0;padding:0;color:#fff;text-decoration:none;border-bottom:1px solid #fff}
	.hidecontent{display:none}.padtop{padding-top:1.5%}ol li{margin-bottom:5px}.mobileonly{display:none}


#modal_tipalert .btn_red {background: #ED6347; color: #FFF;}
#modal_tipalert .btn_red:hover {background: #C12B05;}

#modal_tipalert a.btn {color:#666; text-align: center; text-decoration: none;}
#modal_tipalert a.btn_red {color: #FFF;}

#modal_tipalert .one_half {width:50%; display: block; float:left;}
#modal_tipalert .one_half.last {width:45%; margin-left:5%;}

/* Popup Styles*/
#modal_tipalert .popupHeader {font-size:16px; text-transform: uppercase;height:190px;}
#modal_tipalert .popupHeader {background:#ffffff url(/assets/images/advert/TipAlertLanding-Desktop.png) no-repeat; position:relative; color:#55ad3d; font-size:1em; font-weight:bold; font-family: 'Roboto', sans-serif; padding:0px; border-bottom:1px solid #ffffff; font-weight:bold; text-align:left;}
#modal_tipalert .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_tipalert .popupHeader .fa-times{font-family: Arial, Helvetica, sans-serif; font-size:0em; padding:0;}

#modal_tipalert .popupBody {padding:2%; min-width:90%; min-height:85%; font-size:100%; background:#ffffff;}
#modal_tipalert .largefont {color:#525252; font-size:1.2em; text-align:left; line-height:120%; }

#modal_tipalert .modalbuttonright {width:60%;margin:320px 0 0 250px;}

#modal_tipalert .modalbuttonright input{ margin-right:10px;}

.tipalertname{
	text-transform:uppercase;
	color:#24e41b;
	font-size:24px;
	padding:30px 0 0 25px;
}
.popupContainerTipalert{
	position:absolute;
	width:645px;
	left:45%;
	top:50px;
	overflow:none;
	z-index: 10000 !important;
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	border:1px 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);
}

.tipalertpopup .fieldblock{
	margin-bottom:30px;
}

.tipalertpopup .fieldblock .fieldinfo{
    text-align:right;
    margin-right:20px;
    width:30%;
}
.tipalertpopup .fieldblock .fieldvalue{
    text-align:left;
}

.modal_tipalert_close{
    text-align:left;
    float:left;
    font-size:18px;
    color:white;
    text-transform: lowercase;
	cursor:pointer;
	padding-left:7px;
	padding-top:3px;
	bottom:0;
}

.nothankalert a{
	margin-top:20px;
	color:grey !important;
	text-decoration:underline !important;
	font-size:14px;
	float:right;
	font-weight:normal;
	margin-right:50px;
}

.nothankalert a:hover{
	text-decoration:none !important;
}

.closealert{
	display:none;
}

.closealert a{
	margin-top:20px;
	color:grey !important;
	text-decoration:underline !important;
	font-size:14px;
	font-weight:normal;
}

.closealert a:hover{
	text-decoration:none !important;
}
.bg-bet365{
	background-color: #027b5c !important;
}
.bg-yellow-bet365{
	background-color: #fddf1a !important;
}
.text-bet365{
	color: #027b5c !important;
}
.word-wrap{
	word-break: break-word;
}
.btnnohover:hover{
	background-color: #55ad3d !important;
}
.pointer{
	cursor: pointer;
}
.newsStyling p{
	padding: 0 !important;
	margin: 0 !important;
	font-size: 14px;
}
.newsStyling h3{
	margin-top: 0 !important;
}
.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:#581474; /* 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:#581474; /* 333333 581474 */
	height:28px;
	color:#ffffff;
	width:100%;
	float:right;
	padding:0;
	border:1px solid #581474; /* 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:#ffffff;
}

#toplogin .headertime{
	margin-right:10px;
	float:left;
	height:30px;
	 padding: 8px 5px;
}

#topbanner{
height:90px;
margin:0 auto;
width: 100%;

min-width:320px;
background:#671689; /* 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%;
}

#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;
}
.user-creds{
	text-align:right;
	color:#ffffff;
	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:#671689;
	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%;
}


.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: 570px;
	left:45%;
	top:50px;
	overflow:none;
	z-index: 10000 !important;
	background: #fff;
	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);
}


#modal_trigger, #modal_green, #modal_trigger_small, #modal_trigger_large, #modal_trigger_sale, #modal_trigger_hotbet, {display:inline;}

.skinnybtn{
    background: #55AD3D;
    color: #fff;
    border: 1px solid #55AD3D;
	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:#85C473;
	 border: 1px solid #85C473;
}

.betnowbtn, a.betnowbtn {padding:10px 18px; background: #55ad3d; color: #ffffff; 
width:100%;margin:5px 0px 5px 0px;}
.betnowbtn:hover, a.betnowbtn:hover {background: #85c473; color: #ffffff;}

table.wirebookietable td.largelink a.fullbtn {padding:10px 18px; background: #55ad3d; color: #ffffff; font-size:14px; font-family: 'Roboto', sans-serif; font-weight:bold;
  -moz-border-radius: 2px;
  -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: #85c473; color: #ffffff; width:200px;}

table.wirebookietable td.largelink p{width:100%;}

.btn {padding:10px 18px; background: #55ad3d;color: #fff;}
.btnorange {background: #f38a0b;color: #fff;}
.btnpurple {background: #5C127A !important; color: #fff !important}
.btn:hover {background: #85c473;}

.btnfull {padding:10px 18px; width:100%; background: #55ad3d; 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: #85c473;}

.btnfullorange {padding:10px 18px; width:100%; background: #f38a0b; 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;}
.btnfullorange:hover {background: #ffa536;}

.btn30 {padding:7px 7px 7px 7px; background: #55AD3D; 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: #55AD3D;}
.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: #55ad3d; 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: #85c473;}

.doublearrow, .doublearrow:hover{
	background: #55ad3d 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: #55ad3d; 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: #85c473;}

.smallbtn {padding:2% 3% 2% 3% !important; background: #55ad3d; 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: #85c473;}

.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: #722197; 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: #8535aa;}

.smallpurplebtn {padding:2% 3% 2% 3% !important; background: #722197; color: #ffffff; font-size:10px; font-family: 'Open Sans', sans-serif; font-weight:bold;
-webkit-appearance: none;
  border-radius: 0.25rem; border:0; cursor:pointer; cursor:hand; margin:5px; min-width:60px;}
.smallpurplebtn:hover {background: #8535aa;}

a.smallpurplebtn {padding:2% 2% 2% 2% !important; background: #722197; color: #ffffff; font-size:0.80em; font-family: 'Open Sans', sans-serif; font-weight:bold;
-webkit-appearance: none;
  border-radius: 0.25rem; border:0; cursor:pointer; cursor:hand; margin:5px;}
a.smallpurplebtn:hover {background: #8535aa;}

.largepurplebtn {padding:5% !important; background: #722197;
 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: #8535aa;}
a.reportbtn {padding:10px 18px; background: #55ad3d; 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: #55ad3d; 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: #85c473;}

a.purplebtn {padding:10px 18px; background: #722197; color: #ffffff; font-size:0.75em; font-family: 'Open Sans', sans-serif;
  -moz-border-radius: 0.25rem;
-webkit-appearance: none;
      border-radius: 0.25rem;}
a.purplebtn:hover {background: #8535aa;}

a.loadmore {padding:14px 18px; background: #722197; color: #ffffff; font-family: 'Open Sans', sans-serif;
-webkit-appearance: none;
  border-radius: 0.25rem;
  width:200px !important;}

a.loadmore:hover {background: #8535aa;}


#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*/
#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_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:0px; padding-left:20px; padding-right: 20px;text-align:left;}
#getReport .popupBody .fieldblock .fieldinfo{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;
}

#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%;}

/* Popup Styles*/
#modal .popupHeader {font-size:16px; text-transform: uppercase;}
#modal .popupHeader {background:#ffffff; position:relative; color:#55ad3d; 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:#55ad3d; 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:#55ad3d; 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%; }



#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:#55ad3d; font-size:1em; font-weight:bold; font-family: 'Roboto', sans-serif; padding:0px; 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:90%; min-height:85%; font-size:100%; background:none;}
#modal_sale .largefont {color:#525252; font-size:1.2em; text-align:left; line-height:120%; }

#modal_sale .modalbuttonright {width:60%;margin:320px 0 0 250px;}

#modal_sale .modalbuttonright input{ margin-right:10px;}


#modal_tipalert .btn_red {background: #ED6347; color: #FFF;}
#modal_tipalert .btn_red:hover {background: #C12B05;}

#modal_tipalert a.btn {color:#666; text-align: center; text-decoration: none;}
#modal_tipalert a.btn_red {color: #FFF;}

#modal_tipalert .one_half {width:50%; display: block; float:left;}
#modal_tipalert .one_half.last {width:45%; margin-left:5%;}

/* Popup Styles*/
#modal_tipalert .popupHeader {font-size:16px; text-transform: uppercase;height:190px;}
#modal_tipalert .popupHeader {background:#ffffff url(/assets/images/advert/TipAlertLanding-Desktop.png) no-repeat; position:relative; color:#55ad3d; font-size:1em; font-weight:bold; font-family: 'Roboto', sans-serif; padding:0px; border-bottom:1px solid #ffffff; font-weight:bold; text-align:left;}
#modal_tipalert .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_tipalert .popupHeader .fa-times{font-family: Arial, Helvetica, sans-serif; font-size:0em; padding:0;}

#modal_tipalert .popupBody {padding:2%; min-width:90%; min-height:85%; font-size:100%; background:#ffffff;}
#modal_tipalert .largefont {color:#525252; font-size:1.2em; text-align:left; line-height:120%; }

#modal_tipalert .modalbuttonright {width:60%;margin:320px 0 0 250px;}

#modal_tipalert .modalbuttonright input{ margin-right:10px;}

.tipalertname{
	text-transform:uppercase;
	color:#24e41b;
	font-size:24px;
	padding:30px 0 0 25px;
}

.popupContainerTipalert{
	position:absolute;
	width:645px;
	left:45%;
	top:50px;
	overflow:none;
	z-index: 10000 !important;
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	border:1px 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);
}

.tipalertpopup .fieldblock{
	margin-bottom:30px;
}

.tipalertpopup .fieldblock .fieldinfo{
    text-align:right;
    margin-right:20px;
    width:30%;
}
.tipalertpopup .fieldblock .fieldvalue{
    text-align:left;
}

.modal_tipalert_close{
    text-align:left;
    float:left;
    font-size:18px;
    color:white;
    text-transform: lowercase;
	cursor:pointer;
	padding-left:7px;
	padding-top:3px;
	bottom:0;
}

.nothankalert a{
	margin-top:20px;
	color:grey !important;
	text-decoration:underline !important;
	font-size:14px;
	float:right;
	font-weight:normal;
	margin-right:50px;
}

.nothankalert a:hover{
	text-decoration:none !important;
}

.closealert{
	display:none;
}

.closealert a{
	margin-top:20px;
	color:grey !important;
	text-decoration:underline !important;
	font-size:14px;
	font-weight:normal;
}

.closealert a:hover{
	text-decoration:none !important;
}


.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 #722197; 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 #722197; 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;}


/* 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:#55ad3d; 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%;}




/***** navigation ********/

 #nav{
		width: 100%;
		padding:0;
		height:45px;
		max-height: 45px;
		margin:0 auto;
		margin-bottom:0;
		background:#333333; 
		border:0px solid #671689;
		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: 24.35%;
		height:98%;
		float:right;
		margin: 0;
		padding:0;
 }

#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 #4e4e4e;  
}

#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:#841bb0;}
#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:#34074A;
	padding:5% 0% 5% 7%;
	text-align:left;
	color:#ffffff;
	display: flex;
    align-items: center;
	/* height:25px; */
}

#nav ul.mainnav li.mobileonly{
	display:none;
}

#nav ul.mainnav li.noactionoption{
		background:#42095f;
		/* width:93%; */
}

#nav ul.mainnav li a.noactive{
		pointer-events: none;
		cursor:pointer; 
	}

#nav ul.mainnav li ul li:hover{
	background:#42095f;
}

#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: #55ad3d !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 #55ad3d;
}

#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: #55ad3d !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 #55ad3d;
}

#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: #55ad3d !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:#55ad3d;
	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;
}

.toast-container {
        margin-top: -300px !important;
    }

/***** 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%;
}

.smallcircle-text {
    position: relative;
    font-size: 11px;
    z-index: 1;
    line-height: 22px;
}

#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;
}


/****** 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;
}

#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:#55AD3D 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:#55AD3D;
	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:#55AD3D;
	padding:0.5% 0 0% 0;
	text-align:left;
	color:#ffffff;
}

#eventsubmenu ul ul{
	min-width:900px;
}

#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:#55AD3D;

}

#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 #55AD3D 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:#55AD3D;
}

#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;
}


.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: 0% 0 1% 0%;
	 /* padding: 0% 1% 1% 0%; */
	 padding: 0% 0 1% 0%;
}


.rcol {
     display: block;
     float:right;
     margin: 0% 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:14px;
	height:130%;
}

.contentheader{
	background-color:#722197;
	border:1px solid #722197;
	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:#722197;
	border:1px solid #722197;
	/* 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:#55ad3d;
	width:100%;
	padding:1px 0px;
}
.greensubheader h3{
	color:#ffffff;
	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, #LBheader{
	line-height:150%;
	color:#222222;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding:1%;
	background-color:#eaf6e7;
	border: 1px #55ad3d solid;
}

.bestdesc{
	line-height:100%;
	padding:5px;
	color:#898484;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color:#eaf6e7;
	border: 1px #55ad3d 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:#eaf6e7;
	border: 1px #d8d8d8 solid;
}

.contentbodyexpand .hiddencontent,.contentbodyexpand .hiddencontentTable{
	display:none;
}

.hiddencontentbordernoaction ,.hiddencontentborderTable{
    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:#55ad3d;
	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%;
}


#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:#722197;
	margin-top:-2px;
	line-height:150%;
}
.fieldblock input[type="text"], .fieldblock input[type="number"], .fieldblock input[type="password"]{
	width:90%;
	padding: 5px;
	border:1px solid #DDD;
	color:#666;
}

.dob{
	float:left;
	margin-right: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 #722197;
	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,.term-link{
	color:#3d464c !important;
}

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: #55ad3d;
}

ul.eventnumber li.active{
	color:#ffffff !important;
	cursor: pointer;
	cursor:hand;
	background: #55ad3d;
}

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:#55ad3d;
	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;
}


.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 #55ad3d !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:#722197;
}

.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:#55ad3d;
}

.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;
	border-radius: 50%;
}

.tinyavatar{
	max-height:25px;
	max-width:20px;
	margin:0;
	padding:0;
}

.profiletype{
	color:#ffffff;
	font-size:10px;
	padding:0.5px 5px !important;
	text-align:center;
	font-weight:bold;
	text-transform:capitalize;
}

.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 #55ad3d;
	color:#55ad3d;
	text-transform:uppercase;
	font-family:Helvetica;
}

.field-table .formcontainer ul li.formh-inactive{
	background-color:#e3e3e3;
	color:#55ad3d;
	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:#55ad3d !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;
}

.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: #5a9aa8;
  border: 1px solid #5a9aa8;
  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:#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:right;
	margin-top:-16px;
	margin-right:5px;
}

.purplecount {
    background:#8c35b9;
  border: 1px solid #8c35b9;
  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:311px;
	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:#53c035;
	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:75%;
	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:#55ad3d;
	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:#722197;
	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;
}

.boxformat{
	width:100%;
	height:100%;
}

.boxformat h3{
	background-color:#722197;
	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:#722197;
}

.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:#722197;
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;
}

.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:#6f1c90;
	-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%;
}


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:#85c473;
}

table.pending td.purplehilite{
	background-color:#e5d8ed;
}




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;
}


#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;
}


/* 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{
	/* width:96%; */
	border: 1px solid #d8d8d8;
	margin-bottom:20px;
	padding:2%;
	background-color: #ffffff;
}

.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: #55AD3D;
    color: #fff;
	border: 1px solid #55AD3D;
}

.tipmarketmobilefilter{
	display: none;
}

.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;
}
/* 
#ractypefilterhome{
   -webkit-appearance: none;
	box-shadow: 0px 3px #cccccc;
   -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: 94% center;
   background-repeat: no-repeat;
   border: 0;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}  */
.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;
  }


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:#52027f;
	font-weight:normal;
}

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:#722197;
	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;
}


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%;
}

.newsfeatureimage img, .newsthumbimg img{
	width: 100%;
	height:100%;
}

.newsfeatureimage .articletype{
	 position: absolute;
	 top: 0px;
	 left: 0;
	 padding:2%;
	 background-color:#841bb0;
	 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 #671689;
	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, .newsthumbarticlefull{
	width:95%;
	padding:0% 4% 0% 4%;
	border-left:5px solid #671689;
	text-align:left;
	margin-bottom:20px;
	font-size:90%;
}
.newsthumbarticle.newsthumbarticlenobord > p.adbox{ 
	height: 100px;
}
.newsthumbarticle.newsthumbarticlenobord > p.siteadbox{ 
	height: 150px;
}
.newsthumbarticlenobord{
	border-left:0px solid #671689;
	padding:0% 4% 0% 0%;
}

.newsthumbarticle h3, .newsthumbarticle h2,.newsthumbarticlefull h3, .newsthumbarticlefull h2{
	color: #000000 !important;
	font: bold 18px 'Roboto', sans-serif;
	padding:0;
	margin:0;
	height:60px;
}

.newsdetailarticle{
	width:100%;
	padding:0% 4% 4% 0%;
	border-left:0px solid #671689;
	text-align:left;
}

.newsfeaturearticle{
	width:90%;
	padding:0% 4% 4% 4%;
	border-left:5px solid #671689;
	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 h1, .newsfeaturearticle h1, .newsdetailarticle h1,
.newsfeaturearticlenobord h3, .newsfeaturearticle h3, .newsdetailarticle h3{
	color: #671689;
	font: bold 28px 'Roboto', sans-serif;
	padding:10px 0px;
	margin:0;
	background-color:none;
}


.newsfeaturearticlenobord h4,.newsfeaturearticlenobord h2{
	font: bold 20px 'Open Sans', sans-serif;
	color: #000000;
}

.newsfeaturearticlenobord h3 a, .newsfeaturearticle h3 a, .newsdetailarticle h3 a:visited,
.newsfeaturearticlenobord h2 a, .newsfeaturearticle h2 a, .newsdetailarticle h2 a:visited{
	color: #671689;
}

.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;
}

#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 tr:last-child{
	border-bottom:#cccccc solid 1px;
}

table.leadersmall th{
	padding:1%;
	font-weight:bold;
	font-size:0.7em;
}

table.leadersmall th.size10{
	padding:1%;
	font-weight:bold;
	font-size:10px;
}

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:12px 0px 4px 0px  !important;
	color:#ffffff;
	font-size:9px;
	text-align:center;
	font-weight:bold;
	text-transform:uppercase;
	height:40px;
	width:40px;
	margin:0 auto;
}

table.leadersmall td.fatrow,.fatrow{
	padding:20px 0px 20px 0px !important;
}

.avatarsmall{
	/* max-height:20%;
	max-width:20%; */
	margin-right:10px;
	/* border-radius: 50%; */
    width: 35px;
    height: 35px;
}


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;
}


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;
}


.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;
}


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%;
}


table.leaderlarge td.centeral, table.leaderlarge th.centeral{
	text-align:center;
}

.networkinfo{
	float:left;
	margin-top:110px;
}

#search-text-input-mobile,#search-text-input-mobile-1{
	border:thin solid #28a745;
}
#search-text-input-mobile::placeholder,#search-text-input-mobile-1::placeholder{
	font-size: 16px;
}
    /* WebKit browsers */
input:focus::-webkit-input-placeholder { color:transparent; }

    /* Mozilla Firefox 4 to 18 */
input:focus:-moz-placeholder { color:transparent; }

    /* Mozilla Firefox 19+ */
input:focus::-moz-placeholder { color:transparent; }

    /* Internet Explorer 10+ */
input:focus:-ms-input-placeholder { color:transparent; }
#search-text-input, #search-text-input-mobile,#search-text-input-mobile-1{    
    float:left;
    height:45px;
    margin: 0;
    outline:0;
	font-size:16px;
    padding:0em 0 0em .6em;
    width:65%;
	font-family:Arial, Helvetica, sans-serif;
}
#search-text-input::placeholder{
	font-size: 14px;
}
#suggesstion-box,#suggesstion-box-1{
	position: absolute;
	top	: 165px; 
    max-height: 250px;
    overflow-y: auto;
	width: 258px;
	z-index: 99;
}
.border-search{
  border:3px solid #28a745!important;
}
.border-right-0 {
    border-right: 0!important;
}
.border-left-0 {
    border-left: 0!important;
}
.w-33{
	width: 33%;
}
.w-30{
	width: 30%;
}
#button-holder, #button-holder-mobile{
   /* background-color:#222222;
     border-top:thin solid #222222; */
    float:left;
	height:44.8px;
    padding:.7em 0 0em .6em;
    margin:0;
    text-align:center;
    width:10%;
}
#button-holder{
	padding:.5em 0 0em 0em;
    width:15%;
}
#button-holder img, #button-holder-mobile img{
    margin:4px;
    width:20px;
}
#collapseSearch{
	position: fixed;
	z-index: 1;
	top	:56px;
}
#searcherror{
	clear:both;
	font-size:12px;
	color:red;
	text-align:left;
	padding-top:10px;
	padding-bottom:10px;
}

.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:#722197;
	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 #55ad3d;
	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:#722197;
	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:#722197;
	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%;
}

#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;
}


.mynews h1{line-height:120%;}

.featureaccordian{
	margin-top:5px;
}

button.accordion, button.accbutton {
    background-color: #55ad3d;
	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: #742595;
}

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 #55ad3d;
	 color:#55ad3d;
	 background:#ffffff;
	 text-transform:uppercase;
}

div.tab button.tabmarketactive{
	 border-top: 5px solid #55ad3d;
	 color:#55ad3d;
	 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:#55ad3d;
}

/* 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 #42962c;
}

.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 #42962c;
}

.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: 100%;
	max-width:950px;
	border-collapse:collapse;
	margin:2% 0% ;
	border: 1px solid #ffffff;
}

.padtabletop {
	margin-top:18%;
}

table.markettable th{
	padding: .3rem;
	color:#ffffff;
	background-color:#55ad3d;
	font-weight:normal;
	text-align:center;
	font-size:12px;
	font-family: 'Open Sans', sans-serif;
	border: 1px solid #ffffff;
	line-height: inherit;
}

table.markettable th.ltgreen{
	padding:0.5%;
	color:#ffffff;
	background-color:#a6db92;
	font-weight:normal;
	text-align:center;
	font-size:12px;
	font-family: 'Open Sans', sans-serif;
	border: 1px solid #ffffff;
}

table.markettable td{
	padding:1.5%;
	font-size:12px;
	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:#55ad3d;
	font-size:14px;
	font-family: 'Roboto', sans-serif;
}

.orgheader .orglogo{
	float:left;
	width:50%;
}

.orgheader .userlogo{
	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:#55AD3D !important;
	/* padding-bottom:10px; */
	text-align:left;
	padding-top:0;
	/* margin-bottom:20px; */
}

.profiletitle{
	/* float:left; */
	padding-top:7px;
}

.perfomstatdetail{
	font-size: 0.85rem;
	text-align:left;
	margin-left: 20px;
}

.perfomstatdetail ul{
	text-align:left;
	margin-left:0;
}

.perfomstatdetail ul li{
	font-size:0.9em;
	padding:0px 0 5px 0;
	margin:0;
	line-height:100%;
	list-style:none;
}

.perfomstatdetail ul li table{
	padding:0px;
	margin:0;
}

.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:#55AD3D;
	font-size:0.8em;
}

.petitionresponse .response .greencrossbg{
	background-color:#55AD3D;
	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.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%;
}

table.wirebookietable td.largelink a{
	font-size:14px;
	line-height:150%;
}

.chartstyle{
	/* width:90%; */
}

.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: #55AD3D;
    color: #fff;
	border: 1px solid #55AD3D;
	font-size:11px !important;
}

ul.catlist{
	width:100%;
	list-style:none;
	border-left: 5px solid #671689;
	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:#55ad3d;
	text-align:center;
	font-size:12px;
	/* font-family:Arial, Helvetica, sans-serif; */
	border: 1px solid #dddddd;
	font-weight: normal;
}

table.greentable td{
	padding:1.5%;
	color:#000000;
	background-color:#ffffff;
	font-size:12px;
	/* font-family:Arial, Helvetica, sans-serif; */
	border: 1px solid #dddddd;
	line-height:150%;
}

table.greentable td.poswin{
	background-color:#feefdd !important;
}

table.greentable td.posplace{
	background-color:#d6eeef !important;
}

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;
	text-align:left;
}

ul.smallbookiead li:last{
	text-align:right;
}

.followadmobile{
	text-align:left;
	background-color:#58ab39;
	color:#225313;
	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;8*/
	width:30px;
	height:25px;
}
table.lastpunting td.wingold{
	color:#ffffff;
	background-color:#edbf07;
}
table.lastpunting td.lossgrey{
	color:#9b9b9b;
	background-color:#f6f5f5;
}

#newpost{
	width:70%;
}

ul.tinylist{
	list-style:none;
}

ul.tinylist li{
	list-style:none;
	font-size:12px;
}

.circle-text {
    width: 45px;
    height: 45px;
    margin-left: 10px;
}
.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%; */
	width: 35px;
    height: 35px;
	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: 0%;
}
.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;
}

#tipbuzzcontainer{
	width: 100%;
    max-width: 100%;
    margin-left: 2%;
    height: 160%;
    margin: 0 auto;
    padding: 0%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8ed02e+0,ceddb3+100 */
	background: #8ed02e; /* Old browsers */
	background: -moz-linear-gradient(left, #8ed02e 0%, #ceddb3 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #8ed02e 0%,#ceddb3 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #8ed02e 0%,#ceddb3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ed02e', endColorstr='#ceddb3',GradientType=1 ); /* IE6-9 */
}

#tipbuzzcontent{
	width: 90%;
    max-width: 1000px !important;
    max-width: 90%;
    margin-left: 2%;
    height: 90px;
    margin: 0 auto;
    padding: 20px 20px 20px 20px;
}

#tipbuzzcontent h1{
	text-align:left;
	color:#ffffff;
	font-size:24px;
	font-weight:bold;
	margin:0;
	padding-left:20px;
}

.buzzprocess{
   background-image: url(/assets/images/Icon-arrows.png);
   background-repeat: no-repeat;
   height:150px;
   margin-top: 20px;
   padding-left:20px;
margin-left:20px;
}

.buzzprocess .buzztitle1, .buzzprocess .buzztitle2, .buzzprocess .buzztitle3{
	float:left;
	width:28%;
	text-align:left;
	font-weight:bold;
	font-size:24px;
	font-family: Helvetica, sans-serif;
	color:#3b3b3b;
	line-height:120%;
	padding-top:60px;
}

.buzzprocess .buzztitle1{
	margin-right:65px;
}

.buzzprocess .buzztitle2{
	margin-right:40px;
}

.buzzcontent{
	clear:both;
	width:100%;
	padding-left:20px;
}

.buzzcontent .buzzcontent1{
   float:left;
   background-color:#E0E7D2;
   width:298px;
   max-width:300px;
   height:355px;
   padding:0px 0px 10px 0px;
   margin-right:10px;
   margin-top:-3px;
   text-align:left;
}
.buzzcontent  .buzzcontent2{
   float:left;
   background-color:#E0E7D2;
   width:300px;
   max-width:300px;
   height:355px;
   padding:0px 0px 10px 0px;
   margin-right:10px;
   margin-top:-3px;
   text-align:left;
}
.buzzcontent  .buzzcontent3{
   float:left;
   background-color:#E0E7D2;
   width:300px;
   max-width:310px;
   height:355px;
    padding:0px 5px 10px 5px;
	 margin-right:10px;
   margin-top:-3px;
   text-align:left;
}

.buzzimg1 img{
	margin-top:0px;
}

.buzzimg2 img{
	margin-top:30px;
}

.buzzimg3 img{
	margin-top:60px;
}

.buzzcontent .buzzcontent1 p{
	padding:10px 10px 10px 30px;
}

.buzzcontent  .buzzcontent2 p, .buzzcontent  .buzzcontent3 p{
	padding:10px 20px 20px 20px;
}

.contactcontainer{
	clear:both;
	margin: auto 0;
	width: 100%;
	max-width: 100%;
	min-width:320px;
	padding-top:25px;
	padding-left:20px;
}

.container1{
	float:left;
	margin-right:5px;
	background-color:#E0E7D2;
}
.container1 .title{
	background-color:#3e3e3e !important;
	color:#ffffff;
	font-size:22px;
	height:30px;
	padding:10px;
	text-align:left;
}

.container1 .container1content{
	background-color:#E0E7D2;
}

.container2{
	float:left;
}

#tipbuzzcontent table.enquiryform{
	border-collapse:collapse;
	width:307px;
	background:transparent;
	float:right;
	margin-top:0px;
	margin-right:20px;
}

#tipbuzzcontent table.enquiryform th{
	padding:5px;
	background-color:#3e3e3e;
	border:0px;
	color:#ffffff;
}

#tipbuzzcontent table.enquiryform td{
	padding:5px;
	background-color:#B473B0;
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	border-top:1px #ccddb2 solid;
	text-align:left;
}

#tipbuzzcontent table.enquiryform td.nofield{
	padding:0px;
	background-color:transparent;
	border-top:1px #ccddb2 solid;
}


#tipbuzzcontent table.enquiryform td input.entryfield{
	padding:5px;
	background-color:transparent;
	border:0;
	color:#ffffff;
	width:270px;
	font-size:12px;
}

#tipbuzzcontent table.enquiryform td textarea.entryfield{
	padding:5px;
	background-color:transparent;
	font-family: Arial, Helvetica, sans-serif;
	border:0;
	color:#ffffff;
	width:270px;
	font-size:12px;
}

.quotesubmit{
	color:#ffffff;
	font-size:12px;
	background-color:#B473B0;
	text-align:left;
	padding:10px;
	border:0;
}

#topbannerblack{
height:90px;
margin:0 auto;
width: 100%;
min-width:320px;
background:#3e3e3e; /* 333333 671689 */
border-top:2px solid #8f0894;
min-height:90px;
}

#topbannerblack .topblack{
width: 90%;
max-width:1000px !important;
max-width:90%;
height:90px;
margin:0 auto;
padding:0%;
}
#topbannerblack .topleftblack{
width:80%;
margin-left:0px;
padding:5px;
height:90px;
text-align:center;
margin-right:0;
float:left;
}
#topbannerblack .topleftblack h3{
 	font-family: Helvetica, sans-serif;
	color:#ffffff;
	font-size:32px;
	margin:0;
	padding-top:10px;
	text-align:center;
	padding-left:20%;
}
#topbannerblack .globalmenu, #topbannerblack .accountmenu,  #topbannerblack .avatarmenu, #topbannerblack #triggerbetslipmobile{
	display:none;
	float:left;
}
#topbannerblack .topleftblack .logo{
	float:left;
}
#topbannerblack .topleftblack .logo img{
	border:0px solid #4a4949;
}
#topbannerblack .toprightblack{
	width:18%;
	float:right;
	text-align:right;
	height:90px;
}

.abtnpos{
	padding:0px 0 0 210px;
	margin-top:-80px;
}

a.litepurplebtn {padding:10px 18px; background: #b571b1; color: #ffffff; font-size:0.75em; font-family: 'Open Sans', sans-serif;
  -moz-border-radius: 2px;
-webkit-appearance: none;
  -webkit-border-radius: 2px;
  border-radius: 2px;
text-transform:uppercase;
}
a.litepurplebtn:hover {background: #8535aa;}
.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(114,33,151) 0%, rgb(73,4,131) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(114,33,151) 0%, rgb(73,4,131) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(114,33,151) 0%, rgb(73,4,131) 100%);
}

.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:#722197;
		width:100%;
		max-height:50px;
		padding:10px 35px;
		border-radius: 6px;
		text-transform: uppercase;
		touch-action: manipulation;
}
.greenfullbtn{
		margin:0;
		background-color:#55ad3d;
		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;
}
.orangefullbtn{
	margin:0;
	background-color:#D57E0C;
	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%;
}
.bg-join{
	background-color: #1a0329;
	position: relative;
}
.div-pos{
	width: 38%;
	bottom: 45px;
}
.wrapper {
  display: flex;  
  flex-flow: row wrap;
}

.wrapper > * {
  padding: 10px;
  flex: 1 100%;
}

.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;
}

.greenhighlight{
	color:#24e41b;
	text-transform:uppercase;
	font-size:38px;
	font-weight:bold;
	font-family: 'Open Sans', sans-serif;
}

.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: #671689;
}
.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;
}
/* .mt-35{
	margin-top:2.8rem;
} */
.w-90{
	width:90%;
}
.bannerHeight{
	height: 42px;
}
.mt-1p{
	margin-top: 1%;
}
.list-group-item:last-child{
	margin-bottom: -1px !important;
}

li.nav-item:hover > .dropdown-menu {
    display: block;
}
.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: #55ad3d;
}
.marginBanner img{
	width:100%;
} 
.marginBanner{
	    margin-bottom: 0.1rem;
}

.header2_size{
	width: 20% !important;
}

.freeze_header thead{
	border-bottom: #cccccc solid 1px;
}
.freeze_header tbody, .freeze_header thead
{
    display: block;
}

.freeze_header tbody 
{
   overflow: auto;
   height: 500px;
}
.freeze_header th
{
    width: 56.5px;
}
.freeze_header td
{
    width: 6%;
}
.font-8{
	font-size: 8px !important;
}
.font-11{
	font-size: 11px !important;
}
.font-12{
	font-size: 12px !important;
}
.font-13{
	font-size: 13px !important;
}
.font-14{
	font-size: 14px !important;
}
.font-15{
	font-size: 15px !important;
}
.font-16{
	font-size: 16px !important;
}
.font-18{
	font-size: 18px !important;
}
.font-22{
	font-size: 22px !important;
}
.font-10{
	font-size: 10px !important;
}
.hoverRow:hover{
	cursor: pointer;
}
.expand-package{
	color: #722197 !important;
}
.bg-purple-header{
	background-color: #722197 !important;
}
.turf-img{
	background: url(/assets/images/turfcutter-profile-desktop.png) no-repeat;
	height: 103px;
}
.bg-turf-img{
	background:url(/assets/images/turf_cutter_desktop.png) no-repeat;
	height: 320px;
}
.bg-deane-img{
	background:url(/assets/images/Deane-Lester_desktop.png) no-repeat;
	height: 320px;
	background-size: cover;
	
}
.bg-tipalert-img{
  background: url(/assets/images/TipAlertEmailConfirm-Desktop.png);
	height: 190px;
}
.bg-media-profit-img{
	background:url(/assets/images/Leaderboard-ad-stage5v4.jpg) no-repeat;
	height: 350px;
	background-size: cover;
}
.bg-media-profit-randwick-img{
	background:url(/assets/images/Leaderboard-ad-randwickv1.jpg) no-repeat;
	height: 350px;
	background-size: cover;
}
.bg-media-profit-flemington-img{
	background:url(/assets/images/Leaderboard-ad-flemingtonv1.jpg) no-repeat;
	height: 350px;
	background-size: cover;
}
.bg-markhunter-img{
	background:url(/assets/images/mark_hunter_desktop.png) no-repeat;
	height: 320px;
	background-size: cover;
}
.bg-davidgately-img{
	background:url(/assets/images/gately_racing-desktop.png) no-repeat;
	height: 450px;
	background-size: cover;
}
.bg-punting-img{
	background:url(/assets/images/Prof-Punting-App_DESKTOP.jpg) no-repeat;
	height: 320px;
	background-size: cover;
}
.bg-lightgreen{
	background-color: #e8fbe3;
}
.bg-step{
	background-color: rgb(247, 148, 29) !important;
	 border: 1px solid rgb(223, 127, 11);
}
.bg-step-purple{
	background-color: #671589 !important;
	 border: 1px solid #671589;
}
.font-weight-thick{
	text-shadow: 1px 0 0 currentColor;
	font-weight: 900;
}
.h1-turf , .h2-turf{
	font-size: 50px !important;
}
.chartSize{
	min-width: 300px;
	width: 100% !important;
}
.mr-pro{
	margin-left: 50%;
    padding-top: 4%;
}
.turf-stamp{
	position: absolute;
    right: 9%;
    top: 64%;
    transform: rotate(7.5deg);
}
.col-height{
	height: 360px;
}
.col-height1{
	height: 260px;
}
.bg-white-header{
	background-color: #ffffff;
	height: 70px;
}
/*.font-roboto{
	font-family: "Roboto" !important;
}*/


.followbutton .btn{
	float:left;
	margin-top:10px;
}
.followbutton .followtext{
	float:left;
	font-size:14px;
	margin-top:25px;
	margin-left:10px;
}
.image-wrapper{
	width: 150px;
    padding-right: 25px;
    float: left;
    padding-bottom: 10px;
}
.authorimg {
    max-width: 40px;
    max-height: 50px;
    width: 40px;
    height: 50px;
}

.facebook{
	width:30px;
	height:30px;
	margin:0;
	padding:8px;
	text-align:center;
	font-size:14px;
	background-color:#3A5898;
}
.twitter{
	width:30px;
	height:30px;
	margin:0;
	padding:8px;
	text-align:center;
	font-size:14px;
	background-color:#3B94D8;
}

.loginbutton{
	background-color:#ffffff;
	text-align:left;
	color:#671589;
	font-size: 12px;
	font-weight:bold;
	text-transform:uppercase;
	padding:8px 20px 8px 20px;
}

.signupbutton{
	background-color:#841BB0;
	text-align:left;
	color:#ffffff;
	font-size: 12px;
	font-weight:bold;
	text-transform:uppercase;
	padding:8px 20px 8px 20px;
}
#ui-datepicker-div{
	z-index: 9999 !important;
}


.text-purple{
	color: #671689 !important ;
}
.articleStyles .leadermedium td{
	font-size: 12px;
}
.articleStyles p{
	line-height: 1.6;
}
.articleStyles h4{
	font-size: 16px;
}
.table-danger-light{
	background-color:#FDF5F6;
}
.btn-cup{
background: #762697;
}
.btn-cup:hover {
    background-color: #762697 !important;
}
.slideitem{
	width:280px;
	/* height: 100px; */
	flex-shrink: 0;
}
.slideitem p{
	line-height: 1.5;
}
.sliderow{
	overflow-x: auto;
}
.slideimgitem{
	width:200px;
	min-height: 220px;
	flex-shrink: 0
}
.activeTipsterTab{
	border-bottom: 3px solid #28a745!important;
}
.text-grey{
	color: #c0c0c0 !important;
}
.rounded-1{
	border-radius: 0.15rem!important;
}
.text-grey1{
	color: #c9c8c8;
}
.text-grey2{
	color: #777777 !important;
}
.border-bottom-dashed {
    border-bottom: 1px dashed #dee2e6!important;
}
.text-dark{
	color: #000 !important;
}
.dotted-line{
	flex: 1;
    border-bottom: 1px dotted #dddddd;
    height: 0.9rem;
}
.collapsed>i.fa-caret-up:before {
    content: "\f0d7";
}
.collapsed>i.fa-chevron-up:before {
    content: "\f078";
}
a:hover {
    text-decoration: none !important;
}
.top_tipsters .nav-link{
	color: #dddddd;
}
.top_tipsters .nav-link.active, .nav-pills .show>.nav-link{
	color: #55ad3d;
	background-color: #fff ;
}
.top_tipstersLB .nav-link{
	color: silver;
	border-bottom: 1px solid #eeeeee;
	font-weight: normal;
}
.top_tipstersLB .nav-link.active, .nav-pills .show>.nav-link{
	color: #000;
	border-bottom: 3px solid #28a745!important;
	font-weight: bold;
}
.tipsterstable td{
	vertical-align: middle;
	padding: 3% 3% 3% 0%;
}
.tipsterstable  .profiletype,.tipsterstable img{
 	width: 50px;
	height: 30px;
	display: flex;
    justify-content: center;
    align-items: center;
}
.avatarTipster{
	width: 50px !important;
	height: 50px !important;
}
.frmtstats{
	padding-bottom: 0.4rem;
}
.pagenarrahide{
	max-height: 270px;
    overflow-y: hidden;
}
.pagenarrashow{
	max-height: 100%;
    overflow-y: auto;
}
.avatargroup{
	width: 60px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.leaderboardselect {
    overflow: hidden; 
    width: 100%;
    position: relative;
	display: block;
	height: 30px;
}

.leaderboardfilter{
	height: 30px; 
    border: 0; 
   -webkit-appearance: none;
    -moz-appearance: none;
	appearance: none;
	width: 100%;
	font-weight: 700;
	font-size: 15px;
	text-overflow: ellipsis;
	padding: .375rem .4rem;
	padding-right: 20px;
	background: #fff;
	color: #000;
	transition: none;
}
.leaderboardfilter option{
	font-size: 13px;
}
.form-control:focus {
    color: #000;
}
.leaderboardselect:after {
    content:"\f0dc";
    font-family: FontAwesome;
    color: #888888;
    padding: 20px 8px;
	position: absolute; 
	right: 2px; 
	top: 0;
    z-index: 1;
    text-align: center;
    width: 10%;
    height: 100%;      
    pointer-events: none;
	box-sizing: border-box; 
	display: flex;
    align-items: center;  
}
.leaderboardfilter:FOCUS{
	outline: 0;
}

/* leaderboard table */
/* section.Leaderboard_section{
  position: relative;
  padding-top: 37px;
  background-image: linear-gradient(to bottom, #55ad3d , #55ad3d 10%, #fff 100%, #fff);
}*/
.LBcontainer {
  overflow-y: overlay;
  max-height: 1400px;
  height: auto;
} 
table.leaderboardtable{
  border-spacing: 0;
  width:100%;
}
.leaderboardtable td, .leaderboardtable th {
 	border-bottom:1px solid #eee;
  background: #fff;
  color: #000;
  padding: 0.4rem .3rem;
}
.leaderboardtable th {
 background: #fbfbfb;
 color: #000;
 font-weight: bold;
 white-space: nowrap;
 vertical-align: top;
}
.leaderboardtable .greybg{
	background-color: #fbfbfb !important;
}
.leaderboardtable .profiletype{
	width: 60px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    padding: 0.5px !important;
    border-radius: 3px;
}


.collapsed>i.fa-angle-up:before {
    content: "\f107";
}
/* .lbfilter{
	background-image: -moz-linear-gradient( -90deg, rgb(247,247,247) 0%, rgb(230,229,229) 100%);
  	background-image: -webkit-linear-gradient( -90deg, rgb(247,247,247) 0%, rgb(230,229,229) 100%);
	background-image: -ms-linear-gradient( -90deg, rgb(247,247,247) 0%, rgb(230,229,229) 100%);
	border-bottom : 8px solid #CCCCCC;
} */
.border-orange{
	border: 1px solid #E75F41;
}
.border-purple{
	border: 1px solid #5C127A;
}
.lastpunting .badge{
	width:20px;
}
.slidecontainer {
  position: relative;
  line-height: 1.2;
}

.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 3px;
  border-radius: 5px;
  background: #6f1c90;
  outline: none;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.slider:hover {
  opacity: 1;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #6f1c90;
  background: #fff;
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  border: 1px solid #6f1c90;
}
output { 
  position: absolute;
  background-image: linear-gradient(#444444, #999999);
  width: 40px; 
  height: 30px; 
  text-align: center; 
  color: white; 
  border-radius: 10px; 
  display: inline-block; 
  font: bold 15px/30px Georgia;
  bottom: 175%;
  left: 0;
  margin-left: -1%;
}
output:after { 
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 10px solid #999999;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  margin-top: -1px;
}
.selectedrow td{
	background: #eaf6e7;
}
.leaderboardtable .selectedcol{
	background-color: #e2e2e2 !important;
}
.table-danger-light td{
    background-color: #FDF5F6 !important;
}
.lastpunting .badge-success{
	background-color: #13cf00;
}
.logoTipster{
	width: 50px;
	height: 50px;
}
.btn.focus, .btn:focus {
	box-shadow: none;
}
.bgwin{
	border: 0.4px solid #B89F77;
    background-color: #fff !important;
	color: #D49C45;
	box-shadow: -0.2px -0.2px 1px 1px !important;
}
.bgplace{
	border: 0.2px solid #6f1c90;
    background-color: #fff !important;
	color: #6f1c90!important;
	box-shadow: -0.2px -0.2px 1px 1px !important;
}
.raceslider .nav-link.active, .raceslider .show>.nav-link{
	color: #52027F;
	background-color:#fff ;
}
.raceslider .nav-link {
    border-radius: 50%;
    border: 2px solid #fff;
    padding: .4rem 0.6rem;;
    margin-left: 15px;
    font-size: 12px;
    color: #fff;
}
select.bg-lightpurple:focus {
    outline: 0;
}
.bg-lightpurple select {
    text-align-last:right;
    padding-right: 30px;
    direction: rtl;
}
/* .bg-lightpurple option { direction: rtl; } */
.form-control:focus{
	box-shadow: none;
}
.raceslider .nav-item:last-child .nav-link {
	margin-right:15px
}
.pricecol.btn,.tippricecol.btn{
	width: 45px;
	height: 25px;
	display: flex;
    justify-content: center;
	align-items: center;
	font-size: 0.75em;
}
.raceselect:after{
	color: #fff;
}
.showmore{
	display: inline-block;
    vertical-align: middle;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: -20px;
	left: calc(50% - 5px);
	background-color: #f9f5f5;
}

.showmorecontainer{
	height: 1px;
	position: relative;
	background-color: #e2e2e2
}
.showlessarrow:after {
	content: '';
	display: inline-block;
	margin-top:  0.9em;
	width: 0.8em;
	height: 0.8em;
	border-top: 2.5px solid #333;
	border-right: 2.5px solid #333;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.showmorearrow ,.showlessarrow{
	display: inline-block;
	width: 2.5em;
	height: 2.5em;
	border: 1px solid #55ad3d;
	border-radius: 50%;
	cursor: pointer;
}
.showmorearrow:after {
  	content: '';
	display: inline-block;
    margin-top: 0.6em;
    width: 0.8em;
    height: 0.8em;
	border-top: 2.5px solid #333;
	border-right: 2.5px solid #333;
	-moz-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
#showpagenarrabtn .showmorearrow:after,#showpagenarrabtn .showlessarrow:after{
	margin-left: 10px;
}
.affiliateimg{
	padding: 1px;
	width: 60px !important;
	height: 30px !important;
}
#summarLBday {
    text-align-last: right;
    padding-right: 20px;
    direction: rtl;
}