@charset "utf-8";
body {
	font: 12px Arial, Helvetica, sans-serif;
	background: #fff url('../images/bg.jpg');
	margin: 0;
	padding: 0;
	color: #4F4F4F;
}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	padding: 0;
	margin: 0;
}

h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
	padding-right: 15px;
	padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
}

p { font-size:12px; }

a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color: #42413C;
	text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
	font-size:12px;
}
a:visited {
	color: #42413C;	
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: underline;
}

h2
{
	background: url('../images/h2BG.png') bottom repeat-x;
	text-transform:uppercase;
	margin:0 10px 5px 8px;
	font-size:20px;
	letter-spacing:2px;
	padding:5px 0 2px 0;	
}

h3
{	
	font-family:Arial Narrow, Helvetica, sans-serif;	
	font-size:18px;
	color:#666;
	margin:0 8px 1px 6px;			
}

h3.cufon { letter-spacing:1px; }

h4
{
	font-family:Arial Narrow, Helvetica, sans-serif;
	font-size:22px;
	text-transform:uppercase;
	padding:-15px 0 0 0;
	text-align:left;
	margin:0 0 3px 0;
	color:#666;	
	font-weight:normal;
}

h5
{		
	margin:0 10px 1px 3px;
	font-size:14px;	
	padding:2px 0 1px 0;	
	color:#666;
}

label  
{
	padding:3px 0 0 2px;
	min-width:100px;
	font-size:12px; 
	color:#4F4F4F;
}	
	
input[type=text], select, textarea { }

input[type=text], input[type=button], input[type=submit], select, textarea  
{ 	
	color:#4F4F4F; 
}

select { color: #4F4F4F; vertical-align:middle; }

option { padding:2px 0 0 0; vertical-align:middle; }

textarea 
{ 
	font-family: Arial,Helvetica,sans-serif; 
	padding:1px; 
}

/* sponsors footer (results page) */
#sponsor-footer { width:960px;margin-left:auto;margin-right:auto; }


/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}


.loading {	
	position:relative;
	text-align:center;	
}
.loading div {
	height:100%;
	width:100%;
	background:transparent url('../images/load-indicator.gif') no-repeat scroll 50% 50%;	
}

/* AutoComplete */
.autocomplete_ListElement
{	
	
	visibility: hidden;
	margin: 0px !important;
	background-color: #fff;
	color: #757575;
	border: solid 1px #F0F0F0;
	cursor: pointer;
	text-align: left;
	list-style-type: none;
	font-size: 11px;
	padding: 2px;
	white-space: nowrap;
	z-index:999999;
}

.autocomplete_ListItem
{	
	padding: 5px;
	white-space: nowrap;
}

.autocomplete_HighlightedListItem
{
	padding: 5px;
	color: #3F3F3F;
	background-color: #f3ffe9;	
	white-space: nowrap;
}

#slash
{
	background: url('../images/slash.png') no-repeat left 160px;
	width:100%;
	height:500px;
	position:absolute;
	z-index:-1;	
}

#flickr {}
#flickr a { text-decoration:none; }
#flickr a img { border:none; margin:0 3px 2px 3px; }

#wrapper
{
	background: url('../images/trans.png') repeat-x;
	height:800px;
	/*position:relative;*/
	z-index:2000;
}

#roundedbtns {}
#roundedbtns div { line-height:18px;height:18px; }
#roundedbtns div.rndlft { margin:0 0 0 5px; width:9px;background:url('../images/rnd.png') no-repeat left center;float:left; }
#roundedbtns div.rndrt { margin:0 5px 0 0;width:9px;background:url('../images/rnd.png') no-repeat right center;float:left; }

#roundedbtns a
{
	text-transform:lowercase;
	color:#666;
	text-decoration:none;
	background:url('../images/rnd_02.png') repeat-x;
	font-size:12px; 
	line-height:18px;
	vertical-align:middle;
	float:left;
}

#roundedbtns a:hover
{
	color:#000;	
}

#mainContent
{	
	width:661px;
	padding:0 0 10px 0;
	text-align:left;
	margin:0;		
	min-height:354px;
	
}

#mainContentLite
{
	background:url('../images/featuredBGLite_mid.png') repeat-y;
	width:970px;
	padding:0 0 10px 0;
	margin:12px 0 0 0;
	text-align:left;
	min-height:354px;
}

#pagecontent
{
	padding:0 10px 0 10px;
	}

#main, #bl 
{	
	background: url('../images/featuredBG_mid.png') repeat-y; 	
}

#main { margin:12px 0 0 0; min-height:354px; }

#mainlite
{
	width:950px;
	margin-left:auto;
	margin-right:auto;
	min-height:354px;	
}

#raceinfo ul.racetabs
{
	margin:0 0 0 10px;
}

#article, #flfeed 
{
	min-height:300px;
	overflow:hidden;
}

#article img
{
	float:left;
	margin:3px 10px 5px 11px;
	vertical-align:middle;		
}

#article p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	color:#8e8e8e;
}

.articleitem h5 a, .articleitem h5 a:link {
	color:#666;	
	font-size:inherit;	
}

.articleitem h5 a:hover { color:#ed1c24; } 

/*#article a, #article a:link {
	color:#ed1c24;		
}*/

.articleitem h5 {
	margin: 0px 0px auto 11px;
	padding-top:0px;
}

.articleitem .newssummary {
	padding:3px 5px 0 0;
}

#featured, #news  
{
	width:661px;
	background: url('../images/featuredBG_mid.png') repeat-y center top;
	margin:0 5px 0 0; 
}

#featured  
{
	height: 354px; 	
	margin-bottom:0px;
	overflow:hidden; 
}

#featured img 	
{
	/*margin: 2px 0 5px 11px; 	*/
}


#eventWidget, #flfeed, #fbfeed
{
	background: url('../images/sidebarBG_mid.png') repeat-y;
	width:295px;
	margin:12px 0 0 0;
	height:354px;		
	overflow:hidden;
}

#flfeed { height:260px; margin-top:2px;} 

#coolstuff {color:#8e8e8e;font-size:11px;font-family:"lucida grande", tahoma;} /*Facebook link style*/					
#coolstuff a:link {font-size:11px;}
#coolstuff a strong {color:#3b5998;}

/*div#featured h2,#article h2 
{
	background: url('../images/h2BG.png') bottom repeat-x;
	text-transform:uppercase;
	margin:5px 10px 5px 8px;
	font-size:20px;
	letter-spacing:2px;
	text-align:left;
	padding:5px 0 2px 15px;
	padding:10px 0 2px 15px\0/;
}*/

ul.tabs
{
	text-align:left;
	margin:10px 0 5px 10px;	
	margin:5px 0 5px 10px\10px/;	
	border-bottom:dashed 2px #CCC;
	padding-right:10px;
}

ul.tabs li
{
	display:inline;
	font:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-transform:uppercase;
	color:#999;
}

ul.tabs li a
{
	text-decoration:none;
	padding:0 5px 0 5px;
	font-weight:bold;
	color:#777;
}

ul.tabs li a:hover
{
	color:#ed1c24;
}

ul.tabs li.active a
{
	font-weight:bold;
	color:#ed1c24;
	font-size:14px;
}

ul.eventList
{
	margin:0;
	list-style-type:none;
}

div#eventWidget ul.eventList li.eventRow
{
	background: url('../images/eventDiv.png') bottom no-repeat;
	padding:6px 0 0 0;	
}

div#eventWidget ul.eventList li.eventRow:hover
{
	background: #111;
	cursor:pointer;
	color:#fff;
}

div#eventWidget ul.eventList li.eventRow img
{
	float:left;
	margin:3px 6px 0 12px;
	border:1px solid #ddd;
}

#raceinfo h4  
{
	font-weight:normal; 
    color: Black; 
}

#raceinfo h5  
{
	font-weight:normal; 
	color: #666; 
	font-size:16px; 
	font-weight:bold; 
	font-family:Arial Narrow, Helvetica; 
	text-transform:uppercase; 
	margin-bottom:3px;	
	padding:5px 0 3px 0;
}

/*li.event h5 { font-size:40px;letter-spacing:2px;text-transform:uppercase;padding:5px 0 3px 0; }*/

div#eventWidget ul.eventList li.eventRow:hover > h4, div#eventWidget ul.eventList li.eventRow:hover > p
{
	color:#fff;
}

div#eventWidget ul.eventList li.eventRow h4
{	
	font-family:Arial Narrow, Helvetica, sans-serif;
	font-size:12px;
	text-transform:uppercase;		
	padding:-15px 0 0 0;
	text-align:left;
	margin:0 0 0 0;
	color:#666;
	font-weight:bold;
}

div#eventWidget ul.eventList li.eventRow p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:left;
	color:#8e8e8e;	
}

div#eventWidget ul.eventList li.eventRow p a, 
	.articleitem p a, 
	a.redlink
{
	color:#ed1c24;
	text-transform:uppercase;
	font-size:10px;
	text-decoration:underline;
}

div#sidebar ul.promoList
{
	margin:0;
	list-style-type:none;
}

div#sidebar ul.promoList li.flfeed:first-child
{
	margin:12px 0 0 0;
}

div#sidebar ul.promoList li.flfeed
{
	background: url('../images/sidebarBG_mid.png') repeat-y;
	width:295px;
	margin:10px 0 0 0;
	padding:4px 0 0px 0;
}

div#sidebar ul.promoList li.flfeed img.imgfade
{
	background: url('../images/sidebarBG_mid.png') repeat-y;
	width:295px;
	margin:14px 0 0 0;
	padding:5px 0 0px 0;
}



div#homepage
{
	padding:5px 0 0 0;
}


/* ~~ this fixed width container surrounds the other divs ~~ */
.container {
	width: 970px;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
}

/* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
.header {
	height:45px;
	width:546px;
	padding:10px 0 0 20px;
	background: url('../images/topBar.png') no-repeat top;	
	margin:0 0 5px 0px;
	text-align:left;
	float:right;	
}

.header img{
	padding:8px 2px 0 2px;
	margin:0;
	text-align:left;
}

.header font {
	font: 100%/1.4 Arial, Helvetica, sans-serif;
	text-shadow: 0px 1px 1px #fff;
	font-size:12px;	
	color:#777;
	margin:12px 30px 0 0;
	float:right;
}

.header font a{
	color:#ed1c24;
	text-decoration:none;
	padding:-15px 0 0 0;
}

.header font a:hover{
	color:#cf1e25;
	text-decoration:underline;
}

.fadedown { background: url('../images/fadedown.png') repeat-x; }

#logo
{
	background:url('../images/logo.png') no-repeat;
	width:313px;
	height:84px;
	position:absolute;
	top:15px;	
	z-index:1000;
	/*float:left;*/
	margin:0 0 0 15px;
	cursor:pointer;	
}

div#social {width:52px;height:57px;margin:8px 5px 0 0;position:relative;}
.fb { background:url('../images/facebook_lrg1.gif') no-repeat center;float:right; }
.fbover { background:url('../images/facebook_lrg2.gif') no-repeat center;float:right; }
.tw { background:url('../images/twitter_lrg1.gif') no-repeat center;float:right; }
.twover { background:url('../images/twitter_lrg2.gif') no-repeat center;float:right; }
.yt { background:url('../images/youtube_lrg1.gif') no-repeat center;float:right; }
.ytover { background:url('../images/youtube_lrg2.gif') no-repeat center;float:right; }
.htv { background:url('../images/heroes_lrg1.gif') no-repeat center;float:right; }
.htvover { background:url('../images/heroes_lrg2.gif') no-repeat center;float:right; }


div#social-small {width:25px;height:26px;margin:-5px 5px 0 0;position:relative;}
.fb-sml { background:url('../images/fb_sml1.gif') no-repeat left;float:right; }
.fbover-sml { background:url('../images/fb_sml2.gif') no-repeat left;float:right; }
.tw-sml { background:url('../images/twitter_sml1.gif') no-repeat left;float:right; }
.twover-sml { background:url('../images/twitter_sml2.gif') no-repeat left;float:right; }
.yt-sml { background:url('../images/youtube_sml1.gif') no-repeat left;float:right; }
.ytover-sml { background:url('../images/youtube_sml2.gif') no-repeat left;float:right; }
.htv-sml { background:url('../images/heroestv_sml1.gif') no-repeat left;float:right; }
.htvover-sml { background:url('../images/heroestv_sml2.gif') no-repeat left;float:right; }


.content {
	padding: 5px 5px 0px;	
	margin:0 0 0 2px;
	/*text-align:center;*/
}
.contentlite { padding:0;margin:0; }

.contentlite #footer {
	padding:0;	
	border-top:1px solid #ddd;
	width:959px;
	margin-left:5px;
}

.content img#feature {
	padding:0;
	margin:-8px 0 0 -3px;
}
/* ~~ The footer ~~ */
#footer {
	padding:0;	
	border-top:1px solid #ddd;
	width:952px;
}


#footer div.fltlft
{
	margin:0 80px 0 0;
}

#footer ul.links li, #product ul.links li  {
	font-size:12px;	
	list-style-type:none;
	padding:2px 0 2px 4px;
	margin:0;
	text-transform:uppercase;
}

#footer ul.links li a
{
	color:#ed1c24;
	text-decoration:none;
	text-shadow: 0px 1px 1px #fff;
}

#footer ul.links li a:hover
{
	color:#cf1e25;
	text-decoration:underline;
	text-shadow: 0px 1px 1px #fff;
}

#footer ul.links li a:visited
{
	font-size:12px;
}

#footer h3
{
	font-family:Arial Narrow, Helvetica, sans-serif;
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
	color:#636466;
	padding:10px 0 5px 3px;
	margin:0;
}

/*#footer #sideLinks
{
	margin:0 0 0 550px;
}*/

/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.noLi { list-style:none; }

a.tooltip
{
	outline: none;
}

img.imgFade
{
	filter:alpha(opacity=100);
	opacity:1;
}

img.imgFade:hover
{
	filter:alpha(opacity=70);
	opacity:.7;
}

div.hoverImg
{
	background: url('../images/imgHover.png') no-repeat top;
	border:2px solid #F00;
}

.slider 
{
    margin:0;
	padding:0;
	border:none;
}

.slider ul, .slider li 
{
	margin:0;
	padding:0;
	list-style:none;
	border:none;
	}
	
.slider li 
{
	width:490;
	height:179px;
	overflow:hidden; 
	padding:0;
	margin:0;
	border:none;
	}	
	
.slider ul li a img
{
	border:none;
	height:179px;
	margin:0;
	padding:0;
}

.val { color: #D12026; }

.error {
    color: #D12026;
    vertical-align:middle;
    line-height:16px;    
     border:solid 1px #f0f0f0;   
	}
	
.error li {
	list-style-type:none;
    background: #FFF1EF url('../images/err.png') no-repeat 2px center;
    list-style-position:inside;    
    padding: 2px 0px 2px 20px;    
    vertical-align:middle;
	}

.success {
    color: #336600;
    vertical-align:middle;
    line-height:16px;
     border:solid 1px #f0f0f0;   
	}

.success li {
	list-style-type:none;
    background: #f3ffe9 url('../images/tick.png') no-repeat 2px center;
    list-style-position:inside;    
    padding: 2px 0px 2px 20px;    
    vertical-align:middle;
	}

.info {
    color: #336699;
    vertical-align:middle;    
    border:solid 1px #f0f0f0;    
    margin:0;
    padding: 2px 2px 2px 2px;
    background:#f3ffe9;
	}

.info li {		
	list-style-type:none;
    background: url('../images/info.png') no-repeat 2px center;    
    padding: 2px 0 2px 20px;    
    vertical-align:middle;    
	}


/*gridview styles*/
.gv { border:none;border-collapse:collapse; }

.gvrow td, .gvaltrow td,.gvheader td,.gvheader th {border:solid 1px #e8e8e8;padding:3px;}

.gvheader {
	background:#FFF url('../images/h2BG.png') repeat-x left bottom;
	line-height: 20px;
	color:#D12025;
	font-size:12px; 
	border:solid 1px #e8e8e8;
	}


.gvrow {
	background-color:#f0f0f0; 
	color:#666; 	
	}

.gvaltrow { 
	background-color:#ffffff; 
	color:#666; 
	}

.gvfooter {
	background-color:#ffffff; 
	color:#666; 
	}
.gvfooter td {padding:4px;}
.gvsel  {
	background-color:#808080;
	color:#F0F0F0; 
	}

.subtotal { border-bottom:solid 1px #CCCCCC; 
            font-weight:bold; color:#333;}
.total {border-bottom:solid 1px #808080;font-weight:bold;color:#333;}

/*----------Lighbox Styles----------*/

#lightBox .window {   
	position:fixed;     
	display:none;   
	z-index:9999; 
}   
  
  
/* Customize your modal window here, you can add background image too */  
#lightBox #dialog 
{	  
	width:500px;	
	height:600px;	
	background:#FFF;
	border:solid 2px #EFEFEF;	
	padding:10px;
	overflow:scroll;	
}  

#lightBox a  {				
	vertical-align:middle;	
}

#lightBox a:hover{ color:#000;}

#lightBox #close {
	float:right;		
	background:url('../images/cross.png') no-repeat center right;
	padding-right:20px;
	margin:5px 5px 0 0;
	text-align:left;			
	vertical-align:middle;
	text-transform:uppercase;
	font-size:14px;
	letter-spacing:1px;
	font-weight:bold;
	text-decoration:none;
}

#lightBox #next {
	float:right;
	margin-right:15px;
	text-align:left;
	vertical-align:middle;
}

#lightBox #previous {
	float:left;		
	margin-left:35px;
	text-align:right;
	vertical-align:middle;
}

#mask {
	padding:0;
	margin:0;   
	position:fixed;   
	z-index:9000;   
	background-color:#000;   
	display:none;  
	width:100%;
	height:100%;
	left:0;  
}   

#evententry { }
#evententry h4 { border-bottom:dashed 2px #f0f0f0; }

/*Table-type layout */
div.row {
	clear:both;        
    padding: 10px;
	}

div.row span.label {
    width: 150px;
    text-align: right;    
    float: left;
    margin: 3px 10px 0 0;
    color: #4F4F4F;
	}
	
div.row span.input {    
    text-align: left;
    float:left;    
    margin:0 0 0 10px;        
	}
	
#modal  {
	padding:0;
	margin:0;   
	position:absolute;   
	z-index:9000;   	
	display:none;  
	width:100%;
	height:100%;
	left:0;  
	}
	
#modal .prog 
{	
	position:fixed;
	bottom:10px;
	border:solid 1px #333;
	margin-left:10px;	
	vertical-align:middle;
	width:150px;	
	padding:5px;
	background:#FFFFFF;
}

#modal .prog .bar {
	margin-left:auto;
	margin-right:auto;
	height:12px;
	width:150px;
	background:url('../images/prog.gif') repeat-x center center; 
	font-size:10px;
	}

/* icon associated with tooltip help on-screen */
.help { width:16px; height:16px;background:url('../images/question.png') no-repeat;display:inline-block; }

/*expand amd collapse icons*/
.exp { background:url('../images/toggle_small.png') no-repeat center center; }
.col { background:url('../images/toggle_small_collapse.png') no-repeat center center; }

/*shadow crescent under main body and articles*/
.shadow { background:url('../images/shadow.png') no-repeat center top; height:12px;width:100%; } 
.shadow-mini { background:url('../images/shadow-small.png') no-repeat center top; height:10px;width:295px; } 

/* mini icons for print, email, bookmark and back */
a.mini-email,a.mini-print, a.mini-star, a.mini-back, a.mini-gallery { text-decoration:none;padding-left:10px; margin:0 4px 0 4px; }
.mini-email { background:url('../images/mail_small.png') no-repeat 1px center; }
.mini-print { background:url('../images/printer_small.png') no-repeat 1px center; }
.mini-star { background:url('../images/star_small.png') no-repeat 1px center;  }
.mini-back { background:url('../images/arrow_small.png') no-repeat 1px center; }
.mini-gallery { background:url('../images/picture_small.png') no-repeat 1px center; }

.boldred { font-weight:bold; font-size:120%;color:#D12026; }

#likebox-frame{
 border:1px solid #FFF;
 width:287px;
 z-index:10;
 height: 357px;
 overflow: hidden;
 position:relative;
 top:-1px;
 left:-1px;
}
#likebox-frame iframe{
  left:-2px;
  overflow:hidden;
  position:relative;
  top:-1px;
}

a.pagerLink { padding: 0 3px 0 3px; border:solid 1px #ccc;background:#f0f0f0; }
a.pagerLink:hover { border:solid 1px #333;background:#ccc;color: #D12025;}


/*AJAX Calendar */
.calendarExtender .ajax__calendar_container th
{
	padding: 3px;
}
.calendarExtender .ajax__calendar_container td
{
	padding: 3px;
}
.calendarExtender .ajax__calendar_container
{
	background-color: #ffffff;
	border: 1px solid #646464;
	color: DarkBlue;
	z-index: 2000;
}
.calendarExtender .ajax__calendar_other .ajax__calendar_day, .calendarExtender .ajax__calendar_other .ajax__calendar_year
{
	color: black;
}
.calendarExtender .ajax__calendar_hover .ajax__calendar_day, .calendarExtender .ajax__calendar_hover .ajax__calendar_month, .calendarExtender .ajax__calendar_hover .ajax__calendar_year
{
	color: black;
	background-color: #f8ef9f;
}
.calendarExtender .ajax__calendar_active .ajax__calendar_day, .calendarExtender .ajax__calendar_active .ajax__calendar_month, .calendarExtender .ajax__calendar_active .ajax__calendar_year
{
	color: black;
	font-weight: bold;
}