/*-----------------------
ASA Master Stylesheet
V1.0
Updated 7-27-2009
-------------------------*/

/* Global Reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td 
{padding:0; margin:0;}
fieldset, img {border:0;}
table {border-collapse:collapse; border-spacing:0;}
ol, ul {list-style:none;}
address, caption, cite, code, dfn, em, strong, th, var {font-weight:normal;	font-style:normal;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;	font-size:100%;}
q:before, q:after {content:'';}
abbr, acronym {border: 0;}
.clear {clear:both; height:0px;} /* 0px height resolved ie7 spacing issue. */

/* Main Container Layout */
body {background:#332f2f url(images/asphalt-tile-xy.jpg) center top;}
#wrapper {width:976px; margin:0 auto; background:url(images/content-bg-tile-y.png) center top repeat-y;}
#prepage {position:absolute; text-align:center; font-family:arial; 
          font-size:20pt; z-index:100; left:0px; top:0px; 
          background:url(images/content-bg-tile-y.png) center top repeat-y; 
          color:#fff; 
          height:100%; width:100%;
          }
#header {height:151px; background:url(images/header.jpg) top no-repeat; position:relative;}
#header .ad1 {position:absolute; top:59px; right:19px;}
#header .ad1 img {border:1px solid #4a4a4a;}

#content-wrapper {background:url(images/content-bg-repeat-y.png) center top repeat-y; width:976px; margin:0 auto;}

#footer {background:url(images/footer-bg.png) center top no-repeat; height:91px; margin-bottom:10px;}


/* content modules layout */

.main-col {float:left; }

.sub-col-schedule {float:left;}
.sub-col-content {float:left;}
.column-2 {float:right; padding-top:10px;}

/* Utilities Nav */
#header ul {float:right; font-weight:bold;}
#header ul li {float:left; padding:2px;}

/* Main Navigation */

#main-nav {width:976px; height:35px; background:url(images/nav-bg.png) left top repeat-x;}
#main-nav li {float:left; }
#main-nav li a {height:30px; color:#fff; background:url(images/main-nav-sprite.png); display:block;}

#main-nav li a.home {width:70px; background-position:0 30px;}
#main-nav li a.home:hover {background-position:0 0;}

#main-nav li a.news {width:66px; background-position:-70px 30px;}
#main-nav li a.news:hover {background-position:-70px 0;}

#main-nav li a.tracks {width:83px; background-position:-136px 30px;}
#main-nav li a.tracks:hover {background-position:-136px 0;}

#main-nav li a.schedules {width:112px; background-position:-219px 30px;}
#main-nav li a.schedules:hover {background-position:-219px 0;}

#main-nav li a.points {width:80px; background-position:-331px 30px;}
#main-nav li a.points:hover {background-position:-331px 0;}

#main-nav li a.drivers {width:88px; background-position:-411px 30px;}
#main-nav li a.drivers:hover {background-position:-411px 0;}

#main-nav li a.sponsors {width:108px; background-position:-499px 30px;}
#main-nav li a.sponsors:hover {background-position:-499px 0;}

#main-nav li a.fan-gear {width:96px; background-position:-607px 30px;}
#main-nav li a.fan-gear:hover {background-position:-607px 0;}

#main-nav li a.fb {background-image:url(../Images/FBicon.png); display:block; width:32px; height:32px; margin-left: 10px;}
#main-nav li a.tw {background-image:url(../Images/twitter.png);display:block; width:32px; height:32px; margin-left: 10px;}
#main-nav li a.yt {background-image:url(../Images/Youtube_32x32.png);display:block; width:32px; height:32px; margin-left: 10px;}

/* Footer Navigation */
#footer-nav {padding-top:6px; padding-left:116px;}
#footer-nav li {float:left; color:#949393; font-weight:bold; padding:2px 2px;}
#footer-nav li a {color:#fff; text-decoration:none; font-weight:bold;}
#footer-nav li a:hover {color:#ef131b;}

#footer p.trade {color:#fff; clear:both; display:block; padding-top:12px; margin-left:230px; margin-right:30px;}

p.designed-by {width:960px; margin: 0 auto 30px; font-size:9px; color:#ccc;}
p.designed-by a {color:#ccc;}
p.designed-by a:hover {color:#fff;}

/* Fonts */
body {font-family:Arial, Helvetica, Sans-Serif; font-size:11px;}
strong {font-weight:bold;}


/*
.newsContent a:link, .newsContent a:visited {color:#000; text-decoration:none; border-bottom: 1px dotted #000;}
.newsContent a:hover {border-bottom:none; text-decoration:none; color:#ef131b; }
.newsContent a:active {color:#000; text-decoration:none; border-bottom: 1px dotted #000;}
*/



.newsContent a {color:#000;}
.newsContent p a {color:#000; text-decoration:none; border-bottom: 1px dotted #000;}
.newsContent p a:hover {border-bottom:none; text-decoration:none; color:#ef131b; }




/* Links */
a {color:#fff; text-decoration:none;}
a:hover {color:#ef131b;}


/* Modules */

/*************************************************

                COMMON STYLES

*************************************************/




/* size 2 content modules */
/* container */
.size2Module {width:378px; color:#fff; margin:10px 0px 10px 11px;}
.size2Top {height:25px; background:url(images/size2caps.png) left top no-repeat;}
.size2End {clear:both; font-size:1px; height:9px; background:url(images/size2caps.png) left bottom no-repeat;}
.size2Red, .size2White {width:378px; float:left; padding:11px 0 0 0;}

.size2Red { background:#ce0e13 url(images/size2red-bg.png) left top no-repeat;}
.size2White {background:#f3f3f3 url(images/size2white-bg.png) left top no-repeat;}
.size2Top h3, .size1Top h2, .size3Top h3 {font-size:14px; font-weight:bold; padding-left:10px; line-height:24px; color:#fff;}

/* size 1 content modules */
.size1Top {height:29px; background:url(images/size1-topcap.png) no-repeat;} /* graphical top cap */


/* size 3 content modules */
.size3Module {width:287px; color:#fff; margin:0px 11px 10px 0px;}
.size3Top {height:25px; background:url(images/size3-caps.png) left top no-repeat;}
.size3Gray {width:287px; float:left; padding:11px 0 0 0; background:url(images/size3-gray-bg.png) left top repeat-y;}
.size3End {clear:both; font-size:1px; height:9px; background:url(images/size3-caps.png) left bottom no-repeat;}


/* size 3 list of dates and events - no icons */
.size3DateList li {clear:both; padding:3px 10px 6px 70px; font-size: 11px; font-weight:bold; color:#fff; background:url(images/size3-divider.png) center bottom no-repeat;}
.size3DateList li span {display:block; float:left; margin-left:-60px; width: 50px; color:#f92c31; text-decoration:none; cursor:pointer;}



/* pagination controls */
.size3Pager {text-align:center; padding:10px; font-weight:bold;}
.size3Pager span {font-size:16px; position:relative; top:1px;}
.size3Pager span.pipe {color:#ddd; margin:0 4px; font-size:12px; position:static;}


/*************************************************

                  NEWS ROTATOR

*************************************************/

/* container structure */
.rotatorWrapper {width: 654px; margin:10px 0 0 10px;} /* homepage news rotator outer wrapper - margin is here for demo purposes */

.rotatorEndcap {height:8px; background:url(images/size1-endcap.png) no-repeat;} /* graphical end cap */
.rotatorContent {position:relative; background: #f2f2f2;} /* inner container, off-white background extends vertically */

/* News story rotator styles */
.newsTable {width:654px;} /* set the table generated by the datalist to the width of the container */
.mainNewsStory {float:right; display:inline; width:344px; margin:8px 18px 0 0;}/*container for h1, paragraph, and link buttons - display inline fix for ie6 */
.mainNewsStory p, .newsContent p {font-size:11px; line-height:1.3em; color:#04070e; margin-bottom:1em;} /* news story paragraph */
.mainNewsStory h1, .newsContent h1 {font-size:18px; font-weight:bold; line-height:1.2em; margin-bottom:12px;} /* news story title */
.mainNewsStory h1 a {color:#04070e;} /* news story title link color */
.mainNewsStory h1 a:hover {color:#33353b;} /* news story title hover color */

.mainNewsImage {border:1px solid #6e6e6e; float:left; margin:8px 0 12px 12px;} /*news story image*/
.mainNewsButtons {float:right; padding:10px 0 15px;} /* container for the two buttons after the news story */

/* full story button + hover */
.fullStory {float:left; display:block; width:64px; height:22px; background:url(images/btn-fs-an.png) left bottom no-repeat;}
.fullStory:hover {background-position:left top;}

/* all news button + hover */
.allNews {float:left;display:block; width:62px; height:22px; background:url(images/btn-fs-an.png) right bottom no-repeat;}
.allNews:hover {background-position:right top;}

/* slider component - headlines and buttons */
.slider {height:44px;background:url(images/headlines-red-bg.jpg) repeat-x; position:relative;}

/* left and right arrows for slider */ 
.goLeft {float:left; display:block; height:44px; width:37px; background:url(images/btn-scroller-arrows.png) left bottom no-repeat; }
.goLeft:hover {background-position:left top;}

.goRight {float:right; display:block; height:44px; width:37px; background:url(images/btn-scroller-arrows.png) right bottom no-repeat}
.goRight:hover {background-position:right top;}

/* news headline links */
.headlines li {float:left; width:164px; margin:9px 14px 0; overflow:hidden; padding-bottom:2px;}
.headlines li a {color:#fff; text-decoration:none; font-size:11px; font-weight:bold; line-height:1.3em;}
.headlines li a:hover {text-decoration:underline;}

.opaque {
	position:absolute;
	display:block;
	vertical-align:middle;
	width:654px;
	height:218px;
	z-index:100;
	background-color:#ffffff;
	top:2px;
    left:0px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=8)"; 
	filter: alpha(opacity=80);              
	/* CSS3 standard FireFox, Safary, Opera,Chrome */ 
	opacity:0.8;
	-moz-opacity:0.8;                                                       
}



/*************************************************

                SPOTLIGHT PIECES

*************************************************/
/* uses size 2 content caps */

/* Spotlight piece inner image. */
img.sptlt {float:left; margin-left:10px; border:1px solid #767676;}

/* Spotlight content container */
.spotlightContent {float:right; width:196px; margin:0; padding:0; }
.spotlightContent h2 {font-size:18px; margin-bottom:10px; padding-right:10px;}
.spotlightContent h2 a {text-decoration:none;}
.spotlightContent h2 a:hover {text-decoration:underline; color:#fff;}
.spotlightTrans {border:1px solid #d42e31; background:url(images/trans-gray-bg.png); margin-right:10px;}
.spotlightContent p {font-size:12px; line-height:1.5em; padding:4px; }
.spotlightContent p span {font-weight:bold;}

/* Spotlight Buttons */
.fullProfile {clear:both; float:right; margin:6px; display:block; width:78px; height:22px; background:url(images/btn-full-profile-red.png) left bottom no-repeat; }
.fullProfile:hover {background-position: top;}

/*************************************************

            MEMBER TRACK SCHEDULE

*************************************************/
.MemberTracks {width:262px; margin:10px 0 20px 11px;} /* wrapper */
.MemberTracksRight{width:262px; margin:10px 11px 20px 0;}

.MemberTracksTop {height:71px; background:url(images/membertrack-top-cap.png) left top no-repeat;} /* header image */
.MemberTracksContent {background:url(images/membertrack-bg-tile-y.png) left top repeat-y;} /* bg tile y image */
.MemberTracksContent li {padding:3px 10px 6px 70px; font-size: 11px; font-weight:bold; color:#fff; background:url(images/membertrack-divider.png) center bottom no-repeat;}
.MemberTracksContent li span {display:block; float:left; margin-left:-60px;width: 50px; color:#f92c31; text-decoration:none; cursor:pointer;}

.MemberTracksEnd {height:10px; background:url(images/membertrack-end-cap.png) left top no-repeat;} /* end piece */


/*************************************************

            SERIES LIST SCHEDULE

*************************************************/

.seriesList {} /* ul element for series */
.seriesList li {padding:3px 6px 6px 18px; font-size: 11px; font-weight:bold; color:#fff; background:url(images/size3-divider.png) center bottom no-repeat;}






/*************************************************

               NEWS STORY DISPLAY

*************************************************/

.storyWrapper {width: 654px; margin:10px 0 10px 10px; }
.newsHeader {height:29px; background:url(images/size1-topcap.png) no-repeat;} /* graphical top cap - needs graphic */
.newsContent {padding:20px 30px 10px;background: #f2f2f2;} /* inner container, off-white background extends vertically */
div.newsImage {float:left; margin:5px 16px 12px 0px;}
div.newsImage p, p.byline {text-align:right; margin:2px 2px 0 0; font-size:10px; font-weight:bold; color:#6e6e6e}
.newsImage img {border:1px solid #6e6e6e;} /*news story image*/


/*************************************************

               NEWS STORY SEARCH

*************************************************/

.searchbox-inr {margin:0; padding:0; line-height:0; margin:8px 20px 14px;}
.searchtxtbox {margin:0; height:16px; padding:0; float:left;}
.errormsg {padding-left:20px; font-weight:bold;}

/* searchresults */
.searchRes a {margin-bottom:6px; display:block;}


/*************************************************

             NEWS STORY STORIES LIST

*************************************************/


.newsList li {padding:3px 10px 6px 70px; font-size: 11px; font-weight:bold; color:#fff; background:url(images/size3-divider.png) center bottom no-repeat;}
.newsList li a {text-decoration:none;}
.newsList li a span {text-decoration:none; margin-left:-60px;display:block; float:left; width: 50px; color:#f92c31; cursor:pointer;}



/*************************************************

                LUG NOTES TICKER

*************************************************/

.lugNotes {width:656px; height:25px; background:url(images/lugnotes-bg.png) no-repeat; margin:10px;} /* adjust margin after demo */
.lugNotes a {max-width:544px; overflow:hidden; color:#eee; text-decoration:none; font-weight:bold; font-size:11px; line-height:25px; position:relative; left:104px;}
.lugNotes a:hover {text-decoration:underline;}



/*************************************************

                      ADS

*************************************************/
.size3Ad {width:287px; margin-right:11px; margin-bottom:10px; text-align:center; background:url(images/size3-gray-bg.png) left top repeat-y;}
.size3AdTop {height:9px; width:287px; background:url(images/ad-caps.png) 0 0 no-repeat;}
.size3AdEnd {height:9px; background:url(images/ad-caps.png) 0 -8px no-repeat;}


/*************************************************

                 TRACKS LIST PAGE

*************************************************/


.listViewItem {border-bottom:2px dotted #888; padding-left:135px; padding-bottom:10px; margin-bottom:20px;}
.listViewItem img {margin-left:-135px; float:left; border:1px solid #6e6e6e;}

.listViewItem h2 {font-size:16px; font-weight:bold; margin-bottom:0.1em;}
.listViewItem h3 {font-size:12px; font-weight:bold; margin-bottom:0.2em; color:#333;}

.lvIcon {background:orange; float:left; width:100px; height:auto;}
.lvContent {background:green;}


.moreButtons {clear:both; float:right;}
.size3Gray .moreButtons {padding:8px 8px 6px;} /* any buttons needed in the size3gray container */


/* more Buttons */
a.fullProfileWhite {border:none; float:left; margin:0 6px; display:block; width:76px; height:22px; background:url(images/btn-full-profile-white.png) left bottom no-repeat; }
a.fullProfileWhite:hover {background-position: top;}

a.btnSchedule {border:none; float:left; margin:0 6px; display:block; width:76px; height:22px; background:url(images/btn-schedule.png) left bottom no-repeat; }
a.btnNewsWhite:hover, a.btnPointsWhite:hover, a.btnSchedule:hover, a.btnScheduleBlk:hover {background-position:top;}
a.btnScheduleBlk {border:none; float:left; margin:0 6px; display:block; width:76px; height:22px; background:url(images/btn-schedule-24.png) left bottom no-repeat; }
a.btnNewsWhite {border:none; float:left; margin:0 6px; display:block; width:76px; height:22px; background:url(images/btn-news-white.png) left bottom no-repeat; }
a.btnPointsWhite {border:none; float:left; margin:0 6px; display:block; width:76px; height:22px; background:url(images/btn-points-white.png) left bottom no-repeat; }

a.btnSpeednet {border:none; float:right; margin:0 6px; display:block; width:98px; height:22px; background:url(images/btn-speednet.png) left bottom no-repeat; }
a.btnSpeednet:hover {background-position: top;}

a.btnVisitWebsite {border:none; float:right; margin:0 6px; display:block; width:98px; height:22px; background:url(images/btn-visit-website.png) left bottom no-repeat; }
a.btnVisitWebsite:hover {background-position: top;}


/*************************************************

                TRACK PROFILE PAGE

*************************************************/

.contentItem {} /* container for the track profile and probably driver profile */
.contentItem h2 {font-size:18px; font-weight:bold; margin-bottom:0.2em;}
.contentItem h3, .contentItem h4 {font-size:14px; font-weight:bold; margin-bottom:0.2em;}
.contentItem h4 {color:#333;}
.contentItem ul {margin:0 0 8px 0; border-bottom:1px dotted #333;}
.contentItem ul li {margin:2px 0;}

.photoBox img {border:1px solid #6e6e6e; margin-bottom:20px;}
.photoBox {float:left; width:270px; }

.contentMain {float:right; display:inline; width:310px; margin:0;}


/*************************************************

               SCHEDULE LIST PAGE

*************************************************/
.scheduleList li {border-bottom:2px dotted #888; padding-bottom:10px; margin-bottom:14px;}

.scheduleList h2 {font-size:14px; font-weight:bold; margin-bottom:0.2em;}
.scheduleList p.links {margin-bottom:0.2em;}
.scheduleList p.links a {color:#f92c31; font-weight:bold;}
.scheduleList p span {padding: 0 6px; font-weight:bold;}


/*************************************************

               SCHEDULE LIST PAGE

*************************************************/

.charityContent {color:#000;}
.charityImg {margin:0 10px 5px; float:left; border:1px solid #6e6e6e;}
.charityContent h2 {font-size:14px; font-weight:bold; margin-bottom:0.2em; padding-right:10px;}
.charityContent h3 {font-size:12px; font-weight:bold; margin-bottom:0.5em; padding-right:10px;}
.charityContent h2 a{color:#000;}
.charityContent h2 a:hover {color:#ef131b;}
.charityContent p {color:#000; padding:0 10px; margin-bottom:1em;}
.charityContent p a {color:#000; text-decoration:none; border-bottom: 1px dotted #000;}
.charityContent p a:hover {border-bottom:none; text-decoration:none; color:#ef131b; }



/*************************************************

           SIDEBAR SERIES LIST W/LOGOS

*************************************************/

ul.seriesList li {margin-bottom:10px;}

.seriesList li .sImage {display:block; float:left; width:74px;}

/*.seriesList li .sContent {display:block; float:left; width:160px; }
.seriesList li .sContent  h2 {font-size:14px; font-weight:bold; margin-bottom:0.2em;}
.seriesList li .sContent  h2 a {color:#ef131b;}
.seriesList li .sContent  h2 a:hover {color:#fff;}
.seriesList li .sContent  p {margin-bottom:0.2em;}
.seriesList li .sContent  p a {font-weight:normal;}*/

.seriesList li .sContent {display:block; float:right; width:140px; }
.seriesList li .sContent  h2 {font-size:14px; font-weight:bold; margin-bottom:0.2em;}
.seriesList li .sContent  h2 a {color:#ef131b;}
.seriesList li .sContent  h2 a:hover {color:#fff;}
.seriesList li .sContent  p {margin-bottom:0.5em;}
.seriesList li .sContent  p a {font-weight:normal;}

.seriesList li .sContent1 {display:block; width:100%; }
.seriesList li .sContent1  h2 {font-size:14px; font-weight:bold; margin-bottom:0.4em;}
.seriesList li .sContent1  h2 a {color:#ef131b;}
.seriesList li .sContent1  h2 a:hover {color:#fff;}
.seriesList li .sContent1  p a {font-weight:normal;}



/*************************************************

                      FAN GEAR

*************************************************/
.fangearItem {margin-bottom:10px; border-bottom:2px dotted #888; padding-top:10px; padding-bottom:10px;}
.fangearItem img {float:left; border:1px solid #6e6e6e; margin-right: 20px;}
.fangearItem h2 {font-size:16px; font-weight:bold; margin-bottom:1em;}
.fangearItem p {margin-bottom:1em;}
.fangearItem p.price {font-weight:bold; color:#ef131b; font-size:14px;}

/*************************************************

                   POINTS PAGE

*************************************************/

.left-img {float:left; margin-right:20px; margin-bottom:20px;}

/*************************************************

                   POINTS PAGE

*************************************************/
.sponsorsList {padding-top:20px; border-bottom:2px dotted #888; padding-bottom:10px; margin-bottom:10px;}
.sponsorsList img {margin:0 20px 10px 0; float:left; border:1px solid #6e6e6e;}
.sponsorsList h2 {font-size:16px; font-weight:bold; margin-bottom:0.8em; margin-top:0px;}



.expand
{
	border:none 0px Transparent; background-color:Transparent; font-family: Aerial, Helvetica, Sans-Serif; font-size:11px;
}

.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : inherit;
	color : windowtext;
	border : transparent;
	cursor : 'default';
	overflow :auto;
	height : 200px;
    text-align : left; 
    list-style-type:circle;
    white-space:normal;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #666;
	color:InactiveCaptionText;
	padding: 10px;
		line-height:12px;
		cursor:pointer;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color : WindowText;
	padding:10px;
	border : solid 2px black;
	line-height:12px;
}