/* Adam Campton - Added - 23/05/2025 SMP-2139*/
@import "responsive-racing.css";
@import url("responsive-racing.css");

body {
    background-color: #FFF;
    font: 13px/20px 'PTSansRegular', Arial, Helvetica, sans-serif;
    margin: 0;
}
h1 {
    color: #000;
    font-family: 'Antic Slab', 'PTSansRegular', Arial, Helvetica, sans-serif;
    font-size: 16pt;
    margin: 10px 0 5px 0;
    padding: 0;
    font-weight: normal;
}
h2 {
    color: #000;
    font-size: 14pt;
    margin: 20px 0 0 0;
}
/* To reduce the gap from the top black title bar and the first h2 heading of a content page */

h2.first {
    color: #000;
    font-size: 14pt;
    margin: 0;
}
h3 {
    color: #333;
    font-size: 12pt;
    margin: 20px 0 0 0;
    padding: 0;
}
h3.first {
    color: #333;
    font-size: 12pt;
    margin: 20px 0 0 0;
    padding: 0;
}
h4 {
    color: #820000;
    font-size: 10pt;
    font-weight: bold;
    margin: 5px 0;
    text-decoration: none;
    border: none;
}
h5 {
    color: #FFF;
    font-size: 10pt;
    margin: 2px 0 0 0;
}
h6 {
    color: #820000;
    font-size: 10pt;
    font-weight: bold;
    margin: 0;
    padding: 0;
}
/*###### Image size change on MouseOver on Jockey Silk Image ######*/

img.minimizeStyle {
    width: 23px;
    height: 30px;
}
.maximizeStyle {
    height: 77px;
    width: 60px;
    position: absolute;
    border: 1px solid black;
    background-color: ButtonFace;
}
/*####### End #####*/

/*###### Anchor Links ######*/

div.back-to-top {
    width: 744px;
    text-align: right;
    font-weight: bold;
    display: none;
}
div.back-to-top a {
    color: #820000;
    font-size: 9pt;
    text-decoration: none;
}
div.back-to-top a:hover {
    text-decoration: underline;
}
/*###### End Share tool bar ######*/

/*###### Main Containers ######*/

#main {
    width: 774px;
}
body.fieldsandform div#main {
    width: 774px;
    margin-left: auto;
    margin-right: auto;
}
#shadow-left {
    display: none;
}
#main-content {
    width: 100%;
    background-color: #FFF;
}
#shadow-right {
    display: none;
}
/*###### End Main Containers ######*/

/*###### CSS style for all other template ######*/

#middle-container {
    background-color: white;
    clear: left;
    width: 100%;
}
#info-container {
    width: 100%;
    background-color: #FFF;
}
#info-containerIE6 {
    margin-left: 10px;
}
#info-container table p {
    margin-left: 0;
}
#info-container a.content-link,
p a.content-link {
    color: #820000;
    font-weight: bold;
    text-decoration: none;
}
#info-container a.content-link:hover,
p a.content-link:hover {
    text-decoration: underline;
}
/*######Breadcrumb######*/

#breadcrumb {
    font-size: 8pt;
    padding-bottom: 20px;
    display: none;
}
#breadcrumb a {
    font-size: 8pt;
    color: #820000;
    text-decoration: none;
}
#breadcrumb a:hover {
    text-decoration: underline;
}
/*######End of Breadcrumb######*/

/*###### Copyright section ######*/

#copyright-bar {
    color: #666;
    font-size: 8pt;
    height: 68px;
    text-align: center;
    width: 667px;
    background-color: #FFF;
    padding-top: 10px;
}
#copyright-bar p {
    margin: 0;
    padding: 0;
}
#copyright-bar a {
    color: #820000;
}
/*###### End Copyright bar section ######*/

/*######Full Week Calendar and Race field tables######*/
.race-fields {
    margin-top: 15px;
}
.race-fields th {
    background-color: #820000;
    border: #FFF solid 1px;
    color: #FFF;
    padding: 3px 0 3px 0;
    text-align: center;
}
.race-fields td {
    border: #FFF solid 1px;
    font-size: 8pt;
    padding: 3px;
}
.race-fields th.venue-date {
    width: 90px;
}
.race-fields th.venue {
    width: 200px;
}
.race-fields th.risa-form {
    width: 200px;
}
.OddRow {
    background-color: #fff;
}
.EvenRow {
	background: #f9f9f9;
}
.race-fields a,
#PedigreeResults a {
    color: #000;
    text-decoration: none;
}
.race-fields a {
    text-align: center;
}
.race-fields a:hover,
#PedigreeResults a:hover {
    text-decoration: underline;
}
.full-calendar,
.race-fields {
    width: 744px;
}
.full-calendar {
    margin-top: 15px;
}
.full-calendar th {
    width: 12%;
    background-color: #820000;
    border: #FFF solid 1px;
    color: #FFF;
    padding: 3px 0 3px 0;
}
.full-calendar td p {
    font-size: 8pt;
    margin: 0;
    padding: 3px
}
.full-calendar td {
    background-color: #cce9d6;
    border: #FFF solid 1px;
    text-align: left;
    font-size: 8pt;
}
.full-calendar td.no-races {
    background-color: #ececec;
    border: #FFF solid 1px;
}
.full-calendar span {
    font-size: 8pt;
    font-weight: bold;
}
.full-calendar a {
    color: #000;
    text-decoration: none;
}
.full-calendar a:hover {
    color: #000;
    text-decoration: underline;
}
.full-calendar span.trial {
    font-size: 8pt;
    font-weight: bold;
    color: #666;
}
/*######End of Full Week Calendar######*/

/*###### Free Form Strip fields and form######*/

/*######Strip Fields######*/

#divTopLeft {
    position: absolute;
    width: 90px;
    background: white;
    float: left;
    z-index: 100;
    background-image: url(../images/race_details_bg.jpg);
    background-repeat: repeat-x;
    border: #CCC solid 1px;
}
#divTopLeft a {
    color: #820000;
    font-weight: bold;
    text-decoration: none;
    line-height: 20px;
}
#divTopLeft a:hover {
    text-decoration: underline;
}
.race_index_header {
    color: #fff;
    font-size: 10pt;
    background-color: #58585a;
    border-left: #820000 solid 8px;
    font-weight: bold;
    padding: 5px;
}
.race-number-menu {
    background-image: url(../images/race_details_bg.jpg);
    background-repeat: repeat-x;
    margin-right: 1px;
    width: 667px;
    color: #fff;
    vertical-align: middle;
    padding-bottom: 0;
    padding-left: 5px;
}
.race-number-menu a {
    color: #820000;
    font-weight: bold;
    border-right: #000 solid 1px;
    padding-right: 10px;
    text-align: center;
    margin: 0 10px 0 0;
    text-decoration: none;
    line-height: 15px;
}
.race-number-menu div {
    padding: 12px 10px 12px 10px;
}
.race-number-menu div.extened-noms {
    /* Style for the Extended race on all free fields pages under the race number menus*/
    padding: 5px 10px 10px 5px;
    color: #820000;
    font-style: italic;
    display: none;
}
.race-number-menu a:hover {
    text-decoration: underline;
}
.race-form-tab-menu,
.states-tab-menu {
    margin: 0;
    padding: 0 0 0 0;
    height: 25px;
    width: 667px;
}
.states-tab-menu div {
    float: left;
    margin: 0;
    padding: 0 0 0 5px;
    height: 20px;
    background-position: right;
    background-repeat: no-repeat;
    width: 50px;
    font-size: 10pt;
    font-weight: bold;
}
.race-venue {
    border: #3bab63 solid 2px;
}
.race-venue a {
    color: #FFF;
    text-decoration: none;
}
.race-venue a:hover {
    text-decoration: underline;
}
.race-venue-date {
    font-size: 10pt;
    color: #FFF;
    margin: 0;
    padding: 0;
}
.race-venue-date2 {
    font-size: 10pt;
    color: #333;
    margin: 0;
    padding: 0;
}
.race-venue th {
    text-align: left;
    font-size: 14pt;
    color: #000;
}
.race-venue td {
    color: #333;
}
.race-title {
    margin: 10px 0 0 0;
    width: 100%;
}
.race-title th {
    color: #fff;
    text-align: left;
	font-family: 'Antic Slab', 'PTSansRegular', Arial, Helvetica, sans-serif;
    font-size: 12pt;
    background-color: #305CDE;
    border-left: #820000 solid 8px;
	
	padding: 10px;
}
.race-title td {
/*     background-image: url(../images/race_details_bg.jpg);
    background-repeat: repeat-x; */
		font-size: 12px;
    color: #222;
}
.race-desc {
    color: #fff;
    font-weight: bold;
}
.race-strip-fields {
    font-size: 8pt;
    margin-bottom: 20px;
    width: 100%;
}
.race-strip-fields th {
/*     color: #222;
    text-align: left;
    background-color: #aaa; */
	color: #fff;
	text-align: left;
	font-family: 'Antic Slab', 'PTSansRegular', Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	background-color: #305CDE;
}
.race-strip-fields th.no,
.race-strip-fields td.no {
    width: 3%;
}
.race-strip-fields th.last,
.race-strip-fields td.last {
    width: 10%;
}
.race-strip-fields th.horse,
.race-strip-fields td.horse {
    width: 17%;
}
.race-strip-fields th.trainer,
.race-strip-fields td.trainer {
    width: 20%;
}
.race-strip-fields th.jockey,
.race-strip-fields td.jockey {
    width: 18%;
}
.race-strip-fields th.barrier,
.race-strip-fields td.barrier {
    width: 5%;
}
.race-strip-fields th.weight,
.race-strip-fields td.weight {
    width: 5%;
}
.race-strip-fields th.penalty,
.race-strip-fields td.penalty {
    width: 3%;
}
.race-strip-fields th.hcp,
.race-strip-fields td.hcp {
    width: 8%;
}
.race-strip-fields th.ballot,
.race-strip-fields td.ballot {
    width: 1%;
}
.premiership-table {
    font-size: 8pt;
    margin-bottom: 20px;
    margin-top: 2px;
}
.premiership-table th {
    color: #000;
    background-color: #aaaaaa;
    width: 75px;
}
.premiership-table th.name,
.premiership-table td.name {
    width: 170px;
    padding-left: 8px;
    text-align: left;
}
.premiership-table td {
    text-align: center;
}
.premiership-table td.places,
.premiership-table th.places {
    text-align: left;
}
.race-strip-fields tr.EvenRow td,
.premiership-table tr.EvenRow td,
#PedigreeResults tr.EvenRow td {
    background: #fff;
}
.race-strip-fields tr.OddRow td,
.premiership-table tr.OddRow td,
#PedigreeResults tr.OddRow td {
   background: #f9f9f9;
}
.race-strip-fields tr.Scratched td {
    text-decoration: line-through;
    color: #800;
}
.apprentice-claim {
    font-size: 7pt;
}
.field-date-highlight {
    color: #ccc;
    font-size: 12pt;
    font-style: italic;
}
/*###### Free fields horse form ######*/

.horse-form-table {
    font-size: 9pt;
    color: #000;
    border-bottom: #999 solid 2px;
    margin-bottom: 12px;
    width: 100%;
}
.horse-form-table .Silks {
    position: relative;
    display: block;
    width: 62px;
    height: 75px;
    float: left;
    margin-right: 4px;
}
.horse-form-table .horse-number {
    color: #FFF;
    background-color: #820000;
    vertical-align: top;
    text-align: center;
    width: 18px;
    height: 18px;
    float: left;
    font-weight: bold;
}
.horse-name {
    font-size: 11pt;
    margin-left: 4px;
    font-weight: bold;
}
.horse-gear {
    margin-left: 0;
    font-size: 8pt;
    font-weight: normal;
}
.horse-info {
    float: left;
}
.horse-info .plain {
    float: none;
    width: 438;
}
.BonusLogo {
    height: 12px;
    background-repeat: no-repeat;
    background-position: center;
}
.A {
    background-image: url('../images/BonusLogos/A_Sabis_BP.gif');
}
.B {
    background-image: url('../images/BonusLogos/B.gif');
}
.C {
    background-image: url('../images/BonusLogos/C.gif');
}
.D {
    background-image: url('../images/BonusLogos/D_TROBIS.gif');
}
.E {
    background-image: url('../images/BonusLogos/E_BOBS.gif');
}
` .F {
    background-image: url('../images/BonusLogos/F_SABIS_FQ.gif');
}
.G {
    background-image: url('../images/BonusLogos/G_GOBIS.gif');
}
.H {
    background-image: url('../images/BonusLogos/H.gif');
}
.K {
    background-image: url('../images/BonusLogos/K_BOBS_EXTRA.gif');
}
.N {
    background-image: url('../images/BonusLogos/N_SUPER_VOBIS.gif');
}
.P {
    background-image: url('../images/BonusLogos/P_QRIS.gif');
}
.Q {
    background-image: url('../images/BonusLogos/Q_QTIS.gif');
}
.R {
    background-image: url('../images/BonusLogos/R.gif');
}
.S {
    background-image: url('../images/BonusLogos/S.gif');
}
.X {
    background-image: url('../images/BonusLogos/X.gif');
}
.horse-form-table b
/*was horse-form=grey-highlite */

{
    color: #666;
    font-weight: bold;
    margin-right: 0.3em;
}
.horse-form-table td.remain b {
    color: #333;
    font-weight: bold;
    margin-right: 0.0em;
}
.horse-form-table .Scratched {
    color: #800;
    font-weight: bold;
    padding-left: 55px;
    padding-right: 1em;
    font-size: 140%;
}
div.Large {
    font-weight: bold;
    font-size: 140%;
    padding-right: 1em;
    padding-top: 0.75em;
    color: #aaa;
}
div.Scratched {
    color: #800;
}
.horse-last-start {
    width: 100%;
}
.horse-last-start a {
    font-weight: normal;
    text-decoration: none;
    color: #000;
}
.horse-last-start a:hover {
    font-weight: normal;
    text-decoration: underline;
	color: #305CDE;
}
.horse-last-start tr td {
    text-align: left;
    padding-left: 5px;
    vertical-alignment: middle;
}   
.horse-last-start tr td.Pos {
    width: 50px;
    text-align: left;
}
.horse-last-start tr td.Meet {
    width: 80px;
}
.horse-last-start tr td.remain {
    width: *;
}
.horse-last-start tr.OddRow td {
    background: #fff;
    padding: 10px 5px;
}
.horse-last-start tr td {
    background: #f9f9f9;
}
.horse-last-start tr.Scratched td {
    text-decoration: line-through;
    color: #800;
}
tr.OddRow:hover, tr.EvenRow:hover{
    background-color: #ffe55e!important;   
} 
.horse-form-comment {
    color: #00551C;
    font-style: italic;
}
/*###### End Free fields horse form ######*/

.header-highlight {
    color: #060;
    font-weight: normal;
    font-style: italic;
}
.left-container {
    width: 370px;
    float: left;
}
.right-container {
    width: 370px;
    margin-left: 380px;
}
/* ########## Results finishing position colours ############ */

/*td span.Finish {background: #686; color: white; padding: 2px 4px;}*/

td span.Finish {
    padding: 2px 4px;
}
td span.Finish.F1 {
    background: #C90;
    color: white;
    font-weight: bold;
}
td span.Finish.F2 {
    background: #999;
    color: white;
    font-weight: bold;
}
td span.Finish.F3 {
    background: #930;
    color: white;
    font-weight: bold;
}
/* ########## End - Results finishing position colours ############ */

div.race-venue {
    background: #305CDE;
    padding: 15px;
    color: #fff;
    border: none;
    width: 100%;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}
div.race-venue h2 {
font-family: 'Antic Slab', 'PTSansRegular', Arial, Helvetica, sans-serif;
    margin: 5px 0 0 0;
    padding: 0;
    color: white;
}
.printer-friendly {
    display: none;
}
.race-venue-bottom {
/*     background-image: url(../images/race_venu_bottom_black.jpg);
    background-repeat: repeat-x;
    background-color: #848589;	*/
	font-size: 12px;
    color: #222;
    float: none;
    margin: 0;
    padding: 8px;

	background-color: #fff;
    width: 100%;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}
.race-venue-bottom .col1 {
    float: left;
    width: 320px;
}
.race-venue-bottom .col2 {
    float: left;
    clear: right;
}
.race-venue-bottom .comments {
    float: none;
    clear: both;
    width: auto;
    padding-bottom: 10px;
}
.race-venue-bottom a {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}
.race-venue-bottom a:hover {
    text-decoration: underline;
}
.scratchings .bold {
    color: #004C22;
    font-weight: bold;
}
.scratchings table tr td span.comments {
    font-size: 80%;
    color: #AAA;
    padding-left: 1em;
}
/* Interactive Form Styles */

a.GreenLink,
.horse-search-details td a.GreenLink {
    color: #000;
    text-decoration: none;
}
a.GreenLink:hover,
.horse-search-details td a.GreenLink:hover {
    text-decoration: underline;
}
.horse-search-details td a.GreenLink {
    color: #820000;
    font-weight: bold;
    text-decoration: none;
}
.race-strip-fields tr.Scratched td a {
    color: #800;
}
.interactive-venue-title {
    margin-top: 15px;
    width: 667px;
    color: #820000;
    text-align: left;
    font-family: 'Antic Slab', 'PTSansRegular', Arial, Helvetica, sans-serif;
    font-size: 13pt;
    padding-bottom: 9px;
}
.interactive-venue-title a {
    color: #820000;
    text-decoration: none;
}
.interactive-venue-title a:hover {
    text-decoration: underline;
}
.interactive-race-title {
    margin: 4px 0 0 0;
    width: 667px;
}
.interactive-race-title th {
    color: #fff;
    text-align: left;
    font-size: 10pt;
    background-color: #820000;
    border-left: #820000 solid 4px;
}
.interactive-race-title td {
    background-image: url(../images/race_details_bg.jpg);
    background-repeat: repeat-x;
}
.interactive-race-fields {
    margin-top: 15px;
    width: 667px;
}
.interactive-race-fields th {
    background-color: #820000;
    border-bottom: #FFF solid 2px;
    color: #FFF;
    padding: 3px 0 3px 0;
    text-align: center;
}
.interactive-race-fields td {
    border-bottom: #FFF solid 2px;
    border-left: #FFF solid 2px;
    font-size: 8pt;
    padding: 3px;
}
.interactive-race-fields td.pos {
    border-left: none;
    width: 50px;
}
.interactive-race-fields td.summary {
    width: 100px;
}
.interactive-race-fields td.remain {
    width: *;
}
.interactive-race-fields a {
    color: #000;
    text-decoration: none;
}
.interactive-race-fields a {
    text-align: center;
}
.interactive-race-fields a:hover {
    text-decoration: underline;
}
.silk-column {
    width: 5%;
}
.horse-name-column {
    width: 25%;
    font-size: 14px;
}
.race-column {
    width: 35%;
    font-weight: normal;
    font-size: 12px;
}
.trainer-column {
    width: 17.5%;
    padding: 0 5px;
    font-size: 12px;
}
.weight-column {
    width: 10%;
}
.status-column {
    width: 7.5%;
}
.horse-last-start th {
    color: #fff;
    text-align: left;
    font-family: 'Antic Slab', 'PTSansRegular', Arial, Helvetica, sans-serif;
    font-size: 12pt;
    font-weight: normal;
    background-color: #305CDE;
    padding: 10px 0;   
}

/* End Interactive Form Styles */