@import url("reset.css");

/* Basic Layout */
body {
    background: #cebc9a url(../../SiteImages/Template/body.gif) left top repeat-x;
    text-align: center;
    font-size: 62.5%;
    font-family: "Trebuchet MS", Tahoma, Arial, Verdana, sans-serif;  
}
#wrapper {
    margin: 12px auto 0;
    text-align: left;
    width: 962px;
    font-size: 1.1em;
    line-height: 1.5;
}

/* Common Styles */
a { color: #0c479d; text-decoration: none; }
a:hover { text-decoration: underline; }
.right { float: right; }
.left { float: left; }
.center { text-align: center; }
.offset { position: absolute; top: -999999em; }
.clear { height: 1%; }
.clear:after { content: "."; visibility: hidden; height: 0; display: block; clear: both; }
.hr hr { display: none; }
.hr { height: 2px; background: url(../../SiteImages/Template/hr.gif) 0 0 repeat-x; overflow: hidden; margin: 10px -20px 15px; }

/* Buttons */
a.btn, button.btn, span.btn {
    display:block;
    float:left;
    background:#082f66 url(../../SiteImages/Template/btn.gif) left top repeat-x;
    border:1px solid #347ef3;
    font-family: "Trebuchet MS", Tahoma, Arial, Verdana, sans-serif;
    font-size:1em;
    line-height:1.4;
    text-decoration:none !important;
    font-weight:bold;
    color:#FFF;
    cursor:pointer;
    padding:2px 7px;
}
button.btn {
    width:auto;
    overflow:visible;
    padding:1px 4px;
}
* html button.btn {
    border: none; /* IE6 */
    padding: 1px 8px; /* IE6 */
}
*:first-child+html button[type].btn {
    border: none; /* IE7 */
    padding: 1px 8px; /* IE7 */
}

/* Pagination */
.pagination {
    width: 927px;
    padding: 5px 15px 10px 20px;
    margin: 0 -20px 0 -20px !important;
    background: #837a69;
    border-bottom: 1px solid #5a594a;
    overflow: hidden;
}
.pagination li {
    background: #d3ccbf;
    float: left;
    width: 304px;
    margin-right: 5px;
}
.pagination li a {
    display: block;
    padding: 5px 20px;
    font-size: 1.27em;
    font-weight: bold;
    text-align: center;
}
.pagination li.previous a { text-align: right; }
.pagination li.next a { text-align: left; }

/* Basic Text Formatting */
h2 {
    font-size: 2em;
    font-weight: bold;
    line-height: 1;
    color: #5a594a;
    margin: 0 0 5px;
}
h2.th {
    font-weight: bold;
    font-size: 1em;
    line-height: 2.5em;
    color: #171414;
    background: #d5d2bb url(../../SiteImages/Template/th.gif) left bottom repeat-x;
    border-right: 1px solid #7c7361;
    padding: 0 20px;
    margin: 0;    
}
.form h2 {
    font-size: 2.27em;
    margin: 0 0 10px;
}
h3 {
    font-size: 1.64em;
    font-weight: normal;
    line-height: 1;
    color: #5a594a;
    margin: 0 0 10px;
}

/* Header */
#header {
    background: url(../../SiteImages/Template/header.jpg) 0 0 no-repeat;
    height: 227px;
    border-bottom: 1px solid #FFF;
    margin-bottom: 5px;
}
#header a {
    display: block;
    height: 227px;
    width: 100%;
    overflow: hidden;
    text-indent: -999999em;
}
.printEmail {
    float: right;
}
.printEmail li, .printEmail a {
    float: left;
}
.printEmail a {
    margin-left: 10px;
}

/* Form */
.form {
    background: #f7f6e9;
    padding: 10px 20px;
    margin-bottom: 5px;
}
.form fieldset {
    background: #e1dacc url(../../SiteImages/Template/hr.gif) 0 0 repeat-x;
    padding: 15px 0 0;
}
.form fieldset h2 {
    color: #434444;
    font-size: 1.27em;
    margin: 0 10px 0;
}
.form fieldset h2 strong {
    text-transform: uppercase;
}
.form fieldset p {
    color: #5a594a;
    margin: 0 10px 10px;
}
.form fieldset ul {
    background: url(../../SiteImages/Template/hr.gif) 0 100% repeat-x;
    padding: 0 10px 15px;
}
.form fieldset ul li {
    float: left;
    margin: 0 10px 10px 0;
}
.form fieldset ul li label {
    display: block;
    color: #5a594a;
    margin: 0 0 5px;
}
.form fieldset ul li .btn {
    font-size: 1em;
    float: left;
    margin: 2em 0 0;
}

/* Bar */
#bar {
    background: #e1dacc;
    padding: 15px 20px;
    border-bottom: 1px solid #5a594a;
    margin-bottom: 5px;
}
#bar ul {
    float: right;
}
#bar li, #bar li a {
    float: left;
}
#bar li a {
    margin-left: 5px;
}

/* Partners */
#partners {
    background: #f7f6e9;
    padding: 15px 20px 30px;
    border-bottom: 1px solid #5a594a;
    margin-bottom: 5px;
}

/* Footer */
#footer {
    background: #f7f6e9;
    padding: 8px 20px 8px 10px;
    border-bottom: 5px solid #95876f;
    line-height: 1.2;
}
#footer ul, #footer li, #footer li a {
    float: left;
}
#footer li {
    padding: 0 10px;
    border-right: 1px solid #b9b8af;
}
#footer li.last {
    border: none;
}
#footer p {
    float: right;
    color: #818182;
}

/* Content */
.content {
    background: #f7f6e9;
    padding: 15px 20px 15px;
    border-bottom: 1px solid #5a594a;
    margin-bottom: 5px;    
}
.content a {
    font-weight: bold;
}
.content p,
.content ol,
.content ul,
.content table {
    margin: 0 0 10px;
    color: #434444;
}

/* Content: Tables */
.content table {
    border: 1px solid #b9b8af;
    border-right: none;
    width: 100%;
}
.content table th,
.content table td {
    padding: 6px 12px;
}
.content table th {
    font-weight: bold;
    color: #171414;
    background: #d5d2bb url(../../SiteImages/Template/th.gif) left bottom repeat-x;
    border-right: 1px solid #7c7361;
}
.content table td {
    background: #efead9;
    border-right: 1px solid #b3afa3;
}
.content table .odd td {
    background: #f7f6e9;
}
.content table td p {
    color: #5a594a;
} 
.content table.pedigree {
    border: 2px dotted #948d7f;
    border-right: none;
    border-bottom: none;
}
.content table.pedigree td {
    border: none;
    padding: 0;
    background: #e1d6bf;
    color: #434444;
    text-align: center;
    vertical-align: middle;
    border: 2px dotted #948d7f;
    border-left: none;
    border-top: none;
}
.content table.pedigree td.alt {
    background: #eae3d0;
}

.content table.noborder,
.content table.noborder td {
    border: none;
}
.content table td.noborder {
    border: none;
}
.content table.nopad th,
.content table.nopad td {
    padding-left: 2px !important;
    padding-right: 2px !important;
}

.content table.horseDetails {
    border: none;
    border-top: 1px dotted #000;
}
.content table.horseDetails th,
.content table.horseDetails td {
    border: none;
    border-bottom: 1px dotted #000;
    background: none !important;
    color: #434444;
}
.content table.horseDetails th {
    border-right: 1px dotted #000;
    font-weight: normal;
}
.content table.horseDetails span {
    font-weight: bold;
    color: #0C479D;
}

.content table.entries td {
    padding-bottom: 30px;
}
.content table.entries td.nopad {
    padding: 6px 12px !important;
}

.content table .winner {
    color: #d51d1d !important;
}

.content table.tl td {
    vertical-align: top;
}