body {
font-size:62.5%;
color: #222;
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
background:  #fff url(../images/background.gif) repeat-x top left;

}

#wrap {
font-size: 1.2em;
  margin: 0px auto;
  padding: 0px 10px;
  width: 1261px;
  margin-top: 0;
 voice-family: "\"}\""; 
   voice-family:inherit;
   width:1241px;
 } 
 html>body #wrap {
   width: 1241px;
 } 
#overlay { background:#346635; height:100%; left:0; position:absolute; top:0; width:100%; z-index:2000; }
#overlay #preloader { background:url(images/loading.gif) no-repeat; height:50px; left:40%; line-height:50px; margin:-25px 0 0 -25px; position:absolute; text-align:center; top:50%; width:50px; }
#overlay #preloader img { margin:11px 0 0 0; vertical-align:middle; }

h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
font-weight: normal;
}
h4 {
font-family: Arial, Helvetica, sans-serif;
}

h3 a {
  text-decoration: none;
}
a, a:link {
}
a:active, a:hover {

}
a:visited {

}

/* Header */
#header {
width: 1241px;
padding-top: 1px;
margin-bottom: 10px;
float: left;
}

#left_header {
float: left;
width: 521px;
display: inline;
}


#right_header {
float: right;
width: 720px;
padding: 0;
margin: 0;
}


#right_header ul {
float: left;
padding-top: 30px;
}


#right_header ul li {
float: left;

}


/* Main body */
.main_body {
width: 1070px;
float: right;	
}


/* Menu stuff */

#left_menu {
width: 171px;
float: left;
margin-right: 10px;
display: inline;
	voice-family: "\"}\""; 
  voice-family:inherit;
  width:141px;
} 
html>body #left_menu {
  width: 161px;
} 
#banner_menu li {
margin-bottom: 10px;
}




#left_menu .titleheader {

background: url(../images/tabtop_left.gif) no-repeat top left;
float: left;
width: 161px;
margin: 0 0 10px 0;
padding: 0px; 
voice-family: "\"}\""; 
  voice-family:inherit;
  width:161px;
} 
html>body #left_menu.titleheader {
  width: 161px;
} 



#left_menu .titleheader h2 {
font-size: 1em;
font-weight: bold;
color: #fff;

background: url(../images/toptab_right.gif) no-repeat top right;
padding: 5px 10px;
margin: 0;
}

.menu_list {
background: url(../images/menu_bottom.gif) no-repeat bottom left;
padding: 0px 2px;
padding-bottom: 10px;

}

.menu_list li  {
margin-bottom: 5px;
padding-bottom: 5px;
border-bottom: 1px solid #777;
padding-left: 10px;

}

.menu_list li a {
text-decoration: none;
color: #333;
}
.menu_list li a:hover {
border-bottom: 1px dotted #62a01b;
}


/* Columns */

#cols {
float: right;
width: 1070px;
margin: 0;
padding: 0;
}

#col1 {
float: left;
width: 360px;
padding: 0;
margin: 0 10px 0 0;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:350px;
} 
html>body #col1 {
  width: 350px;
} 

#r_cols {
float: right;
width: 710px;
padding: 0;
margin: 0;
}



#f_col1 .titleheader {
float: left;
background: url(../images/tabtop_left.gif) no-repeat top left;
width: 1070px;
} 



#f_col1 .titleheader h2 {
font-size: 1em;
font-weight: bold;
color: #fff;
background: url(../images/toptab_right.gif) no-repeat top right;
padding: 5px 10px;
margin: 0;

}



#f_col1a .titleheader {
float: left;
background: url(../images/tabtop_left.gif) no-repeat top left;
width: 350px;
} 



#f_col1a .titleheader h2 {
font-size: 1em;
font-weight: bold;
color: #fff;
background: url(../images/toptab_right.gif) no-repeat top right;
padding: 5px 10px;
margin: 0;

}
.widget_twocol {
width: 1070px;

float: left;
margin-bottom: 10px;

} 


#f_col2a .titleheader {
float: left;
background: url(../images/tabtop_left.gif) no-repeat top left;
width: 710px;
} 



#f_col2a .titleheader h2 {
font-size: 1em;
font-weight: bold;
color: #fff;
background: url(../images/toptab_right.gif) no-repeat top right;
padding: 5px 10px;
margin: 0;
}





#f_col1 {
padding: 0;
margin: 0 10px 0 0;
width: 1070px;
float: left;

} 

#f_col2 {
padding: 0;
margin: 0;
width: 350px;
float: right;
}



#f_col1a {
padding: 0;
margin: 0 10px 0 0;

width: 360px;
float: left;
display: inline;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:350px;
} 
html>body #f_col1a {
  width: 350px;
} 

#f_col2a {
padding: 0;
display: inline;
margin: 0;
width: 710px;
float: right;
}



#f_col3 {
padding: 0;
margin: 0;
width: 1070px;
float: left;
} 

#f_col1 .widget {
width: 1070px;
float: left;
margin-bottom: 10px;
}
#f_col1 .widget_content {
width: 1070px;
float: left;
background: url(../images/1070_back.gif) no-repeat bottom left;
padding-bottom: 10px;
}


#f_col1a .widget {
width: 350px;
float: left;
margin-bottom: 10px;
}
#f_col1a .widget_content{
width: 350px;
float: left;
background: url(../images/350_back.gif) no-repeat bottom left;
padding: 0px 2px 10px 2px;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:346px;
} 
html>body #f_col1a .widget_content{
  width: 346px;
} 




#f_col2a .widget {
width: 710px;
float: left;
margin-bottom: 10px;
}
#f_col2a .widget_content{
width: 710px;
float: left;
background: url(../images/710_back.gif) no-repeat bottom left;
padding: 0px 2px 10px 2px;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:706px;
} 
html>body #f_col2a.widget_content{
  width: 706px;
} 




/* That's pretty badass.... now the racecard stuff */


.f_racecard_holder {
width: 706px;
float: left;

} 


#dateform {
float: left;
font-size: 1em;
background: #222222;
color: #fff;
padding: 5px 10px;
} 


#tips_div #dateform {
width: 346px;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:326px;
} 
html>body #tips_div #dateform {
  width: 326px;
} 

#dateform #selectDate {
float: left; 
width: 326px;
}
#dateform #selectMeeting {
float: right; 
width: 390px;
}

#dateform dl {
margin-bottom: 5px;

}
#dateform #selectDate dt {
margin: 0;
padding: 0;
float: left;
width: 70px;

padding-top: 5px;
}
#dateform #selectDate dd {
margin: 0;
padding: 0;
float: right;

}
#dateform #selectDate dd select#market {
width: 200px;
}









#f_col1 #dateform {
width: 1070px;
border-left: 2px solid #bfbfbf;
border-right: 2px solid #bfbfbf;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:1046px;
  background: #575757;
} 
html>body #f_col1 #dateform {
  width: 1046px;
} 

#dateform #selectDate {
float: left; 
width: 326px;
}
#f_col1 #dateform #selectMeeting {
float: right;
width: 350px;
}

#dateform dl {
margin-bottom: 5px;

}
#dateform #selectDate dt {
margin: 0;
padding: 0;
float: left;
width: 70px;

padding-top: 5px;
}
#dateform #selectDate dd {
margin: 0;
padding: 0;
float: right;

}
#dateform #selectDate dd select#market {
width: 200px;
}

#dateform #selectMeeting dt {
margin: 0;
padding: 0;
float: left;
width: 95px;
padding-top: 5px;
}
#dateform #selectDate dd {
margin: 0;
padding: 0;
float: right;

}
#dateform #selectMeeting dd select {
width: 200px;
}







/* Groovy, now the detail page */


.f_smalltabs2 {
  float: left;
  font-size: 1em;

} 

.f_smalltabs2 li {
padding: 10px;
}
.f_smalltabs2 li h3 {
  font-size: 1.2em;
  line-height: 1.4em;
color: #000;
  }
.f_smalltabs2 li h3 a {
color: #000;
}

.f_racecard_holder2 {
 width: 1070px;
  float: left;
  border-left: 2px solid #bfbfbf;
  border-right: 2px solid #bfbfbf;
  padding-bottom: 10px;
   voice-family: "\"}\""; 
  voice-family:inherit;
  width: 1066px;
} 
html>body .f_racecard_holder2 {
  width: 1066px;
}


/* Nip and taps, I mean naps and tips next...   */



.napTable {
font-size: 1em;
  width: 706px;
  float: left;
  background: #fff;

  border-collapse: collapse;

} 



.napTable th, .napTable td {
  background: #fff;
  padding: 12px 5px 10px 10px;
  text-align: left;
  vertical-align: top;
}
.napTable td a
 {
  text-decoration: none;
  color: #333;
}
.napTable td a:hover {
border-bottom: 1px solid #333;
}


.napTable tr.alt td, .napTable tr.alt th {
background: #eeeeee;
}

.napTable th {

font-size: 1em;
font-weight: normal;
padding-top: 10px; 
padding-bottom: 10px; 
background: #575757;
color: #fff;
font-weight: bold;
}


.tipTable {
font-size: 1em;
  width: 346px;
  float: left;
  background: #fff;

} 



.tipTable th, .tipTable td {
  background: #fff;
  padding: 12px 5px 10px 10px;
  text-align: left;
  vertical-align: top;
}
.tipTable td a
 {
  text-decoration: none;
  color: #333;
}
.tipTable td a:hover {
border-bottom: 1px solid #333;
}


.tipTable m td, .tipTable tr.alt th {
background: #e1e8e0;
}

.tipTable th {
border-bottom: 1px solid #222222;
font-size: 1.2em;
font-weight: normal;
padding-top: 10px; 
padding-bottom: 10px; 

}

#betWidget p{
padding: 10px;
}

#betWidget p.layDay {
background: url(../images/fadeline.gif) repeat-x top left;

}

#betWidget p.layDay b {
color: #0b6a48;
}

#betWidget p.napDay {
background: url(../images/fadeline.gif) repeat-x top left;
border-top: 1px solid #fff;
}

#betWidget p.napDay b {
color: #0b6a48;
}




#betWidget p a {
text-decoration: none;
color: #0b6a48;

}
#betWidget p a:hover {
border-bottom: 1px dotted #0b6a48;
}

/* Now some horse form stuff */





.formEntriesTable {
font-size: 1em;
  width: 706px;
  float: left;
  background: #fff;
  border-collapse: collapse;

} 



.formEntriesTable th, .formEntriesTable td {
  background: #fff;
  padding: 8px 5px 5px 5px;
  text-align: left;
  vertical-align: top;
}
.formEntriesTable td a
 {
  text-decoration: none;
  color: #222222;
}
.formEntriesTable td a:hover {
border-bottom: 1px solid #222222;
color: #222222;
}


.formEntriesTable tr.alt td, .formEntriesTable tr.alt th {
background: #eeeeee;
}

.formEntriesTable th {
background: #575757;
font-size: 1.2em;
font-weight: bold;
padding-top: 15px; 
color: #fff;
padding-bottom: 10px; 
}
.formsum_content {
width: 350px;
float: left;
background: url(../images/350_back.gif) no-repeat bottom left;
padding: 0px 2px 10px 2px;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:346px;
} 
html>body .formsum_content {
  width: 346px;
} 



.formsum_content h2 {
color: #fff;
background: #575757;
padding: 10px;
margin: 0;

  font-size: 1.2em;
  line-height: 1.4em;
font-weight: bold;
}

.formsum_content dl {
float: left;
width: 346px;
margin: 10px;
margin-bottom: 15px;
padding-top: 5px;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:326px;
} 
html>body .formsum_content dl {
  width: 326px;
} 
.formsum_content dt {
float: left;
width: 58px;
font-weight: bold;
margin-bottom: 10px;
}
.formsum_content dd {
margin-bottom: 10px;

}
.formsum_content h4 {
  font-size: 1.1em;
  line-height: 1.4em;
  font-weight: bold;
  border-bottom: 1px solid #222222;
  color: #222222;
  margin: 0px 10px;
}

.formsum_content p {
margin: 10px;
  font-size: 1em;
  line-height: 1.2em;
  margin-top: 15px;
}
.formsum_content ul {
padding: 0px 10px;
margin-top: 10px;
}
.formsum_content ul li {
margin-bottom: 10px;
}
#emailInput {
border: 1px solid #222222;
padding: 3px;
width: 300px;
}

.dFormSummary {
margin: 10px;
border-collapse: collapse;
width: 346px; 
voice-family: "\"}\""; 
  voice-family:inherit;
  width:326px;
} 
html>body .dFormSummary {
  width: 326px;
} 
.dFormSummary th {
font-weight: bold;
color: #222222;
padding: 10px 0px;
border-collapse: collapse;
border-bottom: 1px solid #222222;
}
.dFormSummary td {
padding: 8px 0px;
border-collapse: collapse;
border-bottom: 1px solid #ddd;

}
.dFormSummary td strong {
font-weight: bold;
}

/

.hidden {
  display: none;
  visibility: hidden;
}

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



#meetTable {
float: left;
width: 1066px;
border-collapse: collapse;
}


#meetTable th {
background: #fdf492 url(../images/yellow_grad.gif) repeat-x bottom left;
font-size: 1.1em;
font-weight: bold;
padding-top: 15px; 
color: #222222;
border-collapse: collapse;
padding-bottom: 7px; 
padding-left: 5px;
}

#meetTable td {
border-collapse: collapse;

padding: 10px 5px;
}
#meetTable tr.alt td {
background: #eeeeee;
}

#meetTable td.redText {
color: red;
font-weight: bold;
}

.pbnm {
  font-size: .9em;
  line-height: 1.4em;
  color: #888;
  margin-top:5px;
  padding-left: 5px;
  
  }


.pbnm a, .pbnm a:link {
color: #888;
}
