﻿a { color: #104a21; }

a.link-med { font-size: 1.2em; }

.align-right { text-align: right; }

h1 { width: 800px; height: 69px; background-color: #104b22; padding: 0 20px; color: #FFF; font-size: 24px; margin-top: 10px; line-height: 69px; }

h1 small { font-size: 14px; font-family: Arial; margin-left: 20px; }

#header { border-bottom: 10px solid #104b22; }

#header #login .header { font-weight: bold; color: #104a21; text-align: right; margin-right: 10px; margin-bottom: 10px; }

#header #login a { float: right; }

#header #login .input { border: 1px solid #000; width: 150px; background-color: #f9ef9f; }

#header #login .buttonLogin { font-size: 11px; padding: 2px; float: right; }

#navigation { font-size: 18px; }

#navigation { list-style: none; width: 710px; text-align: center; height: 20px; margin: 0 auto; margin-top: 10px; margin-bottom: 10px; }

#cms_nav #navigation { width: 740px; }

#navigation li { float: left; display: block; }

#navigation li .last { border-right: none; }

#navigation li a { border-right: 1px solid #104b22; text-decoration: none; display: block; float: left; height: 20px; padding: 0 15px 0 10px; }

#navigation li a:hover { color: #000; }

#navigation li ul { /* second-level lists */ position: absolute; background: #d6ead8; font-size: 12px; margin: 0; padding: 0; width: 150px; left: -999em; float: left; clear: both; /* using left instead of display to hide menus because display: none isn't read by screen readers */ }

#navigation li ul li { /* second-level lists */ width: 150px; height: 20px; border: 1px solid #104b22; }

#navigation li ul li a { /* second-level lists */ width: 140px; height: 15px; padding: 0; margin: 0; border: none; float: left; text-align: left; padding: 5px; text-decoration: none; display: block; float: left; height: 20px; padding: 0 15px 0 10px; }

#navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li.sfhover ul ul, #navigation li.sfhover ul ul ul { left: -999em; }

#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul, #navigation li li li.sfhover ul { /* lists nested under hovered list items */ left: auto; }

#content { border-top: 10px solid #f9e435; }

#pagecontent { padding: 0px; font-family: Arial, Helvetica; font-size: 12px; }

#footer { color: #FFF; background-color: #104b22; margin: 0; padding: 0; text-align: center; padding: 15px 0 5px 0; font-family: Arial, Helvetica; font-size: 11px; margin-top: 10px; clear: both; }

#footer a { color: #ffad03; text-decoration: none; }

#footer a:hover { text-decoration: underline; color: #FFF; }

#horse { padding-bottom: 30px; float: left; }

#horse #conformation { float: left; height: 200px; }

#horse #breeze { float: left; height: 200px; }

#horse #block { font-size: 20px; color: #004515; float: left; padding: 20px; height: 200px; width: 350px; }

#horse #overview { margin: 0; padding: 0; clear: both; }

#horse #overview #overview_left { float: left; }

#horse #overview #overview_right { float: right; font-family: Arial; font-size: 12px; letter-spacing: 1px; line-height: 17px; margin: 0; width: 550px; }

#horse h2 { color: #003c12; letter-spacing: 2px; }

#horse h3 { color: #003c12; font-family: Arial; font-size: 12px; letter-spacing: 1px; }

#horse h3.horse-update { font-family: Georgia,Helvetica,sans-serif; font-size: 11px; }

#horse h3.horse-update span { font-weight: normal; }

#horse .caption { font-size: 12px; letter-spacing: 1px; font-family: Arial; }

#horse #toolbar { text-align: right; padding: 10px 0 10px 0; }

#horse .image { border: 1px solid #000; display: block; }

#members_bar { padding: 2px 0 2px 0; }

#members_bar ul { list-style: none; margin: 0; padding: 0; float: left; margin-top: 3px; width: 700px; }

#members_bar ul li { float: left; margin: 0 5px 0 5px; }

#horse #entries table, #horse #results table, #horse #workouts table { font-family: Arial; }

#cms { width: 840px; clear: both; float: left; font-family: Arial; padding: 0px 0 20px 0; }

.success { width: 90%; padding: 5px; background-color: #dbffe6; color: #14321d; border: 1px solid #14321d; margin-bottom: 10px; }
.error { width: 90%; padding: 5px; background-color: #e8bdbd; color: #900; border: 1px solid #321616; margin-bottom: 10px; }

.button { background-color: #104b22; padding: 5px; border: 2px solid #f9e435; color: #FFF; }

#roster_change { float: right; }

#horse_overview #left { width: 600px; display: block; float: left; text-align: center; font-size: 1.2em; }

#horse_overview #left h3 { }

#horse_overview #right { width: 200px; padding: 10px; float: left; }

#horse_overview #right p { font-size: 13px; }

#horse_overview #left img { }

#updates { border: 1px solid #104b22; margin: 10px auto 10px auto; clear: both; /*float: left;*/ width: 800px; }
#updates div { padding: 10px; /*float: left;*/ height: 400px; overflow: auto; width: 780px; }
#updates div h2 { font-size: 1.6em; margin: 0; padding: 0; }
#updates div p { font-size: 13px; }

.btn-stats { float: right; margin-top: 15px; }
.btn-stats a { overflow: hidden; outline: none; }
.btn-stats img { border: 0; }

#horse_overview #photo { margin: 0 auto 1em; width: 450px; }
#horse_overview #photo a { outline: none; }
/*#horse_overview #photo a.next { display: block; float: right; width: 45px; }*/
/*#horse_overview #photo a.prev { display: block; float: left; width: 45px; }*/
#horse_overview #photo em { display: block; float: left; font-style: normal; width: 100%; }
#horse_overview #photo br { display: none; }
#horse_overview #photo img { display: none; height: 350px; margin: 0 auto; text-align: center; }

#horse_overview #photos { border: 1px solid #104b22; display: none; height: 334px; margin: 0 auto 1em; overflow: auto; overflow-x: hidden; width: 450px; }
#horse_overview #photos a { border: 2px solid #104b22; display: block; height: 105px; overflow: hidden; width: 140px; }
#horse_overview #photos a:hover { border: 2px solid #000; }

fieldset { margin-bottom: 10px; }
fieldset legend { color: #104b22; font-size: 1.1em; font-weight: 700; }

.cal { background-color: #f5f5f5; width: 100%; }
.cal-day { height: 80px; text-align: left; vertical-align: top; }
.cal-dayheader { background-color: #104b22; color: #fff; height: 18px; }
.cal-daytext { float: right; }
.cal-events { float: left; }
.cal-events a { background: url(images/cal-arrow.gif) no-repeat 0px 3px; display: block; font: .8em Arial; margin-bottom: 3px; padding-left: 5px; }
.cal-nextprev { font-size: .6em; }
.cal-othermonthday { background-color: #c0c0c0; color: #666; }
.cal-title { font-size: 2em; }
.cal-today { background-color: #e9fcef; }

.bold { font-weight: 700; }

.cms-textarea { font: 1em Arial; }
.cms-tip { color: #666; display: block; }

fieldset.cms label { display: block; }
fieldset.cms input[type=checkbox] + label { display: inline; }
fieldset.cms textarea { font: 1em Georgia; overflow: auto; width: 168px; }

#gallery-content { border-left: 1px solid #f9e435; float: left; margin-bottom: 1em; padding: 0 20px; width: 582px; }

#gallery-list, #gallery-list li, #gallery-menu, #gallery-menu li { list-style: none; margin: 0; padding: 0; }

#gallery-list { /*padding-top: 1em;*/ }
#gallery-list a:hover { color: #000; text-decoration: none; }
#gallery-list li { font: 1.2em Verdana, Sans-Serif; margin-bottom: 1em; }

#gallery-list a.any { background: url(images/ico-any.png) no-repeat left center; padding-left: 20px; }
#gallery-list a.doc { background: url(images/ico-doc.png) no-repeat left center; padding-left: 20px; }
#gallery-list a.pdf { background: url(images/ico-pdf.gif) no-repeat left center; padding-left: 20px; }
#gallery-list a.xls { background: url(images/ico-xls.png) no-repeat left center; padding-left: 20px; }
#gallery-list a.lit, .gallery-list-a-lit { background-color: #f9e435; }

#gallery-menu { float: left; padding-left: 22px; width: 160px; }
#gallery-menu a { text-decoration: none; }
#gallery-menu a:hover, #gallery-menu a.selected { color: #000; text-decoration: underline; }
#gallery-menu li { font: 1.4em Verdana, Sans-Serif; margin-bottom: .5em; }

.gallery-photos a { border: 2px solid #104b22; display: block; height: 82px; overflow: hidden; width: 110px; }
.gallery-videos a { border: 2px solid #104b22; display: block; height: 82px; overflow: hidden; width: 110px; }
.gallery-photos a:hover, .gallery-videos a:hover { border: 2px solid #000; }
.gallery-photos img, .gallery-videos img { border: none; /*display: none;*/ }
.gallery-photos td, .gallery-videos td { vertical-align: top; }

#slideshow { overflow: hidden; width: 840px; height: 280px; }

