.horseCompare {
    cursor:pointer;
}

.container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.clear {
    clear:both;
}
#timeline:after {
    position: absolute;
    top: 30px;
    left: 80px;
    width: 4px;
    margin-left: -2px;
    height: 100%;
    content: "";
    background: #ddd;
}
.horsedetails td{
    padding-left:5px;

}

.timeline-divider {
    position: relative;
    margin: 10px 0 25px 0px;
    z-index: 3;
}
.mtn {
    margin-top: 0 !important;
}

.timeline-box {
    padding-left:125px;
}

.timeline-divider .divider-label {
    position: relative;
    width: 110px;
    margin: 0 auto;
    padding: 5px;
    text-align: center;
    border: 1px solid #DDD;
    color: #777;
    font-weight: 600;
    background: #FFF;
}

.timeline-divider .divider-label:before {
    content: "";
    position: absolute;
    height: 2px;
    width: 100%;
    left: 0;
    top: 100%;
    background: #213872;
}

*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#timeline .panel {
    position: relative;
    z-index: 11;
    overflow: visible;
    margin-bottom: 30px;
    background-color:#eee;
    padding:10px;
}
.panel {
    position: relative;
    margin-bottom: 20px;
    background-color: #ffffff;
    border-radius: 2px;
}

#timeline.timeline-single .timeline-divider .divider-label {
    margin-left: 0px;
}

#timeline.timeline-single .panel:before, #timeline.timeline-single .panel:after {
    right: 99.8%;
    left: auto;
    border-width: 8px 12px 8px 0;
    border-color: transparent #eee transparent transparent;
}

#timeline .panel:before, #timeline .panel:after {
    content: "";
    z-index: 2;
    position: absolute;
    top: 10px;
    left: 99.8%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 0 8px 12px;
    border-color: transparent transparent transparent #eee;
}

*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#timeline.timeline-single .panel:after {
    border-right-color: #666;
}

#timeline.timeline-single .panel:before, #timeline.timeline-single .panel:after {
    right: 99.8%;
    left: auto;
    border-width: 8px 12px 8px 0;
    border-color: transparent #eee transparent transparent;
}

#timeline .panel:after {
    z-index: 1;
    border-left-color: #666;
}

#timeline .panel:before, #timeline .panel:after {
    content: "";
    z-index: 2;
    position: absolute;
    top: 10px;
    left: 99.8%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 0 8px 12px;
    border-color: transparent transparent transparent #eee;
}

*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.pull-right {
    float: right !important;
}

.horsepost {
    font-size:12px;
    margin:10px;
}
.albumart img.horse-photos{
    width:150px;
    overflow:hidden;
}
#timeline .panel ul {
    margin:0px;
    padding:0px;
}
#timeline .panel ul li{
    margin:0px;
    padding:0px;
    float:left;
}




.SOT {
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	background-color: #8b8b8b;
	padding:2px;
	padding-left: 3px;
	font-weight:bold;
	color:#FFFFFF;
	text-transform:uppercase;
	font-size: 9px;
	display: inline-block;
	margin-right: 4px;
	margin-top:3px;
	padding-right: 3px;
	line-height: 9px;
}

.Heavy{background-color: #7e0000;}
.Dead{background-color: #0066cc;}
.Fast{background-color: #CC9900;}
.Firm{background-color: #CC9900;}
.FM-GD{background-color: #9AAC2A;}
.Good{background-color: #68be54;}
.GD-FM{background-color: #9AAC2A;}
.GD-S{background-color: #7A5F64;}
.GD-SF{background-color: #7A5F64;}
.GD-SH{background-color: #95431F;}
.GD-SY{background-color: #2383A4;}
.GD-Y{background-color: #2383A4;}
.Soft{background-color: #8C0073;}
.Slow{background-color: #8C0073;}
.S-HY{background-color: #9C033C;}
.S-Y{background-color: #8C2147;}
.NA{background-color: #5B5B5B;}
.Yielding{background-color: #0066cc;}
.Y-S{background-color: #465272;}
.Muddy{ background-color: #A0522D;}
.Normal{ background-color: #008080;}
.Sloppy{ background-color: #A52A2A;}
.Frozen{ background-color: #C0C0C0;}


.Turf{background-color: #004A00;}
.AllWeather{background-color: #5F5F46;}
.Sand{background-color: #D8C026;}
.Dirt{background-color: #996633;}

.G1{background-color: #CC9900; color: #000000;font-size: 12px;padding: 3px 8px;}
.G2{background-color: #FFCC00; color: #000000;font-size: 12px;padding: 3px 8px;}
.G3{background-color: #FFFF33; color: #000000;font-size: 12px;padding: 3px 8px;}
.LR{background-color: #FFFFCC; color: #000000;font-size: 12px;padding: 3px 8px;}


.ratRS{color: #26479A; font-weight:bold;}
.ratTF{color: #2C4255; font-weight:bold;}
.orange{background-color: #f2952e;}
.orange1{background-color: #f2952e; font-size:10px;}
.videoPlay{background-color: #f2952e;}