﻿body { background-color: #012118; font: 62.5% Arial; padding: 0; margin: 0; border: 0; text-align: center; }
div#container_div { text-align: left; }
div#content_wrapper { width: 100%; height: 673px; background-image: url(inside_grad_bg.jpg); background-repeat: repeat-x; border-bottom: solid 2px #809992; }
div#center_content { margin-left: auto; margin-right: auto; width: 990px; height: 673px; }
div#content { margin: 0; padding: 0; }
.pagesContent_Wrapper { width: 980px; height: 577px; background: transparent url(inside_frame_bg.png) no-repeat bottom center; position: relative; margin-left: 7px; margin-top: 17px; }
div#header_wrapper { width: 990px; height: 71px; }
div#header_left { float: left; position: relative; z-index: 10; width: 709px; height: 27px; background-image: url(inside_menu_bg.jpg); background-repeat: no-repeat; margin-top: 30px; }

div#header_right { float: left; width: 211px; height: 71px; background-image: url(logo.jpg); background-repeat: no-repeat; margin-left: 34px; }
div#book_wrapper { float: left; display: inline; height: 467px; width: 864px; }

div#book_tabs { clear: both; display: inline; float: right; outline: none; height: 21px; width: 814px; padding-right: 50px; }
div#book { clear: both; float: left; display: inline; width: 864px; height: 446px; background: transparent url(book_bg.jpg) no-repeat left bottom; color: Black; }
.bookPages_wrapper { padding: 0; margin: 0; position: absolute; top: 72px; left: 55px; }
div#leftPage { float: left; width: 394px; height: 446px; margin-left: 18px; margin-right: 21px; }
div#rightPage { float: right; width: 392px; height: 446px; margin-left: 21px; margin-right: 18px; }
.shedTab { border: none; margin-right: 2px; }
.mareTab { border: none; margin-right: 2px; }
.hypoTab { border: none; }
div#black_bar { width: 100%; height: 24px; background-color: #000000; border-top: solid 1px #809992; border-bottom: solid 1px #809992; }
div#mating_center { margin-left: auto; margin-right: auto; width: 990px; height: 24px; }
div#footer { margin-top: 10px; margin-left: auto; margin-right: auto; width: 990px; color: White; text-align: center; }
div#footer a { color: #cea638; text-decoration: none; outline: none; }
div#footer a:hover { text-decoration: underline; }
div#hammond_wrapper { margin-top: 5px; margin-left: auto; margin-right: auto; width: 325px; }
/*** CUSTOMIZED SUPERFISH DROP DOWN MENU -- jQUERY ***/

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }
.sf-menu { line-height: 1.0; }
.sf-menu ul { position: absolute; top: -999em; width: 148px; /* left offset of submenus need to match (see below) */ z-index: 9999; }
.sf-menu ul li { width: 100%; }
.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li { float: left; position: relative; margin-left: 10px; display: inline; }
.sf-menu a { display: block; position: relative; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 27px; /* match top ul list item height */ z-index: 999999999; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 148px; /* match ul width */ top: 0; }

/*** SKIN ***/
.sf-menu { float: left; }
.sf-menu li { /*background: #27473a url(menu_trans_bg.png) repeat-x top left;*/ height: 27px; }
.sf-menu li a { top: 7px; font-size: 1.2em; font-weight: bold; text-decoration: none; }
.sf-menu li a, .sf-menu li a:visited { /* visited pseudo selector so IE6 applies text colour*/ color: #74807b; }
.sf-menu li a:focus, .sf-menu li a:hover, .sf-menu li a:active { color: #ffffff; outline: 0; }
.sf-menu li:hover, .sf-menu li.sfHover { /*background: #e0a500 url(menu_trans_bg.png) repeat-x top left;*/ background: url(menu_trans_bg.png) repeat-x top left; }
.sf-menu li.sfHover a { color: #ffffff; }
.sf-menu li li { background-image: none; background-color: #014a36; height: 22px; line-height: 22px; border-top: solid 1px #809992; margin: 0; }
.sf-menu li li a { padding-left: 10px; top: 0; font-size: 1em; font-weight: bold; background-image: none; background-color: #014a36; height: 22px; outline: 0; }
.sf-menu li li a, .sf-menu li li a:visited { color: #54e096; }
.sf-menu li li a:hover, .sf-menu li li a:focus, .sf-menu li li a:active { color: #cea638; }
.sf-menu li.sfHover li a { color: #54e096; }
.sf-menu li.sfHover li a:hover, .sf-menu li.sfHover li a:focus, .sf-menu li.sfHover li a:active { color: #cea638; }
.sf-menu li.current { /*background-color: #e0a500;*/ background: url(menu_trans_bg.png) repeat-x top left; }
.sf-menu li.current a { color: #ffffff; }

.sf-menu li.fantasy-derby a:link, .sf-menu li.fantasy-derby a:visited { color: #c00 !important; }
.sf-menu li.fantasy-derby a:hover, .sf-menu li.fantasy-derby a:active { color: #f00 !important; }

/*** shadows for all but IE6 ***/
.sf-shadow ul { background: url('../../images/shadow.png') no-repeat bottom right; padding: 0 7px 8px 0; -moz-border-radius-bottomleft: 15px; -moz-border-radius-topright: 15px; -webkit-border-top-right-radius: 15px; -webkit-border-bottom-left-radius: 15px; }
.sf-shadow ul.sf-shadow-off { background: transparent; }

/*** STALLION LIST PAGE ***/
.leftPageHeader { font-size: 16pt; font-weight: 700; color: #0e5415; margin-top: 34px; }
div#stallionList { margin-top: 20px; width: 394px; text-align: center; color: Black; text-decoration: none; font-size: 10pt; font-weight: bold; }
div#stallionList a { color: Black; text-decoration: none; }
.stallionListHR { width: 100%; background-image: url(stallion_hr.jpg); background-position: center center; background-repeat: no-repeat; height: 8px; margin: 6px 0; }
.stallionListHighlight { color: Black; }
.firstStallion { }
div#centeredImage { width: 246px; height: 311px; background: transparent url(pdfCover_bg.png) no-repeat center center; margin: 60px auto 0; }
.imgCover { position: relative; top: 1px; left: 9px; }
.imgCoverText { display: block; font-size: 1.2em; margin: 10px 0; text-align: center; }
/*** STALLION TABS ***/
.tabWrapper { width: 980px; height: 577px; background: transparent url(inside_frame_bg.png) no-repeat bottom center; position: relative; margin-left: 7px; margin-top: 17px; }
.tabStrip { position: absolute; top: 0px; left: 45px; height: 19px; width: 928px; }
.NormalTab1 { width: 95px; height: 19px; background: transparent url(StallionTabs/1-green.png) no-repeat bottom center; color: White !important; font-size: 1.0em; text-decoration: none; text-align: center; font-weight: bold; }
.HoveredTab1 { color: #e0b847 !important; }
.SelectedTab1 { background-image: url(StallionTabs/1-orange.png); color: #014a35 !important; }
.NormalTab2 { width: 85px; height: 19px; background: transparent url(StallionTabs/2-green.png) no-repeat bottom center; color: White !important; font-size: 1.0em; text-decoration: none; text-align: center; font-weight: bold; }
.HoveredTab2 { color: #e0b847 !important; }
.SelectedTab2 { background-image: url(StallionTabs/2-orange.png); color: #014a35 !important; }
.NormalTab3 { width: 105px; height: 19px; background: transparent url(StallionTabs/3-green.png) no-repeat bottom center; color: White !important; font-size: 1.0em; text-decoration: none; text-align: center; font-weight: bold; }
.HoveredTab3 { color: #e0b847 !important; }
.SelectedTab3 { background-image: url(StallionTabs/3-orange.png); color: #014a35 !important; }
.NormalTab4 { width: 131px; height: 19px; background: transparent url(StallionTabs/4-green.png) no-repeat bottom center; color: White !important; font-size: 1.0em; text-decoration: none; text-align: center; }
.HoveredTab4 { color: #e0b847 !important; }
.SelectedTab4 { background-image: url(StallionTabs/4-orange.png); color: #014a35 !important; }
.NormalTab5 { width: 125px; height: 19px; background: transparent url(StallionTabs/5-green.png) no-repeat bottom center; color: White !important; font-size: 1.0em; text-decoration: none; text-align: center; }
.HoveredTab5 { color: #e0b847 !important; }
.SelectedTab5 { background-image: url(StallionTabs/5-orange.png); color: #014a35 !important; }
.NormalTab6 { width: 50px; height: 19px; background: transparent url(StallionTabs/6-green.png) no-repeat bottom center; color: White !important; font-size: 1.0em; text-decoration: none; text-align: center; }
.HoveredTab6 { color: #e0b847 !important; }
.SelectedTab6 { background-image: url(StallionTabs/6-orange.png); color: #014a35 !important; }
.NormalTab7 { width: 99px; height: 19px; background: transparent url(StallionTabs/7-green.png) no-repeat bottom center; color: White !important; font-size: 1.0em; text-decoration: none; text-align: center; }
.HoveredTab7 { color: #e0b847 !important; }
.SelectedTab7 { background-image: url(StallionTabs/7-orange.png); color: #014a35 !important; }
.NormalTab8 { width: 50px; height: 19px; background: transparent url(StallionTabs/8-green.png) no-repeat bottom center; color: White !important; font-size: 1.0em; text-decoration: none; text-align: center; }
.HoveredTab8 { color: #e0b847 !important; }
.SelectedTab8 { background-image: url(StallionTabs/8-orange.png); color: #014a35 !important; }
.RadTabStrip .rtsLI { margin-right: 3px !important; line-height: 18px; }
.multiPage { padding: 0; margin: 0; position: absolute; color: white; top: 51px; left: 55px; }
/*** STALLION OVERVIEW ***/
.stallionName { font-family: Georgia; font-size: 26pt; font-variant: small-caps; }
.stallionSire { font-family: Georgia; font-size: 11pt; font-weight: bold; }
.stallionDam { font-family: Georgia; font-size: 9pt; font-weight: bold; }
.clickImage { display: block; font-family: Arial; font-size: 7pt; font-weight: bold; }
.clickImage br { display: none; }
#leftPage .photos { float: left; margin-bottom: 10px; width: 360px; }
#leftPage .photos a { outline: none; text-decoration: none; color: #014a35; }
#leftPage .photos a.next { display: block; float: right; width: 45px; text-decoration: none; color: #014a35; text-align: right; }
#leftPage .photos a.prev { display: block; float: left; width: 55px; text-decoration: none; color: #014a35; }
#leftPage .photos em { display: block; float: left; font-style: normal; width: 260px; text-align: center; }
#leftPage .photos br { display: none; }
#leftPage .photos img { text-align: center; }

#seasonFooter { clear: both; text-align: center; font-family: Arial; font-size: 7pt; font-weight: bold; }
#seasonFooter a { text-align: center; font-family: Arial; font-size: 7pt; font-weight: bold; color: #014a35; }
#rightPage #stallionOverview { width: 100%; height: 326px; overflow: hidden; color: black !important; font-family: Arial !important; font-size: 8pt !important; border: 0; padding: 0; margin: 0; }
ul { list-style: disc url(../../images/bullet.png) outside; line-height: 1.6; }
li { /*  margin: 0 5px; */ padding: 0; padding-left: 5px; }
.stallionHeader { margin-top: 10px; font-family: Georgia; font-size: 20pt; text-align: center; }
.stallionMid { margin: 0; padding: 0; font-family: Arial; font-size: 10pt; font-weight: bold; text-align: center; }
.clearFormat { margin: 0; padding: 0; color: black !important; font-family: Arial !important; font-size: 8pt !important; font-weight: normal; }
.salesLastUpdated { font-size: 9pt; padding: 5px; padding-left: 10px; }
#salesControl_GridView1 a { text-decoration: none; }

/*** THE TEAM STYLES ***/
div.teamList { margin-top: 20px; height: 340px; overflow: auto; width: 394px; text-align: center; color: Black; text-decoration: none; font-size: 10pt; font-weight: bold; }
div.teamList a { color: Black; text-decoration: none; }
.teamListHR { width: 100%; background-image: url(stallion_hr.jpg); background-position: center center; background-repeat: no-repeat; height: 8px; margin: 10px 0px 10px 0px; }
.teamListHighlight { color: Black; }
.teamPhoto { float: right; margin: 0; width: 100px; height: 132px; /* SET TO 20PX LESS THAN ACTUAL IMAGE HEIGHT */ text-align: left; background: url('../../images/team/kenny_troutt.jpg') no-repeat; }
div#rightPageWrapper { float: left; margin-top: 34px; font-size: 10pt; }
div#rightPageWrapper p { margin: 0; padding: 0; }

#news-list { height: 365px; overflow: auto; }
#news-list ul { margin: 20px 20px 0; padding: 0 20px 0; text-align: left; }
#news-list ul li { font-size: 1.2em; margin: 0; padding: 0; }
#news-list ul li a:link, #news-list ul li a:visited { color: #9f7222; text-decoration: underline; }
#news-list ul li a:hover, #news-list ul li a:active, #news-list ul li a.selected { color: #017942; text-decoration: none; }
#news-list ul li br { display: none; }
#news-list ul li em { color: #666; display: block; font-size: .8em; font-style: normal; }

#news-story { margin: 30px 0 0; }
#news-story a.photo { float: left; outline: none; }
#news-story a.photo img { border: none; margin: 0 5px 15px 0; }
#news-story h3 { color: #0e5415; font-size: 2.2em; margin: 0; padding: 0; }
#news-story #news-story-body { clear: both; height: 286px; overflow: auto; }
#news-story #news-story-body p { font-size: 1.2em; margin: 0 0 10px; padding: 0; }
#news-story #news-story-detail { color: #666; margin: 0; padding: 0; }

#stallionRaceArchive #races { height: 330px; overflow: auto; }
#stallionRaceArchive h3 { font-size: 1.6em; }
#stallionRaceArchive .race { clear: both; height: 64px; margin-bottom: 20px; margin-left: 30px; }
#stallionRaceArchive .race .info { float: left; font-size: 1.2em; margin-left: 10px; }
#stallionRaceArchive .race .info a:link, #stallionRaceArchive .race .info a:visited { color: #027252; text-decoration: none; }
#stallionRaceArchive .race .info a:hover, #stallionRaceArchive .race .info a:active { color: #027252; text-decoration: underline; }
#stallionRaceArchive .race a.photo { float: left; width: 95px; }
#stallionRaceArchive .race a.photo img { border: 1px solid #000; }

.text-center { text-align: center; }

dl#contact-info { font-size: 1.2em; margin: 20px auto; padding: 0; text-align: left; width: 200px; }
dl#contact-info a { color: #014a35; }
dl#contact-info a:hover { text-decoration: none; }
dl#contact-info dd { margin-bottom: 20px; }
dl#contact-info dt { color: #014a35; font-weight: 700; margin-bottom: 5px; }

div.employee { height: 380px; overflow-y: auto; padding-right: 3px; width: 392px; }
div.employee #bio p { margin: 0 0 10px; padding: 0; }

ul.buttons, ul.buttons li { list-style: none; margin: 0; padding: 0; }
ul.buttons { margin: 15px auto; width: 240px; }
ul.buttons li { display: inline; }
ul.buttons li a { background: url(stallion-buttons.png) no-repeat; border: 1px solid #000; display: block; float: left; height: 24px; margin: 0 5px 0; overflow: hidden; text-indent: -999em; width: 68px; }
ul.buttons li a.g1g { background-position: center top; }
ul.buttons li a.tdn { background-position: center center; }
ul.buttons li a.tru { background-position: center bottom; }

.filter { font-size: 1.1em; margin: 0 0 1em 1em; width: 95%; }

#horseOvervew { text-align: center; }
#horseOvervew ul.buttons, #horseOvervew ul.buttons li { list-style: none; margin: 0; padding: 0; }
#horseOvervew ul.buttons { margin: 3em auto 2em; width: 171px; }
#horseOvervew ul.buttons li { margin-bottom: 1em; }
#horseOvervew #overview { height: 190px; overflow: auto; }
#horseOvervew p { font-size: 1.2em; margin: 0 0 1em; padding: 0; text-align: left; }

a.export { background: url(ico-export.png) no-repeat left center; color: #012118; float: right; padding-left: 18px; text-decoration: underline; }
a.export:hover { text-decoration: none; }
a.pdf { background: url(pdf.png) no-repeat left center; padding-left: 18px; }

.gallery-container { height: 376px; margin-top: 35px; overflow: auto; }
.gallery-photos a { background-color: #000; border: 1px solid #104b22; display: block; height: 90px; overflow: hidden; width: 120px; }
.gallery-photos img { border: none; width: 120px; }
.gallery-photos td { vertical-align: top; }

#gallery-list-container { height: 365px; overflow: auto; }
#gallery-list-container ul { margin: 20px 10px 0; text-align: left; }
#gallery-list-container li { font-size: 1.2em; margin: 0; padding: 0; }
#gallery-list-container li a:link, #gallery-list-container li a:visited { color: #017942; text-decoration: underline; }
#gallery-list-container li a:hover, #gallery-list-container li a:active, #gallery-list-container li a.selected { color: #9f7222; text-decoration: none; }

td.link-edit a { font-weight: 700; }
.breadcrumb a, td.link-edit a { color: #012118; }
.breadcrumb a:hover, td.link-edit a:hover { text-decoration: none; }

.silks-racing { text-align: center !important; }
