@charset "iso-8859-1";
body{
	margin: 0;
	background-color:#ffffff;
	font-family:verdana;
}
div.page{
	text-align:center;
	width:1000px;
        margin: 0 auto;
}
h1{
	margin:0px;
	margin-top:7px;
	margin-bottom:7px;
	font-size:12pt;
}
h2{
	margin:0px;
	margin-top:7px;
	margin-bottom:7px;
	font-size:10pt;
}
p{
	margin:0px;
	margin-top:10px;
	margin-bottom:10px;
	text-align:justify;
	font-size:9pt;
}
li{
	font-size:9pt;
}
td{
	font-size:9pt;
	vertical-align:top;
}
table.header, table.footer, table.swish, table.main {
	text-align:center;
	width:100%;
}
table.header tr td{
	text-align:left;
}
table.header tr td h1{
	color:silver;
	text-align:center;
}
table.main tr td.left{
	width:200px;
	vertical-align:top;
	background-color:#ffffff;
        padding-top: 11px;
}
table.main tr td.left table.leftnav{
	width:200px;
}
table.main tr td.left table.leftnav tr td{
	width:200px;
	background-color:#026300;
/*	border-top:1px solid #000000;
	border-right:1px solid #000000;
	border-left:1px solid #4C7F4B;*/
	border-bottom:1px solid #ffffff;
	color:#ffffff;
	font-size:9pt;
        line-height: 20pt;
        padding: 0 5px;
}
table.main tr td.left table.leftnav tr th{
	width:200px;
	background-color:#F78E1E;
/*	border-top:1px solid #000000;
	border-right:1px solid #000000;
	border-left:1px solid #DA7F1A;
	border-bottom:1px solid #DA7F1A;*/
	color:#ffffff;
	font-size:9pt;
        line-height: 22pt;
}



table.main tr td.left table.leftnav tr td.round{
	width:200px;
	height:20px;
	background:url(images/navbot.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	background-color:#ffffff;
	border:none;
}
table.main tr td.left table.leftnav tr td a:link{
	color:#ffffff;
	text-decoration:none;
}
table.main tr td.left table.leftnav tr td a:visited{
	color:#ffffff;
	text-decoration:none;
}
table.main tr td.left table.leftnav tr td a:active{
	color:#ffffff;
	text-decoration:none;
}
table.main tr td.left table.leftnav tr td a:hover{
	color:#ffffff;
	text-decoration:underline;
}
table.main tr td.content{
	vertical-align:top;
	text-align:left;
	padding:5px;
}
table.tipsters_form{
	width:100%;
	border:3px double #000000;
}
table.tipsters_form tr th{
	font-size:8pt;
	border: 1px dotted silver;
	background-color:#FFFFCC;
}
table.tipsters_form tr td{
	font-size:8pt;
	border: 1px dotted silver;
}
table.todays_tips{
	width:100%;
	border:3px double #000000;
}
table.todays_tips tr th{
	font-size:8pt;
	border: 1px dotted silver;
	background-color:#FFFFCC;
}
table.todays_tips tr td{
	text-align:center;
	font-size:8pt;
	border: 1px dotted silver;
}
table.main tr td.content h1{
	background-color:#EFEFEF;
	border-bottom:1px solid #006300;
	color:#006300;
}
table.league{
	width: 100%;
	font-size:9pt;
	/*border:3px double #006300;*/
        margin-top:10px;
        
}
table.league tr th{
/*	border-left: 1px solid silver;
	border-bottom: 1px solid silver;*/
	background-color:#026300;
	color:#ffffff;
}
table.league tr th.title{
	background-color:#ffffff;
	color:#006300;
}
table.league tr td{
	text-align:center;
	border-left: 1px solid silver;
	border-bottom: 1px solid silver;
}
table.league tr.even td{
	background-color:#F4F4F4;
}
table.footer tr td{
	text-align:center;
	font-size:8pt;
}
span.horse_selection{
	margin:3px;
	border-top:2px solid black;
	border-left:2px solid black;
	border-bottom:2px solid silver;
	border-right:2px solid silver;
	width:12px;
	height:10px;
	font-size:8pt;
	text-align:center;
}
table.bestbet{
	width:100%;
	font-size:9pt;
	border:3px double #006300;
}
table.bestbet tr th{
	border: 1px dotted silver;
	background-color:#026300;
	color:#ffffff;
}
table.bestbet tr td{
	border: 1px dotted silver;
	background-color:#F4F4F4;
	color:#000000;
}
table.standard{
	width:100%;
	font-size:9pt;
	border:1px solid #006300;
}
table.standard tr th{
	border-left: 1px solid silver;
	border-bottom: 1px solid silver;
	background-color:#026300;
	color:#ffffff;
}
table.standard tr{
	background-color:#F4F4F4;
}
table.standard tr.even{
	background-color:#FFFFFF;
}
table.standard tr td{
	border-left: 1px solid silver;
	border-bottom: 1px solid silver;
	color:#000000;
	text-align:center;
}
table.standard_no_borders{
	width:100%;
	font-size:9pt;
	border:3px double #006300;
}
table.standard_no_borders tr th{
	background-color:#026300;
	color:#ffffff;
}
table.standard_no_borders tr{
	background-color:#F4F4F4;
}
table.standard_no_borders tr.even{
	background-color:#FFFFFF;
}
table.standard_no_borders tr td{
	color:#000000;
	text-align:center;
}
table.key{
	width:100%;
	font-size:9pt;
	border:3px double #006300;
}
table.key tr td{
	border-left: 1px solid silver;
	border-bottom: 1px solid silver;
	background-color:#ffffff;
	vertical-align: middle;
}
input.nextbutton{
	background-color:green;
	color:white;
	font-weight:bold;
	font-size:12pt;
}

a.leagueheader:link{
  text-decoration:none;
  color:#F78E1E;
  font-family:arial;
  font-size:16pt;
  font-weight:bold;
}
a.leagueheader:visited{
  text-decoration:none;
  color:#F78E1E;
  font-family:arial;
  font-size:16pt;
  font-weight:bold;
}
a.leagueheader:active{
  text-decoration:none;
  color:#F78E1E;
  font-family:arial;
  font-size:16pt;
  font-weight:bold;
}
a.leagueheader:hover{
  text-decoration:underline;
  color:#Ffffff;
  font-family:arial;
  font-size:16pt;
  font-weight:bold;
}

table.clear tr td{
  border:none;
  background-color:#ffffff;
  text-align:left;
}

.ctr{
  text-align:center;
  vertical-align:middle;
}
img.tick{
  height:14px;
  width:13px;
  border:none;
}


/*
* Forms
*/
select.form1,input.form1{
  width:300px;
}

/*
* Text
*/
.label{
  font-weight:bold;
  font-size:12px;
}
.message{
  color:red;
}

/*
* Table
*/
table.standard tr td.leftwithpad{
  text-align:left;
  padding-left:10px;
}

/*
* Race preview
*/
div.racePreview{
  border:2px dotted silver;
  padding:5px;
}


#ScrollBox{
	width: 750px;
	position:  relative;
	overflow: hidden;
}

#BigBox{
	width: 7500px;
}

.block{
	width: 740px;
	float: left;
	margin-right: 10px;
}

table.header td.logo {
  width:250px;
  vertical-align: middle; 
  text-align: center;
}

table.header td.tipster-league {
  width:750px;
  vertical-align: middle;
}

td.panel {
  width: 33%;
  color:#006300; 
  font-size: 9pt;
}

td.panel td {
  color: #006300;
}
 

#mobile-menu {display: none;}

@media only screen and (max-device-width : 768px) {
  
  div.page {
    width: 100%;
  }
  
  table.header td.logo {
    width:100%;
    vertical-align: middle; 
    text-align: center;
  }

  td.panel {
    width: 100%;
    margin-bottom: 20px;
  }
  
  table.header td.tipster-league {
    width: 100%;
    vertical-align: middle;
  }  
  
  table.header > tbody > tr:first-child > td,
  td.content > table > tbody > tr > td{
    display: block;
  }
  
  table.header div.block {
    /*width: 100%;*/
  }
  
  #mobile-menu {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
  }
  
  table.main td.left {
    display: none;
  }
  
  table.leftnav {
    display: none;
  }
  
}


@media only screen and (max-device-width : 350px) {
  table.header table.league th:nth-child(3),
  table.header table.league th:nth-child(4),
  table.header table.league th:nth-child(5),
  table.header table.league th:nth-child(6),
  table.header table.league th:nth-child(7),
  table.header table.league th:nth-child(8),
  table.header table.league td:nth-child(3),
  table.header table.league td:nth-child(4),
  table.header table.league td:nth-child(5),
  table.header table.league td:nth-child(6),
  table.header table.league td:nth-child(7),
  table.header table.league td:nth-child(8)
  {
    display: none;
  }
}

@media only screen and (max-device-width : 450px) {
  table.header table.league th:nth-child(3),
  table.header table.league th:nth-child(4),
  table.header table.league th:nth-child(5),
  table.header table.league th:nth-child(7),
  table.header table.league td:nth-child(3),
  table.header table.league td:nth-child(4),
  table.header table.league td:nth-child(5),
  table.header table.league td:nth-child(7)
  {
    display: none;
  }
}

@media only screen and (max-device-width : 500px) {
  table.header table.league th:nth-child(3),
  table.header table.league th:nth-child(4),
  table.header table.league th:nth-child(7),
  table.header table.league td:nth-child(3),
  table.header table.league td:nth-child(4),
  table.header table.league td:nth-child(7)
  {
    display: none;
  }
}

.cols-3 {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
}