/*================================================================================
				TITLE:	Default Style Sheet
		   CLIENT:	Thoroughbred Owners and Breeders Association
  TARGET SPEC:	CSS-2
		 MODIFIED:	2009.02.18
 	  AUTHOR(S):	Graham Wheeler / NetMediaOne - www.netmediaone.com
==================================================================================*/

a { color: #06d; cursor: pointer; text-decoration: underline; }
a:hover { color: #06d; cursor: pointer; text-decoration: none; }

a, body, div, img, table { margin: 0px; padding: 0px; border: 0px; }
body, table { font: normal 12px/1.81 Verdana, Arial, Helvetica, sans-serif; color: #404040; }
body { background: #f0f0f0; }

h1 {
	font: bold 17px Verdana, Arial, Helvetica, sans-serif;
	color: #c99100;
	padding-bottom: 10px;
	margin: 0px 0px 15px 0px;
	background: url(images/hdr_underline.gif) bottom left repeat-x;
}

h1.HeaderImage {
	height: 26px;
	padding: 0px;
	border: 0px;
	position: relative;
	z-index: 100;
	margin-right: -20px;
}

h2 {
	color: #00725e;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 10px 0px 5px 0px;
}

h3 {
	color: #000;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 20px 0px 10px 0px;
}

ol { margin: 0px; padding: 0px; }
ol ol { list-style: lower-alpha; padding-left: 10px; }
ol li { margin: 0px 0px 5px 25px; padding: 0px; }

#mastHead { background: #c99100; padding: 19px 0px 19px 0px; }

#navSection {
	background: #bc7e00;
	height: 40px;
	border-bottom: 1px solid #fff;
}

#navSection .CenteredContainer { position: relative; z-index: 300; height: 40px; }

#navSection ul, #secondaryNavSection ul { list-style: none; margin: 0px; padding: 0px; }

#navButtons { position: absolute; top: 0px; left: 0px; z-index: 301; width: 780px; }
#navSection li.NavButton {
	display: inline;
	margin: 0px;
	padding: 0px;
	float: left;
	position: relative;
}

#secondaryNavSection { overflow: auto; background: #005f4d; font-weight: bold; }
#secondaryNavSection a { text-decoration: none; color: #fff; }
#secondaryNavSection li { display: inline; float: left; padding: 5px 10px 5px 10px; }
#secondaryNavSection li.Active { background: #fff; }
#secondaryNavSection li.Active a { color: #000; }

#bannerSection { height: 60px; background: #00725e; color: #fff; }
body.NoNav #bannerSection { height: auto; padding: 20px 0px 20px 0px; }
#bannerSection img { display: block; }
.HomePage #bannerSection { height: 235px; background: #00725e url("images/bg_banner_home.gif") repeat-x; }
.HomePage #bannerSection img { position: absolute; top: 30px; left: 0px; z-index: 100; }

#contentSection {
	background: #fff;
	padding: 25px 0px 30px 0px;
}

#footerSection {
	padding: 20px;
	font-size: 10px;
	line-height: 1.8;
	text-align: center;
}

#columnWrapper td { vertical-align: top; }
.HomePage #column1 { width: 220px; padding: 0px 20px 0px 0px; border-right: 1px solid #e0e0e0; }
.HomePage #column2 { width: 220px; padding: 0px 20px 0px 20px; border-right: 1px solid #e0e0e0; }
.HomePage #column3 { width: 220px; padding: 0px 20px 0px 20px; border-right: 1px solid #e0e0e0; }

.SubPageWithNav #column1 { width: 160px; padding: 0px 20px 0px 0px; border-right: 1px solid #e0e0e0; }
.SubPageWithNav #column2 { padding: 0px 0px 0px 30px; }

.SubPage #contentSection .CenteredContainer { overflow: auto; }
.Advertisers #column1 { width: 360px; padding-right: 20px; border: 0px; }
.Advertisers #column2 { width: 360px; padding-left: 20px; border: 0px; }

.Cleared { overflow: auto; }
.Column { display: inline; float: left; }


#subNav, #subNav ul { list-style: none; margin: 0px; padding: 0px; }
#subNav li { margin: 0px; padding: 5px 0px 6px 0px; background: url("images/hdr_underline.gif") bottom left repeat-x; }
#subNav a { text-decoration: none; }
#subNav a:hover { text-decoration: underline; }
#subNav a.Active { color: #c99100; }

#subNav ul li { padding: 0px 0px 0px 10px; font-size: 10px; background: none; }

.CenteredContainer {
	width: 760px;
	margin: 0px auto 0px auto;
	position: relative;
	padding: 0px;
}

.Quote { font: bold italic 10px/2 Verdana, Arial, Helvetica, sans-serif; }

.BorderedPicLeft, .BorderedPicRight {
	display: block;
	padding: 3px;
	border: 1px solid #a1a1a1;
	background: #fff;
	margin-bottom: 5px;
}
.BorderedPicLeft, .PicLeft { float: left; margin-right: 10px; }
.BorderedPicRight, .PicRight { float: right; margin-left: 10px; }

.Chart { border: 2px solid #e0e0e0; border-left: 0px; border-right-width: 1px; width: 100%; }
.Chart th {
	border-bottom: 2px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	background: #f0f0f0;
	padding: 5px 10px 5px 10px;
	text-align: left;
}
.Chart td {
	padding: 5px 10px 5px 10px;
	text-align: left;
	background: #fff;
	border-left: 1px solid #e0e0e0;
}
.Chart .AltRow td { background: #f0f0f0; }

.Cleared { overflow: auto; }

.ErrorSummary { position: absolute; left: -230px; bottom: 0px; font-weight: bold; border: 1px solid #c00; padding: 10px; width: 160px; background: #FFAAA6; }

.FieldExplanation { font-size: 11px; }
.HasJS .FieldExplanation { display: none; }
a.FieldExplanationLink, a.FieldExplanationLink:visited { font-style: italic; color: #999; text-decoration: none; }
a.FieldExplanationLink:hover , a.FieldExplanationLink:visited:hover { font-style: normal; color: #06c; text-decoration: none; }

.NoBullets { list-style: none none; margin: 10px 0px 10px 0px; padding: 0px; }

.Pedigree {
	line-height: 1.2;
	font-size: 10px;
	padding: 40px 20px 20px 20px;
	background: #fafafa url("images/pedigree_header.gif") no-repeat;
	border-bottom: 2px solid #e0e0e0;
}
.Pedigree div { padding: 2px 5px 2px 5px;	border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; }
.Pedigree .SL5{ margin-left: 450px; background: #eeD; }
.Pedigree .SL4{ margin: 0px 100px 0px 350px; background: #eed; }
.Pedigree .SL3{ margin: 0px 200px 0px 250px; background: #eed; }
.Pedigree .SL2{ margin: 0px 280px 0px 150px; background: #eed; }
.Pedigree .SL1{ margin: 0px 380px 0px 50px; background: #eed; }

.Pedigree .DL5{ margin-left: 450px; background: #eee; }
.Pedigree .DL4{ margin: 0px 100px 0px 350px; background: #eee; }
.Pedigree .DL3{ margin: 0px 200px 0px 250px; background: #eee; }
.Pedigree .DL2{ margin: 0px 280px 0px 150px; background: #eee; }
.Pedigree .DL1{ margin: 0px 380px 0px 50px; background: #eee; }

.Pedigree .L0 {
	margin-right: 350px;
	background: #008D85;
	color: #fff;
	padding: 5px;
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
}

.DropDownMenu {
	position: absolute;
	z-index: 999;
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	background: none;
	width: 185px;
	top: 40px;
	left: 0px;
	list-style: none;
	display: none;
}
.DropDownMenuShadow {
	position: absolute;
	z-index: 998;
	margin: 0px;
	padding: 0px;
	background: #000;
	border: 1px hidden #000;
	width: 185px;
	height: 200px;
	top: 44px;
	left: 4px;
	display: none;	
}
ul.DropDownMenu li { margin: 0px; padding: 0px; display: block; }
ul.DropDownMenu a, .DropDownMenu a:visited {
	padding: 3px 9px 3px 9px;
	margin: 0px;
	display: block;
	background: #b7851c;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	border: 0px;
	color: #fff;
	float: none !important;
}
.DropDownMenu a:hover, .DropDownMenu a:visited:hover {	background: #a77214; color: #fff; }

.ReaderComment { margin-top: 15px; padding-top: 10px; border-top: 1px solid #ccc; }

.ValidationErrorMessage { display: block; font-weight: bold; color: #c00; }

#raceResults { font-size: 10px; border-left: 1px solid #ccc; }
#raceResults th { padding: 2px 10px 2px 15px; background-color: #f4f4f4; font-size: 13px; height: 30px; border: 1px solid #ccc; border-left: 0px; text-align: center; vertical-align: middle; }
#raceResults td { padding: 2px 10px 2px 15px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; text-align: center; vertical-align: middle; }

.Odd td { background: none; }
.Even td { background: #fcfcec; }

#raceResults .RaceName { text-align: left; }
#raceResults .Date span { display: none; }

.SortableTable th { cursor: pointer; }
.SortableTable th.ASC { background: url("images/sort_up.gif") 5px 50% no-repeat; color: #008D85; }
.SortableTable th.DESC { background: url("images/sort_down.gif") 5px 50% no-repeat; color: #008D85; }

.TextBox { border: 1px solid #b7851c; padding: 2px 5px 2px 5px; font: normal 11px Verdana, Arial, Helvetica, sans-serif; }


.feedburnerFeedBlock { font: normal 1em Verdana, Arial, Helvetica, sans-serif; margin: 20px 0px 20px 0px; padding: 10px 15px 15px 15px; border: 1px solid #e0e0e0;"" }
.feedburnerFeedBlock ul {list-style:none; margin:0; padding:0;}
.feedburnerFeedBlock li {margin: 10px 0; padding:0;}
.feedburnerFeedBlock .feedTitle {margin:5px 0; font-size:1.2em;}
.feedburnerFeedBlock .feedTitle a{font-weight:bold; color:#bc7e00; text-decoration:none; }
.feedburnerFeedBlock .feedTitle a:hover {text-decoration:underline;}
.feedburnerFeedBlock .headline {font-weight:bold;}
.feedburnerFeedBlock .headline a {text-decoration:none; color:#00725e;}
.feedburnerFeedBlock .headline a:hover {text-decoration:underline;}
.feedburnerFeedBlock .date {margin:0; font-style:italic; color: #666;}
.feedburnerFeedBlock #creditfooter {margin-top:10px;}
