body {font-size: 12pt;}
h2 {font-size: 1em;padding: 5px 0px 5px 0px;margin: 0px 0px 0px 0px;font-weight: bold;}
.listlinks-wrapper {width: 90%;}
.fields-venue {display: inline-block;width: 30%;vertical-align: top;}
.conditions {font-size: 0.8em;display: inline-block;width: 60%;color: black;}
.conditions a {color: black;}
.listlinks li:hover {background-color: #fcac59;}
.listlinksNoLink:hover {display:block;width:100%;overflow:hidden;}
.races-racelink-wrapper{display:block;width:100%;overflow:hidden;font-size:0.9em;padding:6px 0 6px 0;border-bottom:1px dotted #666666;}
.fields-venue{display:inline-block;width:40%;}
.fields-link{display:inline-block;width:15%;padding:3px 0 3px 0;border:1px solid grey;border-radius:6px;background-color:#ececec;text-align:center;margin-right:12px;}

/*race-meeting styles*/
.form-toggle {cursor: pointer; }
.stats-row{display: flex; flex-direction: row; }
.stats-row-left{ flex: 90%;}
.stats-row-right{ flex: 10%;}
.form-content-wrapper {width: 94%;border: 1px solid red;margin: 0% 3% 10% 3%;padding-bottom: 20px;}
.formTable {display: table;}
.formTableRow {display: table-row;}
.formTableCell {display: table-cell;}
.flexrow {padding-left: 10px;}
.horseno {width: 3%;display: inline-block;font-weight: bold;}
.recentruns {width: 10%;display: inline-block;text-align: right;font-size: 0.8em;}
.horsename {padding-left: 1%;width: 17%;display: inline-block;font-weight: bold;}
.trainer {padding-left: 1%;display: inline-block;width: 20%;font-size: 0.9em;}
.jockey {padding-right: 1%;display: inline-block;text-align: right;width: 18%;font-size: 0.9em;}
.wgt {padding-left: 10px;}
.trainerline {display: inline;}
.breeding {display: inline-block;padding-left: 1%;font-size: 0.9em;width: 38%;}
.sale {display: inline-block;padding-left: 2%;font-size: 0.9em;}
.runnerWrapper {border-top: dotted grey 1px;padding-top: 3px;font-size: 0.9em;margin: 10px 0px 10px 0px;}
.venueheader {background-color: #4daece;padding: 10px 10px 10px 10px;color: white;margin-bottom: -20px;}
.raceheader {background-color: #fa9022;text-align: center;color: white;padding-top: 10px;padding-bottom: 10px;margin-top: 20px;}
.togMenu {font-weight: bold;}
.togMenu a {color: white;}
.togContent {display: none;text-align: left;}
.togBox {text-align: center;padding: 25px 10px 15px 20px;}
.togItem {display: inline;padding-right: 20px;}
.fullLink {float: right;}
.fullLink a {color: #ececec;font-weight: normal;}
.lastrunwrapper {display: block;font-size: 0.8em;}
.career {display: inline-block;font-size: 0.9em;}
.laststart {display: inline-block;padding-left: 10px;}
.fields-run-wrapper {display: block;font-size: 0.7em;padding-left: 10px;}
.fields-run-wrapper-b {display: block;font-size: 0.7em;padding-left: 10px;color: #999;}
.fdate {display: inline-block;width: 8%;vertical-align:top;}
.fFinish {display: inline-block;width: 5%;vertical-align:top;}
.fMargin {display: inline-block;width: 3%;vertical-align:top;}
.fTrack {display: inline-block;width: 14%;}
.fDistance {display: inline-block;width: 7%;}
.fRacename {display: inline-block;width: 20%;}
.fTrackCondition {display: inline-block;width: 6%;}
.fJockey {display: inline-block;width: 18%;}
.fORPos {display: inline-block;width: 16%;text-align: right;}
.form-stats-wrapper {display: block;font-size: 0.7em;margin: 0px 0px 10px 0px;}
.stats-track {display: inline-block;margin-right: 2%;}
.stats-distance {display: inline-block;margin-right: 2%;}
.stats-firm {display: inline-block;margin-right: 2%;}
.stats-soft {display: inline-block;margin-right: 2%;}
.stats-fast {display: inline-block;margin-right: 2%;}
.stats-good {display: inline-block;margin-right: 2%;}
.stats-dead {display: inline-block;margin-right: 2%;}
.stats-slow {display: inline-block;margin-right: 2%;}
.stats-heavy {display: inline-block;margin-right: 2%;}
.form-runs-body {display: block;}
.form-head-wrapper {color: black;}
.form-arrow {display: none;}
.form-race-link-wrapper {display: block;margin: 30px 20px 30px 20px;}
.form-race-link {display: inline-block;background-color: #fff;padding: 6px;font-size: 0.8em;width: 30%;color: #000;margin: 6px;border: 1px solid #1a7c9c;border-radius: 6px;}
.form-race-link:hover {background-color: #1a7c9c;color: #fff;}
.form-race-link-number {font-weight: bold;}

@media only screen and (max-width: 1000px) {
.fields-venue {display: block;width: 80%;}
.conditions {display: block;width: 80%;}
.horseno {width: 3%;display: inline-block;font-weight: bold;}
.horsename {padding-left: 0px;width: 25%;display: inline-block;font-weight: bold;}
.jockey {padding-right: 1%;display: inline-block;text-align: right;width: 50%;font-size: 0.9em;}
.trainerline {display: block;width: 95%;padding-left: 3%;}
.breeding {display: inline-block;padding-left: 1%;font-size: 0.9em;width: 65%;}
.trainer {display: inline-block;text-align: left;width: 50%;font-size: 0.9em;padding-left: 0px;}
.jockey {display: inline-block;text-align: right;width: 45%;font-size: 0.9em;}
.lastrunwrapper {display: block;padding-left: 2%;font-size: 0.8em;}
.career {display: inline-block;font-size: 0.9em;}
.sale {display: inline-block;padding-left: 2%;font-size: 0.9em;}
.form-stats-wrapper {display: block;font-size: 0.7em;margin: 0px 0px 10px 0px;padding-left: 2%;}
.fFinish {display: inline-block;width: auto;font-weight: bold;padding-right: 5px;}
.fdate {display: inline-block;width: auto;padding-right: 5px;}
.fMargin {display: inline-block;width: auto;padding-right: 5px;}
.fTrack {display: inline-block;width: auto;text-align: right;padding-right: 5px;}
.fDistance {display: inline-block;width: auto;padding-right: 5px;}
.fRacename {display: inline-block;width: auto;padding-right: 5px;}
.fTrackCondition {display: inline-block;width: auto;text-align: right;padding-right: 5px;}
.fJockey {display: inline-block;width: auto;padding-right: 5px;}
.fORPos {display: inline-block;width: auto;text-align: right;}
}

@media only screen and (max-width: 768px) {
.stats-row{display: flex; flex-direction: column; }
.stats-row-left{ flex: 100%;}
.stats-row-right{ flex: 100%; margin: 0.5em 0em;}
.fields-venue {display: block;width: 80%;}
.conditions {display: block;width: 80%;}
.runnerWrapper {border-top: solid grey 2px;padding-top: 3px;font-size: 1em;margin: 50px 0px 20px 0px;}
.recentruns {width: 25%;text-align: right;}
.trainer {padding-left: 2%;display: inline-block;text-align: left;width: 45%;font-size: 0.9em;vertical-align: top;}
.jockey {display: inline-block;text-align: right;width: 50%;font-size: 0.9em;}
.trainerline {display: block;}
.horsename {padding-left: 3%;display: inline-block;width: 80%;color: darkcyan;}
.breeding {display: block;padding-left: 2%;font-size: 0.9em;width: 95%;}
.sale {display: block;padding-left: 0;}
.togItem a {display: block;border-bottom: 1px dotted grey;text-decoration: none;}
.raceheader {padding-left: 10px;padding-right: 10px;}
.career {display: block;font-size: 0.9em;width: 95%;}
.laststart {display: inline-block;padding-left: 10px;}
.fields-run-wrapper {display: block;font-size: 0.9em;padding-left: 10px;border-bottom: 1px solid #d3d3d3;margin: 10px 0px 5px 0px;padding-bottom: 10px;}
.fields-run-wrapper-b {display: block;font-size: 0.9em;padding-left: 10px;color: #999;border-bottom: 1px solid #d3d3d3;margin: 10px 0px 5px 0px;padding-bottom: 10px;}
.fdate {display: inline-block;width: auto;padding-right: 5px;}
.fFinish {display: inline-block;width: auto;font-weight: bold;padding-right: 5px;}
.fMargin {display: inline-block;width: auto;padding-right: 5px;}
.fTrack {display: inline-block;width: auto;text-align: right;padding-right: 5px;}
.fDistance {display: inline-block;width: auto;padding-right: 5px;}
.fRacename {display: inline-block;width: auto;padding-right: 5px;}
.fTrackCondition {display: inline-block;width: auto;text-align: right;padding-right: 5px;}
.fJockey {display: inline-block;width: auto;padding-right: 5px;}
.fORPos {display: inline-block;width: auto;text-align: right;}
.form-stats-wrapper {display: block;font-size: 0.8em;margin: 10px 0px 0px 0px;padding: 10px 0px 10px 5px;background-color: #ececec;}
.stats-track {display: inline-block;margin-right: 2%;}
.stats-distance {display: inline-block;margin-right: 2%;}
.stats-firm {display: inline-block;margin-right: 2%;}
.stats-soft {display: inline-block;margin-right: 2%;}
.stats-fast {display: inline-block;margin-right: 2%;}
.stats-good {display: inline-block;margin-right: 2%;}
.stats-dead {display: inline-block;margin-right: 2%;}
.stats-slow {display: inline-block;margin-right: 2%;}
.stats-heavy {display: inline-block;margin-right: 2%;}
.form-runs-body {display: none;background-color: #ececec;padding-top: 10px;}
.form-arrow {display: block;float: right;vertical-align: top;padding-right: 10px;}
.form-race-link-wrapper {display: block;margin: 30px 20px 30px 20px;overflow: auto;white-space: nowrap;}
.form-race-link {height: 60px;white-space: normal;vertical-align: top;}
.form-race-link-race {font-size: 0.8em;}
.runnerWrapper {margin: 30px 0px 0px 0px;}
.fields-venue{display:inline-block;}
.fields-link{display:inline-block;padding:3px 0 3px 0;border:1px solid grey;border-radius:6px;background-color:red;text-align:center;margin-right:12px;}
}