﻿/*================ Weather Webpart Styles ==================*/
#weather p { padding-top:0!important; } 
#weather h2 { 
	border-bottom:none; 
	padding-top:0!important;
}

#weather {
	float:left;
	padding-top:5px;
	margin-right:10px;
	width:230px;	
}

#weather img#weather_icon {
	float:left;
	width:128px;
	height:128px;
}

#weather #weather_currtemp {
	color:#003876;
	margin-left:5px;
	float:left;
	width:auto;
	line-height:normal;
}

#weather #weather_currtemp p {
	font:normal 3em "Century Gothic", Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	float:left;
}
#weather #weather_currtemp p#weather_tempunit {
	font:normal 2em "Century Gothic", Arial, Helvetica, sans-serif;
	margin:7px 0 0 3px;
	letter-spacing:normal;
	float:left;
}
#weather #weather_currtemp p#weather_conddesc {
	clear:left;
	letter-spacing:normal;
	font:1.167em Arial, Helvetica, sans-serif;
	width:254px;
}

#weather #weather_lists {
	clear:left;	
	float:left;	
	width:230px;
}


/*============================== FEEDBACK FORM COMPONENTS ===============================*/

.FormButton
{
	background-image: url(/Style%20Library/Images/Corp/SendButton.png);
	cursor:pointer;
	width:107px;
	height:30px;
	border:0px;
	background-color:transparent;
}

.FormTable
{
	
}

.FormCell
{
	padding-bottom:10px;
}

.FormTextBox
{
	
}

.FormLabel
{
	font-weight:bold;
}

/*============================== HOMEPAGE PROMO BOX COMPONENTS ===============================*/
#promo-box {
	height:258px;
	width:877px; /*Actually 727px but the 1px is for the space between the list and the picture*/
	overflow:hidden;
	position:relative;
	margin-left:4px;
	margin-bottom:20px;
}

#promo-list {
	background:url(../Images/Corp/promo-control-bg.png) no-repeat;
	width:341px;
	height:258px;
	margin:0px;
	padding:0px;
	display:block;
	float:left;
	position:relative;
}
#promo-list li {
	margin:0px;
	padding:0px;
	list-style:none;
	color:#c2c2c2;
	font-size:11px;
	display:block;
	float:left;
	clear:both;
	height:48px;
	width:318px;
	position:absolute;
	left:14px;
}
#promo-list li img.promo-tn {
	float:left;
	margin-right:10px;
}

#promo-list li .promo-text {
	float:left;
}

#promo-list li#button1 {
	top:10px;
}
#promo-list li#button2 {
	top:75px;
}
#promo-list li#button3 {
	top:139px;
}
#promo-list li#button4 {
	top:204px;
}

#promo1-picture {
	display:none;
	z-index:1;

}
#promo2-picture {
	display:none;
	z-index:1;

}
#promo3-picture {
	display:none;
	z-index:1;

}
#promo4-picture {
	display:none;
	z-index:1;

}

.promo-item-on {
	display:block !important;
}
.promo-item-off {
	display:none !important;
}
#promo-list li a {
	display:block;
	height:100%;
	width:100%;
	text-decoration:none;
}
#promo-list li a:link {
	color:#6a6a6a;
	text-decoration:none;
}

#promo-list li a:visited {
	color:#6a6a6a;
	text-decoration:none;
}

#promo-list li a:hover, #promo-list li.active {
	color:#6a6a6a;
	text-decoration:none;
	background:url(../Images/Corp/promo-item-highlight.png) no-repeat center right;
}

#promo-list li a:focus {
	color:#6a6a6a;
	text-decoration:none;
	background:url(../Images/Corp/promo-item-highlight.png) no-repeat center right;
}

#promo-list li a:active {
	color:#6a6a6a;
	text-decoration:none;
}

#promo-list li h6 {
	color:#1e2e5f;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	font-weight:normal;
	margin:6px 0px 0px 0px;
	padding: 0px;
}

#promo-list li:hover h6,
#promo-list li.sfhover h6,
#promo-list li.active h6
{
	color:#fff;
}
#promo-list li:hover .promo-text,
#promo-list li.sfhover .promo-text,
#promo-list li.active .promo-text {
	color:#949494;
}
.promo-picture, .slide {
	width:535px;
	height:258px;
	top:0px;
	right:0px;
	position:absolute;
}

.slide {
	list-style:none;
}

.promo-picture img, .slide img {
	position:absolute;
	left:0px;
	top:0px;
}

.promo-picture .promo-picture-briefing, .slide .promo-picture-briefing 
{
    display:none;
	position:absolute;
	height:46px;
	width:515px;
	background:url(../Images/Corp/promo-item-desc-bg-full.png) repeat;
	left:0px;
	bottom:0px;
	color:#919191;
	font-size:11px;
	padding:10px;
}
.promo-picture .promo-picture-briefing h6, .slide .promo-picture-briefing h6 {
	font-size:15px;
	color:#eaeaea;
}
.promo-picture .promo-picture-briefing a:link, .slide .promo-picture-briefing a:link  {
	color:#a58237;
	text-decoration:none;
}

.promo-picture .promo-picture-briefing a:visited, .slide .promo-picture-briefing a:visited {
	color:#a58237;
	text-decoration:none;
}

.promo-picture .promo-picture-briefing a:hover, .slide .promo-picture-briefing a:hover {
	color:#a58237;
	text-decoration:underline;
}

.promo-picture .promo-picture-briefing a:focus, .slide .promo-picture-briefing a:focus {
	color:#a58237;
	text-decoration:underline;
}

.promo-picture .promo-picture-briefing a:active, .slide .promo-picture-briefing a:active {
	color:#a58237;
	text-decoration:none;
}

#promo-box img
{
    border:0;
}

ul.slides img
{
    width:535px;
    height:258px;
}

/************ Search Results Styles *************/
.srch-Title a:link, 
.srch-Title a:active, 
.srch-Title a:visited {
	color:#FFFFFF;
	text-decoration:none;
}

.srch-Title a:hover,
.srch-Title a:focus {
	color:#FFFFFF;
	text-decoration:underline;
}

.srch-Icon {
	padding-right:10px;
}

.srch-Description {
	color:#333333;
	font-family:arial;
	font-size:1em;
	margin:8px 0px 5px;
}

.srch-Description b {
	color:#000000;
}

.srch-Metadata {
	border-top:1px solid #cccccc;
	color:#cccccc;
	font-family:Tahoma;
	font-size:1em;
	margin:0 0 15px;
}

.srch-URL a:hover,
.srch-URL a:focus {
	color:#1e2e5f;
	text-decoration:underline;
}

.srch-URL a:link, .srch-URL a:active, .srch-URL a:visited {
	color:#0066ff !important;
	text-decoration:none;
}

.srch-sort {
	color:#333333;
	font-size:1em;
}

.srch-sort a:hover {
	color:#1e2e5f;
	text-decoration:underline;
}

.srch-sort a:link, .srch-sort a:visited {
	color:#0066ff;
	text-decoration:none;
}
img.labelTopStory {position:absolute;bottom:0;left:0}


/*============= Supplementary Race Info ==============*/
.RaceInfoLocatorGrid a:link {
	color:#0066ff;
	text-decoration:none;
}

.RaceInfoLocatorGrid a:visited {
	color:#0066ff;
	text-decoration:none;
}

.RaceInfoLocatorGrid a:hover {
	color:#0066ff;
	text-decoration:underline;
}

.RaceInfoLocatorGrid a:focus {
	color:#0066ff;
	text-decoration:underline;
}

.RaceInfoLocatorGrid a:active {
	color:#0066ff;
	text-decoration:none;
}

.RaceInfoLocatorGrid .ms-vb2
{
    color:#000;
    font-size: 14px;
}

/*================ BrightCove Most Viewed Videos web part ======================*/
.videoLink .title {
	margin-bottom:2px;
	padding:4px;
	font:normal 9pt arial;
	cursor:pointer;
	padding:0
}
 
.videoLink .title:hover {
	background:#ddd;
}
 
.videoLink .title p {
	margin:0;
	padding:0;
}
 
.videoLink p.displayName {
	font-weight:bold;
	color:#000000;
}
 
.videoLink p.shortDescription {
	font-weight:normal;
	color:#cccccc;
}
 
.videoLink div.thumb {
	float:left;
	width:60px;
	height:44px;
	margin-right:10px;
	background:#333;
	border:1px solid #666;
}
 
.videoLink div.thumb img {
	width:100%;
	height:100%;
} 
.brightCove {padding: 0 12px;font-size:11px}
.brightCove .brightCove { padding:10px}

.brightCove .ms-WPBody {background-color:#000;}
#content-copy H3 {color:#CCC;font-size:13px}
.brightCove a.videoLink {padding:0 !important}
.brightCove a.videoLink div.title {background-color:#444;border:1px solid #666}

.brightCove .ms-WPHeader TD, .racetrack-newsPage .brightCove .ms-WPBorder {border:0 !important}
.brightCove a.videoLink .thumb {}
.brightCove a.videoLink .displayName {font-size:11px;font-family:Arial, Helvetica, sans-serif;color:#FFB700}
.brightCove a.videoLink .views {font-size:11px;color:#CCC}
.brightCove a.videoLink .description {font-size:11px;color:#CCC}

/*========= Top News ==========*/
#TopNewsContainer {padding:10px;background-color:#333}
#TopNewsContainer .newsRow {display:block;cursor: pointer;font: 9pt arial;margin-bottom: 2px;overflow: hidden;padding: 4px;background-color:#444;border:1px solid #666;font-size:11px}
#TopNewsContainer .newsImage .image {width:60px;height:44px;}
#TopNewsContainer .newsImage {float:left;border: 1px solid #666;margin-right:10px;position:relative}
#TopNewsContainer .newsRow a.newsLink {color:#FFB700;font-weight:bold}
#TopNewsContainer .newsRow .textButtons {position:relative;height:18px;}
#TopNewsContainer .newsRow .description {color:#CCC;font-size:10px}
#TopNewsContainer .newsRow .textButtons a {color:#FFB700}
#TopNewsContainer .newsRow .textButtons .readArticleButton {}
#TopNewsContainer .newsRow .textButtons .playVideoButton {position:absolute;right:0;top:0;padding-left:20px;background:url('/Style%20Library/Images/Global/icon_playVideoSmallSprite.png') no-repeat 5px 0}
#TopNewsContainer .newsRow .textButtons .playVideoButton:hover{background-position: 5px -22px }


