﻿.raceheader {background-color: #259cc2; color: white; padding-top: 3px; padding-bottom: 3px; margin-top: 25px; font-weight: bold; width: 100%; text-align: center; font-size: 0.9em;}
.raceheader_sm {font-weight:normal;}
.raceheaderSR {background-color: #19b74e; color: white; padding-top: 3px; padding-bottom: 3px; margin-top: 25px; font-weight: bold; width: 100%; text-align: center; font-size: 0.9em;}
.runnerWrapper {border-top:6px solid lightgray; margin-top: 20px; padding-top: 6px; width: 100%; font-size:0.9em;}
.finishpos {width: 7%; display: inline-block; font-weight:bold;}
.margin {width: 8%; display: inline-block;}
.horse {padding-left: 2%; display: inline-block; font-weight: bold; width: 70%;}
.sp {display:none;}
.sp_mobile {display: inline-block; font-size: 0.9em;}
.trainer {display: inline-block; font-size: 0.9em;}
.jockey {display: inline-block; font-size: 0.9em;float:right;}
.bb-flex-row { display: flex;}
.breeding {display: block; font-size: 0.9em;text-transform:capitalize; flex: 80%;}
.bb-add {flex: 10%; text-align: right;}
.sibling {text-align: center;}
.sibling a {color: red;}
.salewrapper {display: block; margin-top: 12px; font-size:0.9em;}
.ylgimage {display:block; text-align:center;}
.ylgimage img {width:70%; height:auto; margin: 0px 10px 0px 0px;}
.sale {display: inline-block; font-size: 0.9em;}
.price {display: inline-block; font-size: 0.9em; padding-left: 1%}
.vendorwrapper {display: block; font-size:0.9em;}
.vendor {display: block;}
.buyer {display: block;}
.moreraces {display: inline-block; padding-right: 15px;}
.togBox {display: block; width: 100%; text-align: center; margin-top: 30px;}
.togContent {display: block;}
.togMenu {display: none;}
.laststart {padding-left: 11%; font-size: 0.9em; margin-top: 10px;}
.siblingslist {font-size: 0.9em;}
.meetingBox {display: block;width: 100%;text-align: center;margin-top: 6px;background-color:white;}
.meetingBox a {width:100%;}
.meetingMenu{background-color:white;}
.meetingContent {display: none;text-align: left;}
.meetingPanel {display: block;width: 100%;text-align: left;margin-top: 10px;background-color:white;}
.meetingPanel a {width:100%;}
.panelMenu{background-color:white;}
.panelContent {display: none;text-align: left;}
.meeting-header{display:block;width:100%;background-color:#4daece;padding:6px 0 6px 0;}
.meetlist_date{display:block;padding:0 0 0 24px;font-size:0.9em;}
.meetlist_meeting {display:none;margin-left:5%;margin-right:5%;margin-top:6px; margin-bottom:6px;padding:6px 6px 6px 6px; border: 1px solid #d3d3d3;width: 90%;font-size: 0.8em;background-color:#ececec;border-radius:6px;}
.meetlist_meeting-menu {display:inline-block;margin-left:5%;margin-right:5%;margin-top:6px; margin-bottom:6px;padding:6px 6px 6px 6px; border: 1px solid #d3d3d3;width: 90%;font-size: 0.8em;background-color:#ececec;border-radius:6px;}
.meetlist_meeting-menu-g {display:inline-block;margin-left:5%;margin-right:5%;margin-top:6px; margin-bottom:6px;padding:6px 6px 6px 6px; border: 1px solid #d3d3d3;width: 90%;font-size: 0.8em;background-color:#ececec;border-radius:6px;}
.meetlist_meetingTR {display: inline-block;margin-left:5%;margin-right:5%;margin-top:6px; margin-bottom:6px;padding:6px 6px 6px 6px; border: 1px solid #d3d3d3;width: 90%;font-size: 0.8em;background-color:#dddddd;}
.meetlist_meetingTR-menu {display: inline-block;margin-left:5%;margin-right:5%;margin-top:6px; margin-bottom:6px;padding:6px 6px 6px 6px; border: 1px solid #d3d3d3;width: 90%;font-size: 0.8em;background-color:#dddddd;}
.meetlist_meeting a {background-color: white;padding: 0px;color: blue;}
.meetlist_meetingTR a {background-color: #DDDDDD;padding: 0px;color: blue;}
.meetingheader{display:block;font-weight:normal;font-size:0.9em;padding:6px 0 6px 6px;border-top:1px solid #d3d3d3;width:100%;overflow:hidden;background-color:#ececec;color:#481620;margin:3px 0 0 0;}
.mobile_only_link {display: none;}
.studicon {padding:10px 0px 10px 0px;}
.horsecountry {font-size: 0.9em;}
.saleicon {float: right;}
.suffix {font-size: 0.8em;}
.crossbar {margin: 0 0 0 0;}
.results-country-wrapper{display:block;width:100%;overflow:hidden;background-color:white;margin-bottom:20px;}
.results-country-link-aus{display:block;width:96%;overflow:hidden;text-align:left;border-bottom:1px solid #d3d3d3;background-color:white;color:#666;padding:6px 0 6px 0;font-size:0.8em;}
.results-country-link{display:inline-block;width:48%;overflow:hidden;text-align:left;border-bottom:1px solid #d3d3d3;background-color:white;color:#666666;padding:6px 0 6px 0;font-size:0.8em;}
.results-country-link-aus img{height:20px; width:auto;padding:0 6px 0 6px;}
.results-country-link img{height:20px; width:auto;padding:0 6px 0 6px;}
.trainer-jockey-col-mobile{display:flex;}
.res-weight{display:inline-block;font-size:0.9em;font-weight:normal;}
.trainer-jockey-wrapper{display:block;width:100%;padding:6px 0 6px 0;}
.catpage{display:inline-block;width:40%;background-color:#ececec;padding:4px;border:1px solid gray;border-radius:3px;text-align:center;font-size:0.9em;}
.catpage a {color:steelblue;}

@media only screen and (min-width: 576px) {
}
@media only screen and (min-width: 768px){
    .runnerWrapper {border-top:1px solid lightgray;}
    .buyer {display: inline-block; padding-left:10px;}
    .finishpos {width:5%; display: inline-block;}
    .horse {display: inline-block; font-weight: bold; width: 40%;}
    .jockey {display: inline-block; font-size: 0.9em; width: auto;float:right;text-align:right;}
    .margin {width:5%; display: inline-block;}
    .meetinglist-menu-mob {display:none;}
    .meetinglist-menu {display:block;}
    .sp {display: inline-block; font-size: 0.9em;}
    .sp_mobile {display: none;}
    .studicon {padding-left: 11%;}
    .trainer {display: inline-block; font-size: 0.9em; width: auto;}
    .vendor {display: inline-block;}
    .ylgimage {float: left;}
    .ylgimage img {height: 40px; width:auto; margin: 0px 10px 0px 0px;}
    .results-country-link-aus{display:inline-block;width:32%;}
    .results-country-link{width:32%;}
    .meetlist_meeting {display: inline-block;padding: 3px 6px 3px 6px;margin: 1px;border: 0px solid black;width: 20%;font-size: 0.9em;}
    .meetlist_meetingTR {display: inline-block;padding: 3px 6px 3px 6px;margin: 1px;border: 0px solid black;width: 20%;font-size: 0.9em;background-color: #DDDDDD;}
    .meetlist_meeting-menu {width: 30%;margin-left:1%;margin-right:1%;}
    .meetlist_meeting-menu-g {width: 30%;margin-left:1%;margin-right:1%;}
    .meetlist_meetingTR-menu {width: 30%;margin-left:1%;margin-right:1%;}
    .bb-add-mobile {display: none;}
    .trainer-jockey-bb-btn-row-mobile {display: inline-block; width: 53%}
    .trainer-jockey-col-mobile {flex: unset; }
    .trainer-jockey-wrapper{display:inline-block;width:45%;padding:0;}
    .catpage{display:inline-block;width:auto;background-color:white;padding:0 6px 0 0;border:0px solid black;border-radius:0px;text-align:left;font-size:0.9em;}
}

@media only screen and (min-width: 992px) {
    .results-country-link-aus{display:inline-block;width:19%;}
    .results-country-link{width:19%;}
}

@media only screen and (min-width: 1200px) {
}

@media only screen and (max-width: 767px) {
    .breeding {flex: 100%;}
    .bb-add {display: none}
    .trainer-jockey-bb-btn-row-mobile {display: flex; width: unset}
    .trainer-jockey-col-mobile { flex: 70%;}
    .bb-add-mobile { flex: 20%}
    .trainer-jockey-col-mobile{flex-direction:column;}
}