﻿/*body overrides*/
body
{
	background:#EEEEEE;
	color:#222;

}
#doc4{border:0px solid #FFF;}
#ft{padding:10px;background-image:url(../simages/footerbg.jpg);background-repeat: repeat-x;font-size: 11px;color:#999;}
#ft h4{color:#666;font-weight: bold;margin:0px;font-size: 11px;}
#ft .footerColumn a{color:#999;font-family:Arial;}
#ft .footerColumn a:hover{color:#cd1713;text-decoration:underline;}
#ft .footerColumn {width:240px;float:left;}


/*general overrides*/
a{color:#222;}
a:hover{color:#cd1713;text-decoration:underline;}
h1{font-size:26px;font-family:Arial;}
h1.topic{font-family:Helvetica;border-bottom:3px solid #DCDDDE;margin-bottom:15px;padding:5px 5px 5px 0;color:#cd1713;}
h2, h2 a, h1.topic{font-family:Helvetica;background:url(../simages/racer_navbg.gif);border-bottom:1px solid #DCDDDE; border-top:3px solid #DCDDDE;margin-bottom:10px;padding:8px 5px;color:#BF0B1B;font-size:1.0em;font-weight:bold;}
h1.topic{padding:7px 10px;}
h3 a{font-weight:bold;font-size:16px;color:#222;}
h3 a:hover{color:#cd1713;text-decoration:none;}
h5, h5 a{text-transform: uppercase;color: #cd1713;font-weight: bold;font-size: 12px;font-family: arial,tahoma,sans-serif;border:0;padding:0;margin-bottom:10px;}
.deck{font-size:13px;color:#222;}
.articleBody{font-size:13px;}
.articleBody a{color:#cd1713;}
.GoogleAdLink {color:#cd1713;}
.googleAFSAds a{color:#cd1713;}

/*breadcrumb*/
#breadcrumb a{color:#cd1713;}

/*button styles*/
.pages a, .pages a:hover {
   background:#CD1713;color:#FFF;border:1px solid #CD1713;
}

/*button styles*/
.button{border:1px solid #CD1713;background-color:#CD1713;color:#fff;padding: 0.2em 0.5em 0.1em 0.5em;text-decoration:none;}
.button:hover {border-color: #CD1713;}


/*Utility Nav*/
.utilityNav{background:#EEEEEE;padding:5px;margin:0 10px;border: solid #F0F0F0;border-width:0px 1px 1px 1px;font-size:12px;font-weight:bold;font-family:helvetica;background-image:url(../simages/racer_navbg.gif)}
.utilityNav .left a{font-family:Helvetica;}
.utilityNav .left{width:45%;text-align:left;float:left;padding-top:3px;}
.utilityNav .right{width:45%;text-align:right;float:right;}

/*Search box*/
#search_box_container{text-align:right;margin:0px;}
#search_box{margin:0px;}
#search_box .buttonSearch{background:#CD1713;color:#FFF;border:1px solid #CD1713;*border:0px;text-transform:uppercase;font-size:13px;font-weight:bold;padding:1px 2px;*padding:2px 0 1px 0;}
#search_box .searchField{width:275px;margin-right:10px;background-color:#FFF !important;border:1px solid #CFCFCF;padding:3px 1px;}

/*Logo and Leaderboard*/
.logoLeaderboard{padding:0;margin:30px 5px 20px 10px;}
.logoLeaderboard .logo{width:40%;text-align:left;float:left;}
.logoLeaderboard .leaderboard{width:49%;text-align:right;float:right;padding:0;margin:0;}


/*nav container BG (should match li bg)*/
#navContainer{margin:0 10px;background:#FFF;border-top:3px solid #222;border-bottom:3px solid #DCDDDE;background-image:url(../simages/racer_navbg.gif);}

/*all lists*/
#primaryNavMenu, #primaryNavMenu ul {padding: 0;margin: 0;list-style: none;line-height: 1;}

/*all links*/
#primaryNavMenu a {display: block;text-align:center;padding:6px 6px;text-transform:uppercase;font:bold 17px arial, "arial black", sans-serif;color:#010d37;}

/* all list items */
#primaryNavMenu li {float: left;background-color:#FFFFFF;background-image:url(../simages/racer_navbg.gif)}

/* top level hovers*/
#primaryNavMenu li a:hover{text-decoration:none;color:#D61714;background:none;}
#primaryNavMenu li a.menuLinkOn{color:#D61714;text-decoration:none;}

/* second-level lists */
#primaryNavMenu li ul {position: absolute;background: #e9e9e9;	width: 14em;left: -999em;border:none;z-index:1000;}

/*second level nav items*/
#primaryNavMenu li ul li{text-align:left;width:100%;padding:0px;}
#primaryNavMenu li ul li a{font:bold 14px arial, verdana, sans-serif;text-align:left;width:100%;color:#222 !important;background: #e9e9e9 !important;}
#primaryNavMenu li ul li:last-child a {border-bottom:2px solid #afafaf;}
#primaryNavMenu li ul li a:hover{background: #DDD !important;color: #000 !important;}
#primaryNavMenu li:hover ul, #primaryNavMenu li.sfhover ul {left: auto;margin-top:0px;margin-left:-1px;}

/*top level "stuck" hovered state when on subnav*/
#primaryNavMenu li:hover, #primaryNavMenu li.sfhover {background: none;color:#D61714;}
#primaryNavMenu li:hover a, #primaryNavMenu li.sfhover a{background:none;color:#D61714}

/*Seconday Navbar*/
#secondayNavLogin{}
#secondaryNavContainer {display:inline;font-size:.90em;}
#secondaryNavContainer ul {list-style: none;padding: 0;margin: 0;float:left;margin:0 10px;}
#secondaryNavContainer li{float:left;margin:0;padding: 0;}
#secondaryNavContainer li a{display:block;padding:6px 10px 4px 5px;border:0;color:#333;font-weight:bold;background-color:#FFF;}
#secondaryNavContainer li a:hover{background-color:#FFF;text-decoration:underline;color:#D61714;}
#secondaryNavContainer li.first{padding:0;background-color:#FFF;border:0;}
.loginPanel{float:right;padding:6px 16px 4px 10px;font-size:.90em;font-weight:bold;}


/*Register*/
#register a{color:#cd1713;text-decoration:underline;}

/* 
slider format
Inner content DIVs should always carry "contentdiv" CSS class
Pagination DIV should always carry "paginate-SLIDERID" CSS class

*/
.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 0px solid #333;
border-bottom-width: 0px;
width: 411px; /*width of featured content slider*/
height: 320px;
}


.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 0px;
background: #F9F9F7;
width: 411px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
}


.sliderwrapper .contentdiv .contentdivinfo {padding:3px 5px;}
.sliderwrapper .contentdiv .contentdivinfo h3{margin:0;font-family:arial;font-size:16px;}
.sliderwrapper .contentdiv .contentdivinfo p{margin:0;font-family:arial;font-size:12px;}

.pagination{
width: 391px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
background-color: #FFF;
padding: 5px 10px;background-image:url(../simages/dmheaderbg.gif);background-repeat: repeat-x;
border-top:1px solid #DEE4E7;
}

.pagination a{
font-family:Arial;
font-size:14px;
border:1px solid #DEE4E7;
color: #8F8F8F;
background-color: #FFF;

padding: 0 5px;
text-decoration: none; 

}

.pagination a:hover, .pagination a.selected{
color: #FFF;
background: #cd1713;
}


/*Top List overriders*/
ul.topList li {color:#cd1713;} 

/*popular topic ovverides*/
.articleColumnBoxHeader{background-image:url(../simages/racer_navbg.gif);color:#666;border:1px solid #DCDDDE;padding:8px 10px;}
.articleColumnBoxContainer{padding:10px;background-color:#fff;border-left:1px solid #DCDDDE;border-right:1px solid #DCDDDE;border-bottom:1px solid #DCDDDE;}
.tag1 a:hover,.tag2 a:hover, .tag3 a:hover, .tag4 a:hover{text-decoration:none;color:#fff;background-color:#cd1713;}


/*tabs */

.mostRecentTabs ul.tabnav a {
 background-image:url(../simages/racer_navbg.gif);
  border: solid #DCDDDE; border-width: 1px 0px 1px 1px;

}
.mostRecentTabs ul.tabnav a.last{border-right:1px solid #DCDDDE;} 
.mostRecentTabs div {border: solid #DCDDDE; border-width: 0 1px 1px 1px;}



/*Format Overriders*/
.FormatA, .FormatB, .FormatC{margin:0px 0px 30px 0px;}

/*hide the deck on the carousel*/
.homepage-carousel-introtext .deck{display:none;}
.homepage-carousel-introtext
{
    margin-top:215px;
   	opacity: .8;
	filter: alpha(opacity=80);
}

/*tweak the query asset more links*/
.qryMoreLink {padding-right:10px;}
.qryMoreLink a {color:#cd1713;}

/*SOLR Search overrides*/
#searchFilters a{color:#cd1713;}
ul.searchFacet li.facetHeader {background-image:url(../simages/racer_navbg.gif);}
#searchResultsContainer .fullPaging {background-image:url(../simages/racer_navbg.gif);}

/*slideshow width - for some reason, racer and slideshow comments needs a forced width*/
#slideshowComments{width:618px;}