﻿body {
}
h1 {font-size: 1.5em;padding: 0px 0px 0px 0px;margin: 30px 0px 20px 50px;border-bottom: 1px dotted grey;}
h2 {font-size: 1em;padding: 5px 0px 5px 0px;margin: 0px 0px 0px 0px;}
.fee-sire-wrapper {display: block; width:100%; overflow:hidden; padding: 6px 0px 6px 0px; margin: 0px 0px 0px 0px;border-bottom:1px dotted black;font-size:0.8em;}
.fee-sire-name-wrapper {display:block; width:100%;overflow:hidden;}
.fee-yts-one {display: inline-block;width: 20px;text-align: center;background-color: darkred;color: white;margin-right: 5px;}
.fee-yts-two {display: inline-block;width: 20px;text-align: center;background-color: darkcyan;color: white;margin-right: 5px;}
.fee-yts-three {display: inline-block;width: 20px;text-align: center;background-color: cornflowerblue;color: white;margin-right: 5px;}
.fee-yts-default {display: inline-block;width: 20px;text-align: center;background-color: white;color: white;margin-right: 5px;}
.fee-sire-name {display:block;}
.fee-sire-breeding {display:block;padding:0 0 0 6px;color:#666666;padding:0 0 0 25px;}
.fee-sire-stud {display:block;width: 90%;text-align:right;color:#666666;}
.fee-sort-wrapper {border-top: 1px dotted #d3d3d3;border-bottom: 1px dotted #d3d3d3;padding: 0px 0px 0px 0px;background-color: white;}
.fee-sort-link {display: inline-block;padding: 6px 0px 6px 3px;width: 28%;background-color: #ececec;margin: 3px 3px 3px 3px;border: 1px solid #999;border-radius: 3px;text-align: center;}
.premium{display:inline-block;background-color:mediumpurple;padding:0px 6px 0px 6px;text-align:center;color:white;margin-left:9px;border-radius:4px;font-size:0.8em;}

@media only screen and (min-width: 768px) {
    .fee-sire-wrapper {display: block; width:100%; overflow:hidden;font-size:0.8em;}
    .fee-sire-name-wrapper {display:inline-block; width:60%;}
    .fee-sort-wrapper{padding-bottom:24px;font-size:0.9em;}
    .fee-sire-name {display:inline-block;}
    .fee-sire-breeding {display:inline-block;padding:0 0 0 6px;color:#666666;padding:0 0 0 6px;}
    .fee-sire-stud {display:inline-block;text-align:right;width:30%;}
    .fee-sort-link {padding: 3px 0px 3px 3px;}
}

@media only screen and (min-width: 992px) {
}

@media only screen and (min-width: 1200px) {
}