@charset "UTF-8";

/*	-------------------------------------------------------------
	WDYL, General Layout
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	.url		whodoyoulike.com
	-------------------------------------------------------------	*/

/*	-------------------------------------------------------------
	whodoyoulike, Table of Contents
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	=General Styles
	=Layout
	=Header
	=Home
		=buzzing
		=contestPromo
		=hotTopics
		=topTalkers
		=homeFoot
	=Footer
	=TrackFormatting
	
*/


/*	-------------------------------------------------------------
	=General Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	body{
	  margin:0;
	  padding:0;
	  text-align:center;
	  background:url(../images/siteBG.png) repeat-x #131520;
	  color:#fff;
	  font-family:Arial, Helvetica, sans-serif;
	  font-size:10px;
	}
	h1, h2, h3, h4, h5, h6, p, ol, ul, li, blockquote{
		padding:0;
		margin:0;
	}
	h2{}
	h3{font-size:1.5em;}
	h4{font-size:1.3em;}
	p{margin:.5em 0;}
	a img{border:none; text-decoration:none;}
	
	a{color:#FFF; outline:none;}
	a:hover{color:#b01d0b; text-decoration: none;}
	.break{clear:both;}
	a.older, a.newer {text-decoration:none; padding:3px 5px; border:1px solid #666; float:left; margin:5px 20px;}
	a:hover.older, a:hover.newer {background-color:#eee;} 
	input[type="text"], textarea{
	font-family:Arial,Tahoma, Verdana,Helvetica, sans-serif;
	border:2px solid #c2c2c2;
	padding:5px 4px;
	color:#333;
	}
	input[type="submit"].button{
		background:url(../images/button-red-bkgnd.jpg) repeat-x;
		color:#FFFFFF;
		border:none;
		padding:3px 5px;
		letter-spacing:.1em;
		font-weight:bold;
		cursor: pointer;
	}
	h1 a, h1 a:hover{color:#fff; text-decoration:none; font-size:1.6em;}
	.break, .clear{clear:both; }
	.red{ background:red; }
	.blue{ background:blue; }
	hr{ clear:both; height:0; padding:0; border:none; border-top:1px solid #666; }
	.pagination{ margin: 0; padding:0; overflow:hidden; }
	.pagination a{ border:1px solid #ccc; color:#b01d0b; display:inline-block; padding:5px 10px;
		font-size:.8em; text-decoration:none; }
	.pagination a:hover{ border:1px solid #ffcccc; color:#b01d0b; }


/*	-------------------------------------------------------------
	=Layout
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#container {width:950px; margin: 0 auto;}
	.mainWrapper{
		background:#242630;
		text-align:left;
	}
	.mainWrapper .foot{
		background:#242630 url(../images/content-bkgnd-bottom.gif) no-repeat bottom;
		height:10px;
	}

	.imgClass{border:none; text-decoration:none; padding-left:10px;padding-right:2px; padding-bottom:2px; padding-top:5px;}
/*	-------------------------------------------------------------
	=Header
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#header {background:url(../images/headerBG.jpg) no-repeat top left; position:relative; width:950px; height:90px;}
	a.logo {display:block; height:66px; width:157px; position:absolute; top:14px; left:22px; text-indent:-999px; overflow:hidden;}
	#loginSearch {background:url(../images/navBG.png) no-repeat; width:740px; height:46px; position:absolute; bottom:0px; right:0px;}
	#loginSearch ul {list-style:none; float:left; margin-left:16px;}
	#loginSearch li {display:inline; }
	#loginSearch li a{font-family:Arial Narrow; text-decoration:none; display:block; float:left; padding:17px 18px 11px 18px; border-right:1px solid #2d323b}
	.search {float:left; margin:8px 8px 0 0; }
	.search input[type="text"] {width:192px; height:12px}
	.search input[type="image"] {border:0px; padding:0px; vertical-align:bottom;}
	
	.funcNav {float:right; margin:10px 0px 0 0; Position:relative; Z-index: 1;width: 400px;top: -9px;}
	.funcNav a {text-decoration:none; font:normal 11px arial; margin:0 8px;}

/*	-------------------------------------------------------------
	=Home
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	/***** =buzzingOld 
	#buzzing {background:url(../images/buzzingBG.jpg) no-repeat; border:3px solid #FFF; border-width:3px 3px 0 3px; padding-left:265px; height:196px;}
	h3#buzzHeading {background:url(../images/buzzHeading.png) no-repeat; width:658px; height:28px; float:left; overflow:hidden; text-indent:-999em; margin:17px 0 0 0;}
	*****/
	
	/***** =contestPromo 
	#contestPromo {background:url(../images/contestBG.jpg) no-repeat; width:224px; height:72px; padding:2px 2px; float:right; margin:2px 2px 0 0; border:2px solid #FFF; color:#FFF;}
	#contestPromo h3 {font:bold 15px arial; margin:0 0 0 0;}
	#contestPromo p {font:bold 11px arial; margin:0px 0px 10px 0px;}
	#contestPromo p a{font:normal 12px arial; margin-top:5px;}
	
	#popularTracks {float:left; width:420px;}
	#popularTracks h4 {font:bold 14px arial; margin:11px 0 3px 0; color:#333;}
	a.atLink {font:normal 10px arial; color:#333; text-transform:uppercase}
	#popularTracks a.atLink {color:#333;}
	#popularTracks ul {list-style:none; float:left; width:140px;}
	#popularTracks ul li {margin-bottom:7px;}
	#popularTracks a {color:#93270d;}

	*****/
	
	/***** =buzzing *****/
	#buzzing {background:url(../images/homeBlank.jpg) no-repeat; border:5px solid #FFF; height:156px; padding:20px;}
	h3#buzzHeading {background:url(../images/buzzHeading.png) no-repeat; width:758px; height:23px; float:left; overflow:hidden; text-indent:-999em; margin:0 0 16px 0;}

		/***** =contestPromo *****/
	#contestPromo {background:url(../images/contestBG.jpg) no-repeat; width:224px; height:74px; padding:2px 2px 25px; float:left; margin:0px 18px 0 0; border:2px solid #FFF; color:#FFF;}
	#contestPromo h3 {font:bold 15px arial; margin:0 0 0 0;}
	#contestPromo p {font:bold 11px arial; margin:0px 0px 10px 0px;}
	#contestPromo p a{font:normal 12px arial; margin-top:1px;}
	
	#popularTracks {float:left; width:420px;}
	#popularTracks h4 {font:bold 14px arial; margin:0px 0 3px 0; color:#070707;}
	a.atLink {font:normal 10px arial; color:#333; text-transform:uppercase}
	#popularTracks a.atLink {color:#333;}
	#popularTracks ul {list-style:none; float:left; width:140px; font:normal 12px arial;}
	#popularTracks ul li {margin-bottom:7px;}
	#popularTracks a {color:#070707; }

	
	/***** =hotTopics *****/
	#hotTopics {background-color:#d8e2ec; padding:15px 20px; width:910px; position:relative;}
	#hotTopics #hotTopicHeader {background:url(../images/hottestTopics.png) no-repeat; height:23px; width:400px; text-indent:-999em; margin: 0 0 5px 10px}
	#hotTopics .switchLink 
	{
		background:url(../images/button-red-bkgnd.jpg) repeat-x;
		color:#FFFFFF;
		font-size:12px;
		border:none;
		padding:1px 2px;
		letter-spacing:.1em;
	}
	#hotTopics .h2 {color:Black; font-size:22px;font-weight:bold; }
	#topicContainter {overflow:hidden; color:#333; position:relative;}
	#topicContainter .topic {background:#FFF; width:260px; float:left; margin:0 9px -240px 9px; padding:10px 10px 300px 10px; border:1px solid #c8d5e0;}
	.topic h3 
	{
		background:#fcb84f;
		/**background:url(../images/topicBG.gif)no-repeat scroll left bottom #fcb84f;**/
		padding:5px 5px 10px 12px; color:#FFF; 
		margin-bottom:-5px; font:bold 18px arial;}
	.topic h3 a {text-decoration:underline;}
	#topicContainter .topic ul {list-style:none;}
	#topicContainter .topic ul li {overflow:hidden; margin-top:16px; font:normal 12px arial;}
	#topicContainter .topic ul li img {width:29px; float:left; margin-right:10px;}
	#topicContainter .topic ul li p {float:left; width:221px; margin:0px;}
	#topicContainter .topic ul li p a {color:#93270d; font-size:11px;}
	.topicAdd {background:#9da8b4; text-decoration:none;  padding:1px 7px; float:left; 
margin:8px 0 -4px 0; font-size:9px; text-transform:uppercase; width:90px; position:absolute; bottom:10px;}
	.topicMore {background:#9da8b4; text-decoration:none;  padding:1px 7px; float:right; 
margin:8px 0 -4px 160px; font-size:9px; text-transform:uppercase; width:90px; position:absolute; bottom:10px;}

	.topicLeft, .topicRight {display:block; width:47px; height:56px; overflow:hidden; text-indent:-999em; position:absolute; top:64px;}
	.topicLeft {background:url(../images/topicLeft.png) no-repeat; left:-17px;}
	.topicRight {background:url(../images/topicRight.png) no-repeat; right:-7px;}


	/***** =topTalkers *****/
	#tt {background:url(../images/ttBG.gif) #d8e2ec repeat-x; height:31px; padding:15px 35px 3px 35px; color:#333; overflow:hidden;}
	#tt a {color:#333; margin:0 10px 0 4px;}
	#tt strong {font-size:14px;}
	#tt .joinTT {
		float:right; color:#FFF; 
		text-decoration:none; 
		background:url(../images/greyButton.gif); 
		padding:8px 18px; 
		text-transform:uppercase; 
		font-size:12px; display:block; 
		margin-top:-8px;
	}
	/*Summary Widget*/
	.topicSummary{
	margin: 0;
	color:#87bddc;
	border-top:1px solid #b9baba;
	clear:both;
	font-size:medium;
	}
	
	.topicSummary:hover {
		background-color:Maroon;
	}
	.topicSummary strong{
	/*	width:160px; */
		display:inline-block;
		vertical-align:bottom;
		color:#fff;	
	}
	.topicSummary a, h4{text-decoration:none; display:block;padding:2px 5px 5px 2px;}
	

	.topicSummary a:hover, h4:hover{
		color:#fff;
		background-color:Maroon;
	}
	.homeIndex {border:1px solid #b9baba; width:240px;}
	.homeIndex h1 {font-size:22px; background-color:Gray; padding:2px 10px 5px 10px;}
	.homeIndex p.current,
	.homeIndex p.current a:hover{
		background:Maroon url(../images/arrow-right.gif) 220px 10px no-repeat;
	}



	/***** =homeFoot *****/
	#homeFoot {overflow:hidden; margin:23px 0 0 0px; padding-bottom:15px;}
	#homeFoot h3 {font-size:18px;}
	#homeFoot .hbuckets {width:300px; float:left;}
	#homeFoot #postMin {margin:0 10px 0 30px; width:275px;}
	#homeFoot #topics1 {margin:0 10px 0 30px; width:275px;}
	#homeFoot #topics2 {margin:0 10px 0 30px; width:275px;}
	#homeFoot .hbuckets ul {list-style:none; font-size:12px;} 
	#homeFoot .hbuckets ul li {margin: 8px 0 0 0;}
	#homeFoot .hbuckets img {margin-top:8px;}
	#homeFoot #centerAd {margin-right:10px;}

/*	-------------------------------------------------------------
	=Footer
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.siteFooter{
		margin: 0 auto;
		text-align:left;
		font-size:.8em;
		margin:10px 0px;
		color:#CCCCCC;
	}
	.siteFooter p{
		margin:0 0 15px 0;
	}
	.siteFooter a{
		color:#a4a4a4;
		margin-right:10px;
	}
	.footerLinks{
		/* border-top:1px solid #541817; */
		margin:30px 0 0 0;
		padding:10px 0 0 0;
		font-weight:bold;
	}


/*	-------------------------------------------------------------
	=TrackFormatting
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#track.mainWrapper {padding:10px;}
	#trackInfo {background-color:#FFF; color:#333; padding:10px 10px 4px 10px; margin-bottom:10px; overflow:hidden;}
	#trackCol1, #trackCol2 {float:left;}
	#trackCol1 {width:177px; margin-right:17px;}
	#trackCol2 {width:460px; font:normal 12px arial; margin-top:9px;}
	a.trackUpdates {display:block; background:url(../images/greenBG.jpg) repeat-x; 
		text-align:center; text-decoration:none; border:1px solid #1e232a;
		margin-top:5px; font:bold 12px arial; height:16px; padding-top:3px;
	}
	a.trackUpdates:hover {color:#EEE; text-decoration:underline;}
	#trackCol2 h1 {font:bold 18px arial;}
	#trackCol2 a {color:#333;}
	#trackCol2 a:hover {text-decoration:underline; color:#b01d0b}
	#trackCol2 p {margin-top:2px;}
	#trackInfo #contestPromo {float:right; margin:0px;}
	
	/* email reminder form */
	#ctl00_PageContent_emailCap_pnlSetEmail {margin-top:10px;}
	#ctl00_PageContent_emailCap_pnlSetEmail input {display:block;}
	#ctl00_PageContent_emailCap_btnSaveEmail {margin-top:5px;}
	#ctl00_PageContent_emailCap_btnSaveEmail:hover {background:#ddd;}

	.col01 {width:470px; float:left;}
	.col02 {width:452px; float:right;}
	
	.col01 .ad {display:block; margin-bottom: 10px;}

	/**** TOP LINKS *****/
	#topLinks {background:#FFF; padding-bottom:10px;}
	#topLinks h3, .trackRaces h3, .commentSubmit h2 {background:#9a1e0d; font:bold 13px arial; height:18px; padding:6px 0 0 13px; color:#fff;}
	#topLinks ul {margin:10px 0 0 13px;}
	#topLinks ul li {background:url(../images/asterisks.gif) no-repeat 0 4px; padding-left:10px; margin-bottom:5px;}
	#topLinks li a {color:#333; font:bold 12px arial;}
	#topLinks li a:hover {color:#9a1e0d;}
	
	/***** RACES *****/
	.trackRaces {background:#FFF; margin-top:10px; color:#333;}
	.trackRaces h3 img {vertical-align:top; padding-left:5px;}
	.trackRaces .trHeader {height:41px; background:url(../images/trHeaderBG.gif) repeat-x bottom left; position:relative; padding:10px;}
	.raceNav {overflow:hidden; margin:0px 0 0 -2px ;}
	.raceNav strong {display:block; float:left; margin:0px 10px 0px 5px; font:bold 14px arial;}
	a.trPrev, a.trNext {width:18px; height:17px; display:block; color:#333; overflow:hidden; position:relative; float:left;}
	a.trPrev span, a.trNext span {display:block; background-image:url(../images/arrows.gif); position:absolute; top:0; left:0; width:100%; height:100%;}
	a.trPrev span {background-position:0 0;}
	a.trNext span {background-position:0px 17px;}
	a:hover.trPrev span {background-position:18px 0;}
	a:hover.trNext span {background-position:18px 17px;}
	
	.raceWatch {width:160px; background:#FFF url(../images/camera.gif) no-repeat 11px 6px; 
	padding:7px; text-align:right; color:#bc1a04; 
	border:1px solid #CCC; font:bold 12px arial; text-transform:uppercase; 
	position:absolute;
	top:8px;
	right:5px;
	display:block;
	}
	
	.rTabs {width:200px; height:25px; margin-top:9px; overflow:hidden;}
	.rTabs a {display:block; height:18px; float:left; padding:7px 15px 0px 15px; 
	background:#7d7e84; margin-right:5px; font:bold 11px arial; 
	text-decoration:none; text-transform:uppercase;
	}
	.rTabs a.on {color:#000; background:#FFF;}
	.trContent {margin:0px 10px; padding:8px 0;}
	.trContent table {border-collapse: collapse; width:450px; font:normal 12px arial;}
	.trContent table th {background-color:#fbad49; padding:1px 0 3px 0; font:bold 12px tahoma; color:#FFF; text-transform:uppercase;}
	.rp {width:47px; text-align:center; padding:5px 0px;}
	.rh {width:266px;}
	.rh a {color:#333; }
	.ro {width:57px;}
	.rc {width:80px;}
	.calenderStyle  {border-style: solid; border-width: 1px; border-collapse: collapse; visibility: visible; left: 217px; top: 430px; width: 223px; z-index:200; color:Black; background-color:#FFF;}
	/*.calenderStyle  {border-style: solid; border-width: 1px; border-collapse: collapse; visibility: visible; position: absolute; left: 217px; top: 430px; width: 223px; position:relative; z-index:200; background-color:#FFF;}*/
	
	/***** MORE TRACKS *****/
	#poptracks {background:#FFF; color:#333; margin-top:10px; overflow:hidden; padding:10px 15px;}
	#poptracks h3 {font:bold 14px arial; margin-bottom:4px;}
	#poptracks a {color:#900;}
	#poptracks ul {list-style:none; float:left; width:146px;}
	#poptracks ul li {margin-bottom:8px;}
	#poptracks a.atLink {color:#333; display:block; clear:both; width:70px; margin-top:10px;}
	
	
	/***** COMMENT SUBMIT *****/
	.commentSubmit {color:#333; background:url(../images/commentBG.gif) bottom left #FFF repeat-x;}
	.commentSubmit h2 {margin:0px; padding:5px 0 0px 11px; font-weight:normal; height:17px;}
	.commentSubmit textarea {width:400px; height:25px; margin:0px 15px 0 18px; clear:both; font:normal 12px arial; border-width:1px;}
	.commentSubmit label {display:block; margin:12px 0 0 18px; font-weight:bold; float:left; width:300px; text-transform:uppercase;}
	.commentChars {float:right; margin:15px 22px 0 0; width:100px; text-align:right; font:bold 10px arial; text-transform:uppercase;}
	.commentSubmit input[type="submit"] {background:url(../images/button-red-bkgnd.jpg); color:#FFF; 
	border:1px solid #000; padding:1px 4px; margin:5px 0 5px 18px;
	text-transform:uppercase; font-size:12px; font-weight:bold;
	}
	
	.poweredTwitter {float:right;}
	
	#commentList {background:#FFF; color:#333; padding:1px 0 0 0; margin:0px !important;}
	.comment {margin-top:7px; font-size:12px; position:relative; border-bottom:1px solid #ccc; padding:0px 15px 2px 15px;}
	.comment a {color:#bc1a04;}
	.comment img {width:29px; float:left; margin-right:10px;}
	/*.comment img {width:29px; float:left; margin-right:10px; margin-bottom:30px;}*/
	.comment .commentMeta {font-size:11px;}
	.comment p {margin:0px 0 4px 0 ;}
	.comment a.reply {display:block; font-size:11px; text-decoration:none; width:50px; text-align:right; background:url(../images/reply.gif) no-repeat 5px 0px; color:#ccc;}
	/*
	.comment a.reply {display:block; position:absolute; top:41px; right:6px; font-size:11px; 
	text-decoration:none; width:50px; text-align:right;
	background:url(../images/reply.gif) no-repeat 5px 0px; color:#ccc;
	}
	*/
	.comment .cTags, .comment .cTags a {color:#8d8d8d; font-size:11px;}
	.comment .cTags {margin-left:40px;}
	.comment .ago { margin-left:40px; color:#956838; font-size:11px;}
	
	#commentPages {background-color:#d0d1d2; padding:10px 11px;}
	#commentPages a {border:1px solid #b2b2b3; background-color:#FFF; color:#333; font-size:11px; padding:1px 6px; margin-right:1px; text-transform:uppercase;
	text-decoration:none; font-weight:normal;}
	#commentPages a[disabled="disabled"], #commentPages a:hover[disabled="disabled"] {color:#ccc; background-color:#FFF;}
	#commentPages a:hover {color:#000; background-color:#CCC;}
	
	#raceTopTalk {color:#333; background-color:#FFF; margin-top:10px; padding:7px 15px;}
	#raceTopTalk a {color:#333;  margin:0 7px;}



/*	-------------------------------------------------------------
	=Column Layouts
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	div.colMain,
	div.colSidebar{
		float:left;
		position:relative;
		margin:0 10px;
		padding:10px 0;
		width:455px;
	}
	#home div.colMain, #watchlist div.colMain{width:680px;}
	#home div.colSidebar, #watchlist div.colSidebar{width:230px;}
	
	#race div.colMain, #track div.colMain, #horse div.colMain{width:450px;}
	#race div.colSidebar, #track div.colSidebar, #horse div.colSidebar{width:460px;}
	
	#topic div.colMain{width:610px; float:none; padding:20px 0 0 0;}
	#topic div.colSidebar{width:610px; padding:0;}
	
	
	#profile div.colMain{width:300px;}
	#profile div.colSidebar{width:610px;}
	
	/* module specifics */
	div.module{
		color:#ccc;
		margin:15px 0 20px 0;
		clear:both;
	}
	div.module p{
		margin-left:10px;
		line-height:1.4em;
	}
	div.module strong{color:#fff;}
	div.module h2{
		padding:6px 10px;
		font-size:1em;
		letter-spacing:.05em;
		color:#fff;
		text-transform:uppercase;
	}
	div.module li{
		margin:5px 0 5px 20px;
	}
	div.module .head{background:url(../images/mod-300-fill.gif) repeat-x top;}
	div.module h2{background:url(../images/mod-300-bottom.gif) no-repeat bottom;}
	
	#race div.module .head, #track div.module .head, #horse div.module .head{background:url(../images/mod-450-fill.gif) repeat-x top;}
	#race div.module h2, #track div.module h2, #horse div.module h2{background:url(../images/mod-450-bottom.gif) no-repeat bottom;}
	
	ul.race{}
	ul.members{}
	ul.cloud{}
	
	
/*	-------------------------------------------------------------
	=allTracks
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.AllTracks{
		width:950px;
		margin: 0 auto;
		text-align:left;
		font-size:1em;
		margin-top:0;
		color:#CCCCCC;
		position:relative;
		clear:both;
		padding-top:10px;
	}
	.AllTracks ul{list-style:none;}
	.AllTracks li{display:inline;}
	.AllTracks ul.linkCol{ float:left; width:170px; margin:0 20px 10px 0; }
	.AllTracks ul.linkCol li{ display:block; }
	.AllTracks h5{ font-size:1em; margin:0 0 0 0; }
	.AllTracks h2{ font-size:5em; font-weight:bold; margin:0 0 0 0;}
	.AllTracks p{ margin:0 0 15px 0; }
	.AllTracks a{ color:#a4a4a4; margin-right:10px;}
	.footerLinksAllTracks{ border-top:1px solid #541817; margin:30px 0 0 0; padding:10px 0 0 0; font-weight:bold; }


/*	-------------------------------------------------------------
	=Contest pages 
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#contest .colMain {width: 600px;  }
	#contest .colSidebar {width: 310px;}
	#picksHead {background-color: #941c0b; color: #FFF; font: normal 21px arial; text-align: center; padding: 10px 0px;}
	#picksHead span {text-transform: uppercase; text-decoration: underline;}
	.picksHeadClass {background-color: #941c0b; color: #FFF; font: normal 21px arial; text-align: center; padding: 10px 0px;}
	.picksHeadClass span {text-transform: uppercase; text-decoration: underline;}
	.picksHeadClass small a {line-height:4px;}
	.picksHeadClass a:hover{ color:#131520; text-decoration:underline;}
	
	.racelist {background: #FFF; color: #333; padding: 10px; overflow: hidden; border-bottom: 2px solid #ccc;}
	.racelist table {width: 240px; overflow: hidden; float:left;}
	.rightTable {margin-left:50px;}
	.racelist table td {padding: 4px 0px;}
	.racelist h3 {color:#9d1f0e; font-size: 1.2em;}
	.racelist h3 a {color:#9d1f0e;}
	#contestHighlightv2 h4 {font-size: 1.2em;}
	#contestPrizev2 table.leaderboard {margin:0px; float:none; background:#FFF; color:#333;}
	#contestPrizev2 table.leaderboard td {padding:10px 0px;} 
	
	
	h2 span.trackDeadline {font-size:12px; font-weight:bold; background-color:#b01d0b; padding:5px 10px;}
	#contests {padding:10px;}
	.hiw {margin-bottom:20px;}
	.contest {float:left; width:300px; margin-right:10px; display:inline;}
	.contest ol {padding-left:20px;}
	.contest ol li {padding:8px 0px;}
	.contest ol .cHorse {display:inline-block; width:150px; font-weight:bold;}
	.contest ol .cPick {
		background:url(../images/button-red-bkgnd.jpg) repeat-x;
		color:#FFFFFF;
		border:none;
		padding:6px 10px;
		letter-spacing:.1em;
		font-weight:bold;
		margin:5px 0px 0px 30px;
		text-decoration:none;
	}
	
	#contestPrize {clear:both; background:#888; float:left; width:930px; margin-top:30px;}
	#contestPrize p {margin:0px;}
	#contestHighlight {float:left; width:480px; background:#666; padding:10px; margin:5px; height:120px;}
	#contestHighlight p small {line-height:15px; margin-top:10px; display:block}
	#contestLeader {float:left; width:380px; margin:5px; font-size:.9em}
	#contestLeader big {font-weight:bold; font-size:14px;}
	.ysc {margin-top:10px;}
	.ysc p big {margin-top:5px; display:block;}
	.ysc span {padding-right:20px;}

/*	-------------------------------------------------------------
	=Race/Track 
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	div.trackHead{
		padding:20px 10px;
		padding:20px 10px 0 10px;
		clear:both;
		border-bottom:1px solid #54565d;
		overflow: hidden;
	}
	div.trackHead .avatar{
		border:1px solid #fff;
		float:left;
		margin:0 10px 10px 0;
	}
	div.trackHead h2{
		font-weight:normal;
		font-size:1.6em;
	}
	
	#headDetails {width: 750px; margin-right: 10px; float: left;}
	.headDates {width:170px; text-align: center; float: right;}
	.headDates strong {padding: 0px 10px; font: bold 1.2em tahoma;}
	.headDates a {
		display: inline-block; 
		height: 21px; 
		width: 10px; 
		overflow: hidden;
		text-indent: -999em;
		vertical-align: middle;
		 }
	.headDates .rightArrow {background: url(../images/rightArrow.png);}
	.headDates .leftArrow {background: url(../images/leftArrow.png);}
	.headDates a.disable, .headDates a:hover {background-position: -10px 0px !important;}
	
	p.rinfo1, p.rinfo2{
		float:left;
		margin:10px 10px 20px 10px;
		line-height:1.5em;
	}
	table.raceCard{
		margin:10px;
		font-size:.9em;
		width:430px;
		
	}
	table.raceCard th{
		color:#fff;
		text-transform:uppercase;
	}
	table.raceCard td, table.raceCard th{
		border-bottom:1px solid #ccc;
		padding:6px 2px;
	}
	.post,.odds{ width:10%; text-align:center;}
	td.horse{ width:30%;}
	td.jockey, td.trainer{ width:17%;}
	td.claim, th.claim{ width:15%; text-align:right;}
	td.horse a:hover{font-weight:bold;}
	td.claim strong{color:#7dee38;}
	
	.trackHead .adUnit{
		float:right;
		margin:5px 0 0 10px;
	}
	.trackHead .button{
		float:left;
	}
	
	ul.raceLevelSummary a{ font-weight:bold; text-transform:uppercase;}
	ul.raceLevelSummary{
		font-size:.8em;
	}
	
	ul.raceLevelSummary em{
		display:block;
		color:#999999;
	}
 


/* User settings */
#settings {width:620px;}
#settingsNav {border-bottom:1px solid #ccc; margin-left:-20px;}
#settingsNav h2 {margin-left:20px;}
#settingsNav ul {list-style-type:none; margin:15px 0px 0px 20px; padding:0px;}
#settingsNav ul li {display:inline;}
#settingsNav ul li a {
	display:inline-block; 
	padding:7px 15px; 
	border:1px solid #ccc; 
	margin:0px -5px -1px 0px;
	text-decoration: none;
	background-color: #EEE;
	}
#settingsNav ul li a:hover {text-decoration:underline;}
#settingsNav ul li a.on {border-bottom:1px solid #FFF; background-color:#FFF;}

.settingNote {padding-bottom:10px; margin-top:0px;}
#settings fieldset.upload, #settings fieldset.tall {width:465px;}
#content #settings fieldset.upload {border-top:1px solid #ccc; padding: 10px 0px;}
#settings fieldset.upload img {float:left; width:73px; margin:0px 15px;}
#settings fieldset.upload p {float:left; width:240px;}

#settings fieldset.tall { border-top:1px solid #ccc; }
#settings fieldset.tall p {clear:both; float:left; width:100%;}
#settings fieldset.tall label {float:left; width:90px; margin-top:8px;}
#settings fieldset.tall input, #settings fieldset.tall textarea {float:left; width:360px;}
#settings fieldset.tall p.check input {float:none; display:inline; width:20px; vertical-align: middle;}
#settings fieldset.tall p.check label {float:none; display:inline;}
#settings.button {margin-left: 90px;}
.change {display:block; margin-top:6px; font-weight:bold;}
#dma {border-top:1px solid #ccc; margin-top:10px;}
#dma a {display:block; margin-top:10px; font-weight:bold; width:150px;}


/* login overlay */
.overlay{position:fixed; top:0px; left:0px; width:100%; height:100%; background:#000; opacity:0.7; z-index:5}
.loginReg {position: fixed; background: #FFF; top: 50px; width: 620px; padding: 16px 40px 40px 40px; z-index: 500; left: 50%; margin-left: -350px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color:#000; text-align:left;}
.loginReg em {display: block; background: #D9F1FD; padding: 10px; color: #3B8298; text-align: center; margin:0px -20px; font-size:16px;}
.loginReg h2 {color: #B01D0D; margin: 14px 0px 5px 0px; font-size:30px}
.loginReg p {margin: 0px 0px 8px 0px; clear:both; font-size:16px;}
.loginReg label {width:130px; display:block; float:left; font-size:15px;}
.loginReg input {border:1px solid #CCC; padding:4px; float:left; margin-bottom:15px; width:230px;}
.loginReg p.loginIndent {margin:0px 0px 0px 0px; float:left; width:200px;}
.loginReg hr {clear: both;}
.loginReg .remember {text-decoration:underline;}
.loginReg .rememberMe {width:20px;}
.loginReg .rememberMe input {width:20px !important;}
.loginReg input.logIn{background-color: #3B8294; border: none; color: #FFF; padding: 7px; font-weight:bold; width:80px;
float:none; 
}
.oauthsignin 
{
	background:url(../images/SigninwithTwitter.png) no-repeat;
	border:none;
	letter-spacing:.1em;
	font-weight:bold;
	width:114px;
	height:18px;
	margin:0 8px;
	text-decoration:none;
	Position:relative;
	Top:12px;
	cursor: pointer;
	}

#regCol1, #regCol2 {float:left;}
#regCol1 {width: 370px; margin-right: 20px;}
#regCol1 p {margin-bottom:20px;}
#regCol2 {width: 221px; background: red;}
#regCol1 a {color: #3B8296; font-weight: bold;}
/* Search */
#search h4 {margin:0px 0px 5px 0px; padding-left:20px; background:url(../images/arrowDown.png) no-repeat left 5px;}
.track { width:200px; float:left; margin:0px 0px 10px 0px; }
.track a {text-decoration:none; font-weight:bold;}
.track img {border:1px solid #CCC; padding:8px; height:40px; }
#search hr.break {margin-top:10px;}
#search .commentSummary {border-top:none; padding-left:0px; overflow:hidden; width:890px;}
#search .commentSummary .avatar {margin:0 10px 0 0;}
#search .commentSummary .comment {float:left; width:800px; margin:0px; padding:0px; border:none;}
#search .commentSummary .reply {top:0px; right:-40px; cursor:pointer}
/* Contest pages */

#contest .colMain {width: 600px;  }
#contest .colSidebar {width: 310px;}
#picksHead {background-color: #941c0b; color: #FFF; font: normal 21px arial; text-align: center; padding: 10px 0px;}
#picksHead span {text-transform: uppercase; text-decoration: underline;}
.racelist {background: #FFF; color: #333; padding: 10px; overflow: hidden; border-bottom: 2px solid #ccc;}
.racelist table {width: 240px; overflow: hidden; float:left;}
.rightTable {margin-left:50px;}
.racelist table td {padding: 4px 0px;}
.racelist h3 {color:#9d1f0e; font-size: 1.2em;}
.racelist h3 a {color:#9d1f0e;}

.cnum {font-weight: bold;}
.chorse {width: 135px;}
.chorse a {color: #333;}
.chorse a:hover {color: #9d1f0e;}
.codds {font-weight: bold; color: #aaa;}
.cpick {width: 40px;}
.cpick a {
	border:1px solid #d3b4af; 
	background: #f0f0f0; 
	padding: 2px 5px; 
	color: #9d1f0e; 
	text-transform: uppercase;
	text-decoration: none;
	font:normal 11px arial;
	}
.cpick a:hover {text-decoration: underline;}

#contestHighlightv2 h4 {font-size: 1.2em;}
#contestPrizev2 table.leaderboard {margin:0px; float:none; background:#FFF; color:#333;}
#contestPrizev2 table.leaderboard td {padding:10px 0px;} 
#contestPrizev2 table.leaderboard 	a{color:#000; outline:none;}
#contestPrizev2 table.leaderboard  a:hover{color:#b01d0b; text-decoration: none;}



h2 span.trackDeadline {font-size:12px; font-weight:bold; background-color:#b01d0b; padding:5px 10px;}
#contests {padding:10px;}
.hiw {margin-bottom:20px;}
.contest {float:left; width:300px; margin-right:10px; display:inline;}
.contest ol {padding-left:20px;}
.contest ol li {padding:8px 0px;}
.contest ol .cHorse {display:inline-block; width:150px; font-weight:bold;}
.contest ol .cPick {
	background:url(../images/button-red-bkgnd.jpg) repeat-x;
	color:#FFFFFF;
	border:none;
	padding:6px 10px;
	letter-spacing:.1em;
	font-weight:bold;
	margin:5px 0px 0px 30px;
	text-decoration:none;
}

#contestPrize {clear:both; background:#888; float:left; width:930px; margin-top:30px;}
#contestPrize p {margin:0px;}
#contestHighlight {float:left; width:480px; background:#666; padding:10px; margin:5px; height:120px;}
#contestHighlight p small {line-height:15px; margin-top:10px; display:block}
#contestLeader {float:left; width:380px; margin:5px; font-size:.9em}
#contestLeader big {font-weight:bold; font-size:14px;}
.ysc {margin-top:10px;}
.ysc p big {margin-top:5px; display:block;}
.ysc span {padding-right:20px;}

/* Contest Results */

#resultsOptions {float:left; width:600px;}
#resultsOptions h2 {display:inline;}
#resultsOptions select {border:1px solid #ccc; padding:2px 0px 2px 5px; margin-left:15px;}

#notLate {float:left; width:250px; padding:5px 10px; background:#333; margin:-10px 0px 15px 0px;}

.results .contest ol li {padding:2px 0px 4px 4px; margin-bottom:1px;}
.results .contest .cHorse {width:230px;}
.contest .placed {background:#333;}
.cPlace {font-size:17px;}
.cPlace sup {font-size:11px;}
#contestWinners {border-top:1px solid #666; clear:both; padding-top:15px; margin-top:10px;}
#contestWinners  h3 {margin-bottom:5px; padding-left:5px;}
#contestWinners img {margin:5px;}


/* Login Info */
#loginSearch {text-align:right; margin-top:20px; float:right;}
#loginSearch .siteLogin {display:block; font:bold 14px trebuchet ms; color:#FFF; }
.searchField {display:inline; padding:5px; vertical-align:top; border:1px solid #b9baba; font:normal 9px tahoma;}
#loginSearch ul {list-style-type:none; margin:0px; padding:0px}
#loginSearch ul li {display:inline; margin:0px 5px;}
#loginSearch ul li a {text-decoration:none; color:#FFF; font: normal 14px trebuchet ms;}
#loginSearch ul li a:hover {text-decoration:underline; display: inline-block;}

/*Getting Started */
#getstarted h2 {padding: 15px 0px 0px 15px;}
#profileStart {background: #FFF; color: #333; margin: 15px; padding: 15px;}
#startForm label {width: 100px; display:inline-block; color:#666;}
#startForm input {border:1px solid #999; width:200px; marign-right:20px;}
#startForm em {display: inline-block; margin-left:20px; color:#999;}
#startForm {margin-bottom:25px;}
#profileStart a {color:#333;}

#ttSelect {border: 1px solid #ccc; padding: 5px; height: 200px; overflow: auto;}
.tt {width:250px; float: left; overflow:hidden; margin:0px 35px 20px 0px;}
.ttCheck {width:20px; float:left;}
.ttDetails {width:230px; float:left;}
.ttDetails img {width:75px; float:left; margin-right:5px;}
.ttDetails a {display:block; font:bold 15px arial; color:#b01d0b !important;}

/* Start Now Overlay */
#startNow {color:#333; background:#FFF; padding:20px 40px; overflow:hidden;}
#startNow  h2 {color:#b01d0b; margin-bottom:20px;}
#startCol1 {width:450px; margin-right:50px; float:left;}
#startCol2 {width:300px;  float:left;}
.ssteps {margin-bottom:30px; overflow:hidden;}
.ssteps a {color:#333;}

#startNow .startnum {width:26px; float:left; margin-right:10px;}
.startInfo {float:left; width:390px;}
#startbene {background:#EBEBEB; padding:10px 30px;}
#startbene h3 {color:#b01d0b; margin-bottom:10px;text-transform: uppercase; font-size: 1.4em;}
#startbene ul {list-style-image:url(../images/startBullet.png); margin-left:20px;}
#startbene li {margin-bottom:5px;}

.startTour {display:block; border:1px solid #FFF; background:#ccc; color:#333; padding:5px; width:100px; text-align:center; margin-top:10px; }

/* autocomplete styles */
.autocomplete_completionListElement {background:#242630; border:1px solid #ccc; position: relative; z-index: 500;}
.autocomplete_completionListElement li {border-bottom:1px solid #333; display:block !important; float:none; overflow:hidden; padding:5px 0px; color:White}
.autocomplete_completionListElement li:hover {color:#b01d0a; cursor: pointer;}


/* rateItNew */
.rateItNew{ background:#F2F2F3; padding:10px; margin-bottom:0px; color:#333; overflow:hidden; }
.rateItNew img {float:left; margin-right:10px;}
.rateItNew h2{ font-size:1.2em; text-transform:none !important; font-weight:bold;
}
.rateItNew h3{ font-weight:normal; margin:3px 0 0 0; line-height:1.2em; font-size:1.2em;
}
ul.tags{ margin:0 0 10px 20px; padding:0; }
ul.tags li{	 margin:3px 0; }
.editTags{ color:#333; background:url(../images/commentBG.gif) repeat-x bottom #F2F2F3 scroll; margin-bottom:10px; padding:0 10px 0px 70px;
}
.editTags a{ color:#000; }
.editTags .tagItem{ font-weight:normal; }
.editTags a.tagDone{
	background:url(../images/button-red-bkgnd.jpg) repeat-x top left #b01d0b;
	color:#FFF;
	text-transform:uppercase;
	letter-spacing:.05em;
	font-size:.8em;
	padding:6px 8px;
	display:inline-block;
	margin:8px 0;
	text-decoration:none;
}
a.removeTag, a.addTag{
	color:#b01d0b;
	display:inline-block;
	padding:3px 8px;
	font-size:.8em;
	text-decoration:none;
	width:auto;
	line-height:1.2em;
	text-transform:uppercase;
}
a.removeTag:hover, a.addTag:hover{ text-decoration:underline; }




/** Comments **/
div.talkFeed{
	color:#333;
	background:#fff;
	margin:10px 0;
}
div.talkFeed a{
	color:#333;
}
div.talkFeed .head{
	background:url(../images/talkfeed-620-fill.gif) no-repeat bottom center;
}
div.talkFeed .head h2{
	color:#b01d0a;
	font-size:1.2em;
	text-transform:uppercase;
	background:url(../images/talkfeed-620-top.gif) no-repeat top left;
	padding:20px 20px 0 20px;
}
#race div.talkFeed .head h2, #track div.talkFeed .head h2{
	background:url(../images/talkfeed-460-top.gif) no-repeat top left;
	padding:10px 20px 0 20px;
}
div.talkFeed .head .filter{
	padding:0 20px 10px 20px;
	margin:0;
	font-size:.9em;
}

#race div.talkFeed .commentSummary , #track div.talkFeed .commentSummary, #profile div.talkFeed{
	font-size:.9em;
}
#race div.talkFeed p , #track div.talkFeed p{
	margin-top:0;
}
#profile div.talkFeed .head h2{
	padding-bottom:20px;
}
div.commentSummary{
	border-bottom:1px solid #959699;
	padding:10px 20px;
	clear:both;
}
.avatar{
	border:1px solid #ccc;
	float:left;
	margin:0 10px 10px 0;
	position:relative;
}
div.commentSummary a{
	color:#9d1f0e;
}
a.memberName{
	font-weight:bold;
}
div.commentSummary a.reply{
	color:#333;
	text-decoration:none;
	font-style:italic;
}

div.commentSummary a.reply:hover{
	text-decoration:underline;
}

div.commentSummary{
	background:#fff;
	border-top:2px solid #d5d5d7;
	color:#333;
	margin:0;
	padding:12px 20px;
	clear:both;
	overflow: hidden;
}
div.commentSummary p{
	margin:0.5em 0;
}


/** Profile **/
.profileDetails {
	margin-bottom:20px;
}
.profileDetails a {text-decoration:underline; cursor:pointer}
.profileDetails .stats{
	margin-top:20px;
	font-size:.8em;
	font-weight:bold;
}
.award{
	width:50px;
	text-align:center;
	float:left;
	margin:10px 5px;
	text-transform:uppercase;
	font-size:.8em;
	color:#fff;
}

.module .commentSummary {
	font-size:.9em;
}
.module .commentSummary a{
	color:#fff;
}

.module .commentSummary a.reply{
	color:#666;
	text-decoration:none;
}
a.map{
	text-transform:uppercase;
	font-size:.8em;
}

/** watchlist **********/
ul.watchlist{
	margin:20px 10px;
}
ul.watchlist li{
	margin:5px 0 5px 10px;
	clear:both;
	list-style:none;
}
ul.watchlist a{
	float:left;
	width:400px;
	line-height:1.8em;
}
 ul.watchlist a.remove{
	border:1px solid #ccc;
	color:#b01d0b;
	display:inline-block;
	padding:3px 8px;
	font-size:.8em;
	text-decoration:none;
	width:auto;
	line-height:1.2em;
	float:left;
	text-transform:uppercase;
}

 ul.watchlist a.remove:hover{
	border:1px solid #ffcccc;
	color:#b01d0b;
}
a.add{
	text-transform:uppercase;
	font-size:.8em;
	text-decoration:none;
	background:#333;
	padding:2px 8px;
	color:#ccc;
	width:auto;
	display:inline-block;
	border:1px solid #999;
	line-height:1.2em;
	margin-left:10px;
}
a.add:hover{
	color:#fff;
	border:1px solid #FFF;
}

/* Content Pages */

div#content{
	
	width:950;
	text-align:left;
	margin:0 auto;
	padding:20px 20px 40px 20px;
	position:relative;
	background:#fff;
	color:#333;
}

div#content p{
	margin: 15px 50px 0 0;
	line-height:1.4em;
}

div#content h2{
	color:#A42E1D;
	font-size:1.8em;
}
div#content a{
	color:#A42E1D;

}
div#content fieldset{
	border:none;
	padding:0;
	margin:0;
}
div#content fieldset label{
	display:block;
}

div#content fieldset p input,
div#content fieldset p textarea{
	background:#efefef;
	border:1px solid #999999;
	padding:5px;
	line-height:1.4em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
}
div#content fieldset p input{
	width:300px;
}
div#content fieldset p textarea{
	width:500px;
	height:100px;
}


/*CSS COPY START for introductory message for new users */
.introWelcome {width:830px; margin:50px auto 0px auto; position:relative; z-index:300;}
.introbgtop {background:url(../images/intro_bg_top.png) no-repeat top left; height:14px;}
.introtop {height:139px; background:url(../images/intro_bg_topFade.png) bottom left repeat-x #FFF; padding:0px 15px; oveflow:hidden;}
.introtop h2, .introtop h3 {margin:0px; font-size:12px; position:relative; overflow:hidden; text-indent: -999em; clear:both;}
.introtop h2 {height:36px; width:773px; background:url(../images/intro_header.png) no-repeat; margin:0px 0px 0px 15px;} 
.introtop h3 {height:16px; width:711px; background:url(../images/intro_welcome.png) no-repeat; margin:15px 0px 0px 15px}
.introContent {background-color:#FFF;}
.introbgbottom {background:url(../images/intro_bg_bottom.png) no-repeat bottom left; height:14px;}
a.introHide {background:#CCC; color:#333; font:bold 12px arial; padding:4px; margin:3px 0px 15px 0px;display:block; width:100px; text-align:center; float:right; text-decoration: none;}

.threeBenefits {overflow:hidden; padding:48px 30px 52px 31px; border-bottom:1px solid #E3E3E3; margin-bottom:28px;}
.introHot {background:url(../images/intro_hot_icon.png) no-repeat; height:58px; width:220px; float:left; margin-right:44px;}
.introHot p {margin:0px 0px 0px 48px; background:url(../images/intro_hot.gif) no-repeat; height:58px; width:170px; text-indent:-999em;}
.introGet {background:url(../images/intro_get_icon.png) no-repeat; height:58px; width:220px; float:left; margin-right:55px;}
.introGet p {margin:0px 0px 0px 52px; background:url(../images/intro_get.gif) no-repeat; height:58px; width:168px; text-indent:-999em;}
.introDiscuss {background:url(../images/intro_discuss_icon.png) no-repeat; height:58px; width:220px; float:left;}
.introDiscuss p {margin:0px 0px 0px 71px; background:url(../images/intro_discuss.gif) no-repeat; height:58px; width:145px; text-indent:-999em;}

.joinConversation {overflow:hidden; width:100%;}
.joinConversation image {margin:0px 44px 10px 32px; float:left; }
.joinConversation img {margin:0px 44px 10px 32px; float:left; }
.joinConversation input {margin:0px 44px 10px 32px; float:left; }
.twitterLoginNow {display:block; float:left; background:url(../images/intro_twitter_icon.png) no-repeat bottom left; padding:8px 0px 9px 35px; color:#000; font:normal 15px arial; margin-top:0px;}
.asterisk {display:block; color:Red; font:normal 12px arial; margin-top:0px;}


/*copy END */


.pageNav {background-color:#666; margin:-11px -15px 10px -15px; overflow:auto; padding-left:5px;}
.pageNav a {padding:3px 5px; display:block; float:left; border-left:1px solid #CCC;}
.pageNav a#ctl00_PageContent_topicSelector_settingsLink {padding-left:20px; background:url(../images/icons/cogdit.png) no-repeat left top;}
.pageNav a img {height:16px; display:none;}
.pageNav a:hover, .pn_selected {color:#FFF; background-color:#242630 !important;}

.what_you_see {background:#FFF; color:#333; padding:20px;}
.what_you_see h2 {font-size:22px; margin-bottom:10px;}
.what_you_see ul {list-style-type:none; margin:0 0 10px 0;}
.what_you_see ul a {color:#B61d08; margin-right:5px;}
.what_you_see ul a:hover {color:#333;}
.what_you_see em {display:block; margin-top:10px;}
.what_you_see .watermarked {font-size:small; display:block; width:250px !important;}