html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	text-shadow: 0 0 0 0 #000;
	}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
	font-family: Helvetica, arial, sans-serif;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


body {
font-size: 74%;
font-family: Arial, verdana;
background: #e3ddd1;
}

#wrapper {
width: 680px;
margin: 0px auto;
background: #fff;
padding-bottom: 15px;
}
#top {
background: url(/images/sandown/top_back.jpg) repeat-x top right;
width: 680px;
float: left;
}
#topTitle {
padding: 0;
margin: 0;
float: left;
display: inline;
width: 345px;
}

#epsomLogo {
float: right;
width: 157px;
}



#raceoddsLogo {
float: right;
width: 157px;
}

#nagSearch {
float: left;
width: 523px;

padding: 10px 25px;
margin-top: 20px;
 padding-top: 10px;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:473px;
} 
html>body #nagSearch {
  width: 473px;
} 
#nagSearch2 {
border-bottom: 1px solid #fff;
float: left;
width: 473px;
padding-bottom: 10px;
}

#nagSearch h3 {
float: left;
width: 70px;
padding-top: 8px;
} 

#nagSearch ul {
margin: 0;
padding:5px 0px;

 float: left;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:310px;
} 
html>body #nagSearch ul {
  width: 310px;

} 
#nagSearch ul li {
color: #fff;
font-size: .9em;
float: left;
margin-right: 10px;

}

#nagSearch ul li#button {

}


#newsTicker {
float: left;
width: 523px;
padding: 5px 25px;

padding-bottom: 20px;
margin-bottom: 20px;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:473px;
} 
html>body #newsTicker {
  width: 473px;
} 


#newsTicker h3 {
float: left;
width: 110px;


voice-family: "\"}\""; 
  voice-family:inherit;
  width:108px;
} 
html>body #newsTicker h3 {
  width: 108px;
} 
#newsTicker ul {
float: right;
width: 365px;
padding-top: 3px;

} 
#newsTicker ul li {
color: #fff;
font-size: 1em;
}
#newsTicker ul li a, #newsTicker ul li a:link, #newsTicker ul li a:visited {
color: #fff;
text-decoration: none;
}
#newsTicker ul li a:hover {
color: #278AA7;
}



#mainbody {
width: 680px;
padding: 15px;
padding-bottom: 0;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:650px;
} 
html>body #mainbody {
  width: 650px;
}






#tabs {
width: 650px;
float: left;
}
#tabs { 
}

#tabs ul { 
float: left;
width: 650px
}

#tabs ul li {
background: url(/images/sandown/tab_white.gif) no-repeat top left;
float: left;
margin-right: 2px;
border-bottom: 1px solid #fff;
text-transform: uppercase;
}

#tabs ul li a, #tabs ul li a:link, #tabs ul li a:visited { 
float: left;
background: url(/images/sandown/tab_white_r.gif) no-repeat top right;
padding: 8px;

padding-top: 12px;
text-decoration: none;
color: #fff;
}

#tabs ul li a:hover { 
color: #00713d;
}

#tabs ul li.selected { 
background: url(/images/sandown/tab_blue.gif) no-repeat top left;
float: left;
border-bottom: 1px solid #00713d;
margin-right: 2px;
font-weight: bold;
}
#tabs ul li.selected span { 
float: left;
background: url(/images/sandown/tab_blue_r.gif) no-repeat top right;
padding: 8px;
padding-top: 12px;
text-decoration: none;
color: #fff;
}
#tableHolder {
width: 650px;
background: #00713d;
padding-top: 10px;
float: left;
padding-bottom: 0;
} 


#dateSearchHome {
margin: 0px 0px;
width: 650px;
float: left;
border-top: 1px solid #fff;
margin-top: 5px;
padding-top: 5px;
padding-left: 10px;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:640px;
} 
html>body #dateSearchHome {
  width: 640px;
} 

#dateSearchLeft {
float: left;
width: 430px;
}
#dateSearchRight {
float: right;

width: 190px;
}
#dateSearch {
margin: 5px 10px;
width: 640px;
float: left;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
padding-top: 5px;
padding-bottom: 5px;
voice-family: "\"}\""; 
  voice-family:inherit;
  width: 620px;
} 
html>body #dateSearch {
  width: 620px;
} 



#daymenu {
float: left;
width: 380px;
}

#daymenu li {
color: #fff;
float: left;

padding-right: 10px;
padding-top: 7px;
font-size: .9em;
text-transform: uppercase;
}

#daymenu li a {
color: #fff;
text-decoration: none;
}

#daymenu li a:hover {
border-bottom: 1px dotted #fff;
}

#dateSearchHome h4, #dateSearch h4  {
float:left;
margin-right: 0px;

text-transform: uppercase; 
font-family: .95em;
font-weight: bold;
color:  #fff;
padding: 6px 0px;
padding-bottom: 0px;
}

#otherDates {
float: right;
width: 180px;

text-align: right;
}



#dateSearchHome ul {

}

#dateSearchHome li, #dateSearch li {
float: left;
margin-left: 5px;

}


#epsomRaces, #racecard {
float: left;
width: 652px;
margin-top: 15px;
background: #fff;
border: 1px solid #000;
border-top: 1px solid #fff;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:650px;
} 
html>body #epsomRaces, html>body #racecard {
  width: 650px;
} 
#epsomRaces tr#tabletop, .cardTable tr#tabletop {


}

#epsomRaces th {
border-collapse: collapse;
color: #fff;
font-weight: bold;
padding: 8px 8px;
background: #000 url(/images/sandown/header_back.gif) repeat-x top left;

}
.eDate {
background: url(/images/sandown/header_divide.gif) no-repeat top right;
width:120px;
}
.eStart {
background: url(/images/sandown/header_divide.gif) no-repeat top right;
width: 60px;
}
.eEvent {
background: url(/images/sandown/header_divide.gif) no-repeat top right;

}

.eType {

width: 60px;
}


#epsomRaces td {
border-collapse: collapse;
padding: 12px 8px;
}
#epsomRaces tr.odd td {
background: #f2f8f6;
}

#epsomRaces a, #epsomRaces a:link, #epsomRaces a:visited {
text-decoration: none;
color: #00713d;
font-weight: bold;
}
#epsomRaces a:hover {
border-bottom: 1px dotted #00713d;
}

#racecard th {
border-collapse: collapse;
color: #fff;
font-weight: bold;
padding: 6px 8px;
}

#racecard td {
border-collapse: collapse;
padding: 10px 8px;

}
#racecard tr.odd td, #racecard tr.odd th {
background: #f2f8f6;
}

#racecard a, #racecards a:link, #racecard a:visited {
text-decoration: none;
color: #00713d;

}
#racecard a:hover {
border-bottom: 1px dotted #24418f;
}

th.rName {
}
th.rCourse {
width: 100px;
}
th.rCountry {
width: 100px;
}
th.rTime {
width: 80px;
}
th.rNag {
width: 60px;
}


#secondary_links {
float: left;
width: 650px;
background: #000;
padding: 10px 10px 10px 10px;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:630px;
} 
html>body #secondary_links {
  width: 630px;
} 

#secondary_links ul li {
float: left;
margin-right: 10px;
}
#secondary_links ul li a, #secondary_links ul li a:link, #secondary_links ul li a:visited {
color: #fff;
text-decoration: none;
}
#secondary_links ul li a:hover {
border-bottom: 1px dotted #fff;
}


#secondary_links2 {
float: left;
width: 650px;
background: #000;
padding: 10px 10px 10px 10px;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:630px;
} 
html>body #secondary_links2 {
  width: 630px;
} 

#secondary_links2 ul li {
float: left;
margin-right: 10px;
}
#secondary_links2 ul li a, #secondary_links ul2 li a:link, #secondary_links ul2 li a:visited {
color: #fff;
text-decoration: none;
}
#secondary_links2 ul li a:hover {
border-bottom: 1px dotted #fff;
}

#racecard_day {
float: left;
width: 650px;
background: #000;
padding: 10px 10px 10px 10px;
border-top: 1px solid #fff;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:630px;
} 
html>body #racecard_day {
  width: 630px;
} 

#racecard_day ul li {
float: left;
margin-right: 10px;
padding: 5px;

}
#racecard_day ul li a, #racecard_day li a:link, #racecard_day li a:visited {
color: #fff;
text-decoration: none;
}
#racecard_day ul li a:hover {
border-bottom: 1px dotted #fff;
}

#racecard_day ul li.selected2 {

color: #fff;
font-weight: bold;
padding: 6px;

} 

#racecard_day ul li.selected2 span {
border-bottom: 1px dotted #fff;
padding: 5px 8px;

margin: 0;
}



.resetter {
clear:both;
width: 1px;
height: 1px;
line-height: 1px;
padding: 0;
margin: 0;
}


.titleheader {
float: left;
width: 650px;
background: #fff;
margin: 0px 0px;
border: 1px solid #000;
border-bottom: none;
border-top: 10px solid #000;

padding: 10px;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:628px;
} 
html>body .titleheader {
  width: 628px;
} 

.titleheader h2 {
color: #00713d;
font-size: 1.5em;
} 

.titleheader h2 span {
color: #000;
}

.titleheader h3 {
color: #6eac4b;
margin-bottom: 5px;

}


dl.going {
margin-top: 45px;
color: #6eac4b;
float: left;
width: 630px;
}


dl.going dt {
font-weight: bold;
float: left;
width: 55px;

padding-top: 2px;
}

dl.going dd {

float: right;

color: #000;
width: 575px;
line-height: 1.5em;
padding-right: 15px;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:560px;
} 
html>body dl.going dd{
  width: 560px;
} 




.cardTable {
float: left;
width: 650px;
background: #fff;
margin-top: 0px;
border: 1px solid #000;
border-top: none;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:650px;
} 
html>body .cardTable {
  width: 650px;
} 





#epsomRaces tr#tabletop, .cardTable tr#tabletop {
background: #000 url(/images/sandown/header_back.gif) repeat-x top left;
}



.cardTable th {
border-collapse: collapse;
background: url(/images/sandown/header_divide.gif) no-repeat top right;
color: #fff;
font-weight: bold;
padding: 8px 8px;

}


.cardTable td {
padding: 8px 5px;
line-height: 1.5em;
vertical-align: top;
font-size: .9em;
}


.cardTable td a
 {
  text-decoration: none;
  color: #333;
}
.cardTable td a:hover {
border-bottom: 1px solid #333;
}


.cardTable tr.alt td, .cardTable tr.alt th {
background: #f2f8f6;
}

.cardTable td a.racecards {
font-weight: bold;
color: #00713d;


}


.cardTable .col1 {
	width: 56px;
}

.cardTable .col3 {
	width: 62px;

}
.cardTable .col4 {
	width: 69px;
}.cardTable .col6 {
	width: 150px;
}
.cardTable .col7 {
	width: 70px;
}
.cardTable .col8 {
	width: 68px;
}
.cardTable .col9 {
	width: 135px;
}
.cardTable .col11 {
	width: 68px;
	background-image: none;
}
.cardTable .horseName {
}
.cardTable td.nagme {
margin-top: 4px;
display: block;
}

.footer {
float: left;
width: 650px;
padding: 10px 0px;
font-size: 0.9em;
color: #6eac4b;
}

.footer a, .footer a:link {
color: #6eac4b;
}

.footer_left {
width: 325px;
float: left;
}
.footer_right {
float: right;
text-align: right;
}
.footer p {
}
.footer select {
background: #f2f8f6;
color: #6eac4b;
}

.otherRaces {
float: right;

}

a.dp-choose-date {
	float: left;
	width: 19px;
	height: 23px;
	padding: 0;
	margin: 0 0 3px 3px;
	display: inline;
	text-indent: -2000px;
	overflow: hidden;
	background: url(/images/sandown/calendar.gif) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 100px;
	float: left;
	margin-left: 10px;
	display:none;
}
/*autocomplete*/
.ui-autocomplete-results {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.1em;
	border: 1px solid #d3d3d3;
	background: #ffffff;
	color: #222222;
	overflow: hidden;
	z-index: 99999;
}
.ui-autocomplete-results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}
.ui-autocomplete-results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	 *
	 * 	if width will be 100% horizontal scrollbar will apear 
	 *
	 * 		when scroll mode will be used
	 *
	 * 			*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;

	/* 
	 *
	 * 	it is very important, if line-height not setted or setted 
	 *
	 * 		in relative units scroll will be broken in firefox
	 *
	 * 			*/
	line-height: 16px;
	overflow: hidden;
	border: 1px solid #d3d3d3;
	background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
	font-weight: normal;
	color: #555555 !important;	
}
.ui-autocomplete-loading {
	background: white url('indicator.gif') right center no-repeat;
}
.ui-autocomplete-results li.ui-autocomplete-over {
	border: 1px solid #999999;
	background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
	font-weight: normal;
	color: #212121 !important;
}

