/*================================================================================
				TITLE:	Default Style Sheet
		   CLIENT:	West Point Thoroughbreds
  TARGET SPEC:	CSS-2
		 MODIFIED:	2007.02.15
  	  AUTHORS:	Graham Wheeler / NetMediaOne - www.netmediaone.com
==================================================================================*/


/*
	====================================  ELEMENT DEFAULTS  =========================================
*/
a, a:visited { color: #404040; cursor: pointer; text-decoration: underline; }
a:hover, a:visited:hover { color: #c00; cursor: pointer; text-decoration: none; }
a.BackLink { float: right; font: normal 11px Verdana, Arial, Helvetica, sans-serif; }

html, body, div, img, table, form, li { margin: 0px; padding: 0px; border: 0px; }
body { font: normal 11px/1.81 Verdana, Arial, Helvetica, sans-serif; color: #404040; }
body { background: #606060 url("site-images/bg_body.jpg") top center no-repeat; }
table { font-size: inherit; }
form { display: block; }

p { margin: 10px 0px 10px 0px; }

h1, h2, h3, h4 {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #404040;
	margin: 20px 0px 20px 0px;
	line-height: 1.36;
	padding: 0px;
}

h2 { color: #c00; }

h4 { margin-bottom: -5px; }

h1 { font-size: 12px; margin-top: 0px; }

.HeaderImage {
	display: block;
	margin-bottom: 20px;
}

h1.FirstChild, h2.FirstChild, h3.FirstChild, p.FirstChild { margin-top: 0px; padding-top: 0px; }

ul { margin: 10px 0px 0px 0px; padding: 0px 0px 0px 15px; }
ul li { padding: 0px; }
ul li a { padding: 0px; }
ul ul { margin-top: 0px; }


/*
	====================================  CUSTOM CLASSES  =========================================
*/
.AccomplishmentSidebar { float: right; width: 292px; margin: 0px 0px 0px 20px; }
.AccomplishmentSidebar .Highlights { background: #f0f0f0; border: 1px solid #ccc; padding: 15px 20px 10px 20px; margin-bottom: 15px; }
.AccomplishmentSidebar .Highlights h2 { font-size: 13px; margin-bottom: 5px; }

.ArticleSection { overflow: auto; border-top: 1px solid #ccc; margin-top: 20px; }
.ArticleSection h3 { font-size: 13px; color: #c00; padding-top: 10px; position: relative; }
.ArticleSection h3 span { font-size: 10px; color: #404040; position: absolute; top: 5px; right: 0px; }

.BorderedPic, .BorderedPicLeft, .BorderedPicRight, .BorderedPicCenter, .PicCenter {
	display: block;
	border: 5px solid #eaeaea;
	margin-bottom: 5px;
	margin-top: 5px;
}
.BorderedPicCenter, .PicCenter { margin: 5px auto 5px auto; }
.BorderedPicLeft, .PicLeft, .PicLeftCaption { float: left; margin-right: 10px; }
.BorderedPicRight, .PicRight, .PicRightCaption { float: right; margin-left: 10px; }
.PicCenter { border: 0px; }
.PicLeftCaption, .PicRightCaption { font-weight: bold; font-size: 10px; text-align: center; }

.Left { float: left; margin-right: 10px; }

.HasJS .HideIfJS { display: none; }

.Headline { overflow: auto; }
.Headline h4 { margin-top: 0px; padding-top: 0px; }

.Hidden { display: none !important; }

.Cleared { overflow: auto; }

.CheckboxList { list-style: none; margin: 0px; padding: 0px; }
.CheckboxList li { list-style: none; margin: 5px 0px 5px 0px; padding: 0px; }

.ContestOverview {}

.ContestRules { height: 200px; overflow: scroll; padding: 10px; border: 1px solid #ccc; }

.DropDownMenu {
	position: absolute;
	z-index: 901;
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	background: none;
	width: 185px;
	top: 30px;
	left: 0px;
	list-style: none;
	display: none;
}
.DropDownMenuShadow {
	position: absolute;
	z-index: 900;
	margin: 0px;
	padding: 0px;
	background: #000;
	border: 1px hidden #000;
	width: 185px;
	height: 200px;
	top: 30px;
	left: 0px;
	display: none;	
}
ul.DropDownMenu li { margin: 0px; padding: 0px; display: block; }
ul.DropDownMenu a, .DropDownMenu a:visited {
	padding: 6px 10px 6px 10px;
	margin: 0px;
	display: block;
	background: none;
	text-decoration: none;
	font-size: 10px;
	border: 0px;
	color: #fff;
	line-height: 1.4;
	float: none !important;
}
.DropDownMenu a:hover, .DropDownMenu a:visited:hover {	background: #404040; color: #ffbc34; }

.FailedValidation { background-color: #fdd; }

.RadioButtonList, .NoBullets { list-style: none none; margin-left: 0px; padding-left: 0px; }

.SpotlightHorse { overflow: auto; }
.SpotlightHorse object, .SpotlightHorse .Info, .SpotlightHorse embed { display: inline; float: left; }
.SpotlightHorse .Info { width: 385px; padding-left: 30px; }
.SpotlightHorse h2 { font-size: 17px; margin: 0px; padding: 0px; }

.StarSep { display: block; margin: 10px auto 10px auto; padding: 10px; }

.SlideShow { position: relative; width: 280px; height: 200px; overflow: hidden; display: block; background: #333; }
.SlideShow img { position: absolute; top: 0px; left: 0px; }

.TabBar { height: 3em; border-bottom: 1px solid #ccc; }
.TabBar a {
	padding: .5em 10px .5em 10px;
	display: inline;
	float: left;
	background: #eaeaea;
	margin: 0px 5px 0px 0px;
	text-decoration: none;
	font-weight: bold;
	border: 1px solid #ccc;
	border-bottom: 1px solid #eaeaea;
}
.TabBar a.Active { position: relative; top: 1px; color: #c00; }

.TabbedContentBox { border: 1px solid #ccc; border-top: 0px; margin-bottom: 15px; } 
.TabbedContentBox .BorderedPic { margin: 0px !important; }


.TextBox {
	border: 1px solid #b0b0b0;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
}

.ValidationErrorMessage { font-size: 10px; color: #c00; display: block; }

.DataTable { width: 100%; }
.DataTable thead th, .DataTable td { padding: 5px 24px 5px 10px; text-align: left; }
.DataTable thead th { background: #333; color: #fb0; font-size: 10px; text-decoration: underline; cursor: pointer; }
.DataTable thead th a { color: #fff; }
.DataTable thead th:hover { color: #fff; text-decoration: none; cursor: pointer; }
.DataTable .AltRow td { background: #f0f0f0; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; }
.DataTable a:hover { color: #c00; }
.DataTable thead th.NoSort, .DataTable thead th.NoSort:hover { color: #fb0; text-decoration: none; cursor: default; }
.DataTable thead th.ASC { background: #333 url("site-images/sort_asc.gif") 10px 50% no-repeat; padding-left: 24px; padding-right: 10px; }
.DataTable thead th.DESC { background: #333 url("site-images/sort_desc.gif") 10px 50% no-repeat; padding-left: 24px; padding-right: 10px; }
.DataTable thead th.TableTitle { font-size: 15px; color: #fff; text-decoration: none; cursor: default; }
.DataTable td.NA { color: #ccc; }
.DataTable tfoot td { background: #666; font-size: 12px; font-weight: bold; color: #fff; text-align: right; }
.DataTable table { width: 100%; }
.DataTable th h3 { color: white; text-decoration: none; }

.Chart { width: 100%; margin: 20px 0px 20px 0px; border-bottom: 2px solid #ccc; }
.Chart thead th { padding: 5px 10px 5px 10px; color: #fff; background: #666; }
.Chart thead tr.TableTitle th { font-size: 14px; text-align: left; color: #fc0; background: #333; }
.Chart tbody td { padding: 5px 10px 5px 10px; border-top: 1px solid #ccc; }
.Chart tbody tr.AltRow td { background: #e0e0e0; }

.CursorTrailPopup {
	width: 262px;
	position: absolute;
	z-index: 999;
	border: 10px solid #fff;
	background: #fff;
}
.CursorTrailPopup .InnerBox {
	width: 220px;
	padding: 20px;
	border: 1px solid #bbb;
	background: #ffc;
	font-size: 10px;
	line-height: 1.3;
}
.CursorTrailPopup img {
	display: block;
	margin: 0px auto 20px auto;
}

.TopLink { float: right; font-size: 10px; }
/*
	====================================  LAYOUT & SPECIAL ITEMS  =========================================
*/

#layoutWrapper { width: 905px; margin: 0px auto 0px auto; position: relative; padding-top: 10px; }

#navButtons { position: absolute; top: 100px; right: 25px; z-index: 990; list-style: none; margin: 0px; padding: 0px; }
#navButtons li.NavButton { display: inline; float: left; margin: 0px; position: relative; }
#navButtons li.NavButton img { display: block; }
#navButtons a { outline: none; }

#topSection, #bannerSection, #contentSection { border-right: 5px solid #505050; position: relative; }

#topSection { background: #111; height: 140px; }

#logo { position: absolute; top: 25px; left: 30px; z-index: 200; }

#loginStatus {
	color: #fff;
	position: absolute;
	right: 449px;
	top: 24px;
	border-right:	1px solid #5d5d5d;
	padding: 0px 20px 0px 0px;
	font-size: 9px;
	height: 20px;
}
#loginStatus a { color: #fff; }
#loginStatus a:hover { color: #fb0; }

.HomePage #bannerSection, .OverviewPage #bannerSection { height: 360px; }
#bannerSection a, #bannerSection img { display: block; }
#bannerPic, #breadCrumbs { position: absolute; top: 0px; left: 0px; }
#bannerLinks { position: absolute; right: 0px; top: 0px; width: 180px; }
#breadCrumbs { height: 45px; padding: 15px 0px 0px 30px; color: #fff; background: #707070; width: 870px; background: url("site-images/bg_banner_sub.gif") no-repeat; }
#breadCrumbs a { color: #fff; }

#contentSection { background-color: #fff; background-repeat: repeat-y; }
.HomePage #contentSection { background-image: url("site-images/bg_content_home.gif"); }
.PartnerHomePage #contentSection, .OverviewPage #contentSection { background-image: url("site-images/bg_content_partner_home.gif"); }
.SubPage #contentSection { background-image: url("site-images/bg_content_sub.gif"); }
#contentSection #bannerSection { border-right: 0px; }

#columnWrapper { overflow: auto; }

.Column { display: inline; float: left; padding: 25px 30px 25px 30px; }

.FlashObject object { display: block; }

.HomePage #column1 { width: 480px; }
.HomePage #column2 { width: 120px; }
.HomePage #column3 { width: 120px;}

.PartnerHomePage #column1, .OverviewPage #column1 { width: 660px; }
.PartnerHomePage #column2, .OverviewPage #column2 { width: 120px; }

.SubPage #column1 { width: 620px; padding-top: 330px; }
.SubPage #column2 { width: 160px; }

.SubPage2 #column1 { width: 400px; padding-right: 20px; }
.SubPage2 #column2 { width: 420px; padding-left: 0px; }

.BreadCrumbs #column1, .BreadCrumbs #column2 { padding-top: 80px; }

ul.RedBullets, ul.GoldBullets { list-style: none; margin: 0px; padding: 0px 0px 10px 0px; }
ul.RedBullets li { background: url("site-images/bullet_red.gif") left 10px no-repeat; padding: 2px 0px 2px 10px; }
ul.GoldBullets li { background: url("site-images/bullet_gold.gif") left 10px no-repeat; padding: 2px 0px 2px 10px; }
ul.RedBullets li li, ul.GoldBullets li li { background: none; padding: 2px; }

#subnav { position: absolute; right: 30px; top: 30px; line-height: 1.25; }
#subNav ul { list-style: none; margin: 0px; padding: 0px 0px 10px 0px; line-height: 1.45; }
#subNav ul li { background: none; padding: 0px; font-size: 10px; font-weight: normal; }
#subNav ul li a { font-size: 9px; }
#subNav a.Active, #subNav a.Active:visited, #subNav a.Active:hover, #subNav a.Active:visited:hover { color: #c00; text-decoration: none; }

#headlines { font-size: 9px; color: #909090; margin-left: 140px; }
#headlines a { font-size: 11px; margin-right: 5px; }

#footerSection {
	border-top: 5px solid #505050;
	color: #b0b0b0;
	padding: 10px 0px 30px 0px;
	font-size: 9px;
	line-height: 1.66;
	text-align: center;
}

#footerSection a { color: #b0b0b0; }
#footerSection a:hover { color: #fb0; }


/*
	====================================  ROSTER SECTION  =========================================
*/

#rosterList { width: 100%; }

ul#horseStats {
	border-top: 5px solid #eaeaea;
	border-bottom: 5px solid #eaeaea;
	list-style: none;
	margin: 0px 0px 20px 380px;
	padding: 0px;
}
ul#horseStats li { list-style: none; margin: 0px; padding: 5px 10px 5px 10px; }
ul#horseStats li.AltRow { border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; background: #fafafa; }

#horseDescription { clear: both; padding-top: 10px; }
#horseDescription p.FirstChild { margin-top: 10px !important; }

.NewsItem {	background: #fafafa; padding: 0px; border-bottom: 1px solid #aaa; margin-top: 20px; }
.NewsItem .Headline {
	padding: 5px 20px 5px 20px;
	background: #f4f4f4;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	font-weight: bold;
	color: #c00;
}
.NewsItem .Date { float: right; font-size: 10px; color: #999; }
.NewsItem .Body { margin: 10px 20px 10px 20px; }

#racingStatsTable { width: 100%; }
#racingStatsTable th, #racingStatsTable td { padding: 5px 10px 5px 10px; text-align: center; }
#racingStatsTable th { padding: 2px 10px 4px 10px; background: #333; color: #fff; font-size: 10px; }
#racingStatsTable tbody th { background: none; text-align: right; color: #000; }
#racingStatsTable .AltRow td, #racingStatsTable .CurrentYear td { background: #f0f0f0; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; }
#racingStatsTable .CurrentYear td { background: #ffc; font-weight: bold; }

.HorseUpdate { background: #f0f0f0; margin-bottom: 20px; border-bottom: 1px solid #dedede; }
.HorseUpdate h2 {
	padding: 5px 10px 5px 10px;
	background: #404040;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0px;
}
.HorseUpdate h2 span { float: right; font: normal 11px Verdana, Arial, Helvetica, sans-serif; margin-top: 2px; }
.HorseUpdate h2 a { color: #ffbc34; text-decoration: none; }
.HorseUpdate h2 a:hover { color: #fff; text-decoration: underline; }
.HorseUpdate h4 { border-bottom: 1px solid #dedede; margin: 10px 20px 0px 20px; }
.HorseUpdate .InnerContent { padding: 15px 20px 10px 20px; }
.HorseUpdate table { width: 400px !important; }
.HorseUpdate td { text-align: center; }

.NextRaceBox {
	float: right;
	border: 1px solid #ccc;
	margin: 5px 0px 10px 15px;
	width: 140px;
	padding: 10px;
	background: #fff;
}
.NextRaceBox h4 {	margin: 0px 0px 4px 0px; color: #c00; }

#quickUpdateBox { 
	display: none;
	position: absolute;
	left: 50px;
	top: 50px;
	z-index: 1201;
	border: 2px solid #bbb;
	background: #eaeaea;
	width: 560px;
}
#quickUpdateBox .TitleBar { 
	position: relative;
	padding: 5px 10px 5px 10px;
	background: #333;
	color: #fff;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}
#quickUpdateBox .InnerContent { 
	position: relative;
	padding: 7px 10px 5px 10px;
	overflow: auto;
	height: 300px;
}

#quickUpdateBoxBtnClose { position: absolute; right: 10px; top: 3px; color: #fc0; }
#quickUpdateBoxShadow { display: none; position: absolute; left: 55px; top: 55px; z-index: 1200; background: #000; }

#quickUpdateBox div.HideOnQuickUpdate { display: none; }

#trackTweets { line-height: 1.54; }
#trackTweets .PubDate, #twitter_update_list li a { font-size: 9px; color: #c00; }
#trackTweets img { display: block; margin: 0px auto 0px auto; }
#trackTweets img.Title { position: absolute; right: 39px; top: 19px; }
#trackTweets a { display: inline !important; }
#twitter_update_list { list-style: none none; margin: 0px; padding: 0px; position: relative; }
#twitter_update_list li { margin: 0px 0px 10px 0px; padding: 0px; }
#twitterFeedScroller { text-align: center; padding-bottom: 10px; }
#twitterFeedScroller a, #twitterFeedScroller img { display: inline; }


/*
	====================================  ABOUT US SECTION  =========================================
*/

.PhotoContainer { display: inline; float: left; width: 130px; margin-top: 20px; text-align: center; }

.Headline { margin-top: 10px; overflow: auto; }
.Headline img { display: block; }




/*
	===================================  PHOTO VIEWER WINDOW  ========================================
*/

#photoViewerOverlay {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 9990;
	background: #000;
	width: 100%;
}

#photoViewer {
	position: absolute;
	top: 40px;
	left: 30%;
	text-align: center;
	z-index: 9991;
	background: #f4f4f4;
	border: 1px solid #666;
	padding: 65px 20px 20px 20px;
}

#photoViewerControls { position: absolute; right: 20px; top: 20px; height: 25px; }
#photoViewerControls img { cursor: pointer; display: inline; float: left; margin-left: 10px; }

#photoViewerPic { display: block; position: relative; }

#outerImageContainer {
	position: relative;
	width: 250px;
	height: 250px;
	background: #f4f4f4;
}
#imageContainer { padding: 0px; }

#loadingImageWrapper {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

#imageDataContainer { overflow: auto; background: #f4f4f4; text-align: center; padding: 10px 0px 0px 0px; }
#photoViewerCaption { font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #000; text-align: center; padding: 10px 0px 5px 0px; }
#photoViewerNumberDisplay { padding-bottom: 0px; font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #404040; text-align: center; }	



/*
	======================================  SIFRv3 TEXT  ===========================================
*/

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}