@charset "utf-8";
/* CSS Document */

html, body {margin: 0px; padding: 0px; background:url(../images/bgGrad.jpg) top left repeat-x #FFFFFF; font: normal 12px Arial;}

/* TEXT STYLING */
h1 {font-size: 18px; font-weight: bold; text-transform:uppercase; color:#006699; margin : 0px 0px 0px 0px; padding: 0px; }
h2 {font-size: 18px; font-weight: bold; text-transform:uppercase; color:#006699; margin : 0px; padding: 0px; }
h3 {font-size: 18px; font-weight: bold; text-transform:uppercase; color:#006699; margin : 0px; padding: 0px; }
h4 {font-size: 14px; font-weight: bold; text-transform:uppercase; color:#006699; margin : 0px; padding: 0px; }
h5 {font-size: 14px; font-weight: bold; text-transform:uppercase; color:#003366; margin : 0px; padding: 0px; }

strong, b {font-size: 12px; font-weight: bold; padding: 0px; margin:0px;}
p {font: normal 12px Arial; margin:0px 0px 10px 0px; padding:0px;}
a {font: bold 12px Arial; text-decoration:none; color: #006699;}

/* TABLE STYLING */
table {width: 100%; padding: 0px; margin:0px; border:none;}
th {background-color: #666666; color:#FFFFFF; text-align:left; text-transform:uppercase; padding: 2px;}
td {padding: 4px;} /* Row Highlight for James Jakes */

#seriesmenu {background: url(../images/menu-bg.gif) top left repeat-x #10557C; display: block; width: 880px; height: 34px; margin: 0px 0px 15px 0px;}
#seriesmenu a.menuitem{display: block; float: left; height: 14px; width:auto; margin: 0px; padding: 10px 20px 10px 20px; color:#FFFFFF; text-transform:uppercase; font-weight:normal;}
#seriesmenu a.menuitem:hover{background: url(../images/menu-bg-hover.gif) top left repeat-x #10557C; display: block; float: left; height: 14px; width:auto; margin: 0px; padding: 10px 20px 10px 20px; color:#FFFFFF; text-transform:uppercase; font-weight:normal;}
#seriesmenu a.menuitemselected{background: url(../images/menu-bg-selected.gif) top left repeat-x #10557C; display: block; float: left; height: 14px; width:auto; margin: 0px; padding: 10px 20px 10px 20px; color:#000000; text-transform:uppercase; font-weight:bold;}

/* CLASSES */
.clear {clear:both;}
.hide {display: none; visibility:hidden;}
.strike {text-decoration:line-through; color:#999999;}

#container {width: 990px; height:707px; margin: 0px auto; background:url(../images/containerBg.jpg) top left no-repeat #FFFFFF;}

/* HEADER */
#header{position: absolute; margin: 0px 0px 0px 0px; width: 990px; height: 125px;}
#header #logo {height: 101px; width:195px; background: url(../images/logo.jpg) top left no-repeat #CCCCCC; float:left;}

#header #menu {width: 600px; height: 12px; float:right; margin: 25px 0px 5px 0px;}
#header #menu a {font-size:14px; float:left; padding: 0px 10px 0px 10px; display:block; height:16px; width: auto; color:#000000; text-decoration:none; font-weight:bold; text-align:center; text-transform:uppercase;}
#header #menu a:hover {}

#header #submenu {width: 655px; height: 20px; float:right; margin: 0px 0px 0px 0px; table-align: right;}
#header #submenu a { padding: 5px;font-size:10px; font-weight: bold; float:left; display:block; height:16px; width: auto; color:#666; text-decoration:none; text-align:center; text-transform:uppercase;}
#header #submenu a:hover {color: #FFF; text-decoration:underline; background:#999999;}

#header #rss {width: 220px; height: 12px; padding: 0px 0px 0px 80px; float:right; margin: 13px 0px 0px 0px; display:block; text-align:right;}
#header #rss a {color: #FFF; font-weight: bold; display: block; height: 20px; width: 150px; padding: 4px; text-align: center;}
 
#pagetitle{position: absolute; margin: 85px 0px 0px 707px; text-align:right; display:block; height: 20px; width: 200px;}
#content {position: absolute; margin: 115px 0px 0px 55px; width: 880px; height: 500px; /*background-color:#CCCCCC;*/}

#james {position: absolute; width:298px; height:498px; background:url(../images/james.gif) top left no-repeat; margin: 6px 0px 0px 650px;}
#flashcontent{width: 880px; height:284px; background: url(../images/banner_night.jpg) top left no-repeat #FFF; float:left; margin: 0px 15px 15px 0px; padding: 0px}
#latestNewsBrief{width: 313px; height:175px; background-color:#CCCCCC; float:left; margin: 0px 15px 0px 0px; padding: 15px}
#standingsBrief{width: 490px; height:175px; background-color:#CCCCCC; float:left; padding: 15px}

#nextRace{width: 343px; height:175px; float:left; margin: 15px 15px 0px 0px; background:url(../images/timerBg.jpg) 9px 12px no-repeat #CCCCCC;}
#nextRace #timer {width:185px; height: 33px; display:block; position: absolute; margin: 110px 0px 0px 135px; color:#FFFFFF; font-size: 16px; font-weight:bold;}
#nextRace #trackthumb {float: left; margin: 40px 0px 0px 25px;}
#nextRace #raceDetails {display: block; float: right; margin: 23px 23px 0px 0px; width: 190px; height:80px; text-align:right;}

#aboutBrief{width: 490px; height:145px; background-color:#CCCCCC; float:left; margin: 15px 0px 0px 0px; padding: 15px}

/* FOOTER */
#footer{width: 880px; height: 82px; background:url(../images/footerBg.gif) top left no-repeat #FFFFFF;}
#footer-sponsors {width: 880px; height: 78px; margin: 15px auto; text-align:center;}

#footer-sponsors a.acorn {margin: 30px 0px 0px 0px; display: block; height: 78px; width:201px; background:url(../images/logo-acorn-opaque.gif) top left no-repeat #FFF; float:left;}
#footer-sponsors a.anonimo {margin: 30px 0px 0px 0px; display: block; height: 78px; width:95px; background:url(../images/logo-anonimo-opaque.gif) top left no-repeat #FFF; float:left;}
#footer-sponsors a.badger {margin: 30px 0px 0px 0px; display: block; height: 78px; width:146px; background:url(../images/logo-badger-opaque.gif) top left no-repeat #FFF; float:left;}
#footer-sponsors a.lemac {margin: 30px 0px 0px 0px; display: block; height: 78px; width:228px; background:url(../images/logo-lemac-opaque.gif) top left no-repeat #FFF; float:left;}
#footer-sponsors a.alpine {margin: 30px 0px 0px 0px; display: block; height: 78px; width:210px; background:url(../images/logo-alpine-opaque.gif) top left no-repeat #FFF; float:left;}

#footer-sponsors a:hover.acorn {margin: 30px 0px 0px 0px; display: block; height: 78px; width:201px; background:url(../images/logo-acorn.gif) top left no-repeat #FFF; float:left;}
#footer-sponsors a:hover.anonimo {margin: 30px 0px 0px 0px; display: block; height: 78px; width:95px; background:url(../images/logo-anonimo.gif) top left no-repeat #FFF; float:left;}
#footer-sponsors a:hover.badger {margin: 30px 0px 0px 0px; display: block; height: 78px; width:146px; background:url(../images/logo-badger.gif) top left no-repeat #FFF; float:left;}
#footer-sponsors a:hover.lemac {margin: 30px 0px 0px 0px; display: block; height: 78px; width:228px; background:url(../images/logo-lemac.gif) top left no-repeat #FFF; float:left;}
#footer-sponsors a:hover.alpine {margin: 30px 0px 0px 0px; display: block; height: 78px; width:210px; background:url(../images/logo-alpine.gif) top left no-repeat #FFF; float:left;}

#footer .copyright {text-align: center; color:#999999; font-size:10px;}

#contact {width: 350px; height:313px; background: url(../images/contact.gif) top left no-repeat;}
#errors {width: 330px; padding: 10px; height: auto; background: #666; color: #FFF; margin: 0px 0px 10px 0px;}

/* OTHER DIV ELEMENTS */
/*.caltitle {width: 190px; height: 15px; display:block; background:#CCCCCC; color: #000000; font-weight:bold; text-align: center; padding: 5px;}*/
.eventthumb {display: block; width:200px; height: 125px; border: 5px solid #CCCCCC;  float:left; margin: 11px;}
.mapthumb {display: block; width: 100px; height: 100px; background:#CCCCCC; float:left;}
.thumbcontent {display: block; width: 90px; height: 90px; background:#FFFFFF; float:right; padding: 5px;}
.dates {width: 190px; height: 15px; display:block; background:#006699; color: #000000; font-weight:bold; text-align: center; padding: 5px;}

#circuitheader {display: block; width: 680px; height: 300px; background: #CCCCCC; padding: 10px; margin: 0px 0px 20px 0px;}
#circuitinfo{display: block; float: left; height: 165px; width: 193px; background: #CCCCCC; padding: 10px;}
#circuitdesc{display: block; float:right; height: 165px; width: 448px; overflow:auto; background: #CCCCCC; text-align:justify; padding: 5px 10px 10px 10px;;}

.calmonth {height: 177px; width: 146px; margin: 0px; padding: 0px; border: none; display: block; float: left; background: url(../images/cal-back.jpg) top left no-repeat;}
.calmonthtext {color:#fff; font-weight: bold; width: 115px; height: 26px; margin: 10px auto; padding: 5px 5px 0px 5px;}
.calmonthlist {color:#000; font-weight: bold; width: 116px; height: 112px; margin: 0px auto; padding: 0px 5px 0px 5px;}
a.calprofilelink{display:block; width: 26px; height: 96px; background: url(../images/profile_button.gif) top left no-repeat #000; padding: 7px;}
a.callink {display:block; width: 107px; padding: 5px; height: 15px; border-bottom: 1px dashed #000;}
a.callink:hover {background: #003366; color:#FFF;}

.calmonthfull {height: auto; width: auto; margin: 0px; padding: 0px; border: none; display: block; background: url(../images/cal-backfull.gif) top left repeat-x;}
.calmonthtextfull {color:#fff; font-weight: bold; width: auto; height: 26px; margin: 10px auto; padding: 5px 5px 0px 5px;}
.calmonthlistfull {color:#000; font-weight: bold; width: auto; height: auto; margin: 0px auto; padding: 0px 5px 0px 5px;}
a.callink {display:block; width: auto; padding: 5px; height: 15px; border-bottom: 1px dashed #000; clear:both;}
a.callink:hover {background: #003366; color:#FFF;}

.calmonthhidden {height: 177px;; width: 150px; margin: 0px; padding: 0px; border: none; display: block; background: url(/2009/images/cal-back-washedfull.gif) top left reapeat-x;}
.calmonthtexthidden {color:#fff; font-weight: bold; width: 150px; height: 26px; margin: 10px auto; padding: 5px;}
.calmonthlisthidden {color:#000; font-weight: bold; width: 150px; height: 112px; margin: 0px auto; padding: 0px 5px 0px 5px;}
.calendarhead {background: #003366; font: normal 10px arial; color:#FFFFFF;}

.btn a {color:#FFFFFF; padding:7px; text-align:center; text-transform:uppercase; width: 76px; height: 16px; display:block;}
.btn {float: left; width:100px; height: 30px; margin: 0px 0px 5px 0px;}
.btnleft {width: 5px; height: 30px; float:left; background:url(../images/button-left.gif) top left no-repeat;}
.btnmid {width: 90px; height: 30px; float:left; background:url(../images/button-mid.gif) top left repeat-x;}
.btnright {width: 5px; height: 30px; float:right; background:url(../images/button-right.gif) top left no-repeat;}

.btn-sel a {color:#000000; padding:7px; text-align:center; text-transform:uppercase; width: 76px; height: 16px; display:block;}
.btn-sel {float: left; width:100px; height: 30px; margin: 0px 0px 5px 0px;}
.btn-selleft {width: 5px; height: 30px; float:left; background:url(../images/button-left-sel.gif) top left no-repeat;}
.btn-selmid {width: 90px; height: 30px; float:left; background:url(../images/button-mid-sel.gif) top left repeat-x;}
.btn-selright {width: 5px; height: 30px; float:right; background:url(../images/button-right-sel.gif) top left no-repeat;}

#newslist {width: 280px; height: auto; display: block; float: left; background: #dadada; padding: 10px; margin: 0px 15px 0px 0px;}
#newsarticle {width: 545px; height: auto; display: block; float: right; padding: 10px; background: #dadada;}
#social-links {width: 545px; height: 20px; display: block; float: right; padding: 10px; background: #CCC; margin: 10px 0px 0px 0px;}
#social-links span {margin: 0px 0px 0px px; float: left; padding: 4px 0px 0px 10px; font-size: 10px; color: #666; display: block; height: 16px; width: 90px;}

#social-links a.delicious {float: left; padding: 4px 0px 0px 30px; border-right: 1px solid #666; font-size: 10px; color: #666; background:url(../images/social-delicious.gif) top left no-repeat; display: block; height: 16px; width: 60px;}
#social-links a.twitter {margin: 0px 0px 0px 5px; float: left; padding: 4px 0px 0px 30px; border-right: 1px solid #666; font-size: 10px; color: #666; background:url(../images/social-twitter.gif) top left no-repeat; display: block; height: 16px; width: 60px;}
#social-links a.facebook {margin: 0px 0px 0px 5px; float: left; padding: 4px 0px 0px 30px; border-right: 1px solid #666; font-size: 10px; color: #666; background:url(../images/social-face_book.gif) top left no-repeat; display: block; height: 16px; width: 60px;}
#social-links a.newsvine {margin: 0px 0px 0px 5px; float: left; padding: 4px 0px 0px 30px; border-right: 1px solid #666; font-size: 10px; color: #666; background:url(../images/social-newsvine.gif) top left no-repeat; display: block; height: 16px; width: 60px;}
#social-links a.reddit {margin: 0px 0px 0px 5px; float: left; padding: 4px 0px 0px 30px; border-right: 1px solid #666; font-size: 10px; color: #666; background:url(../images/social-reddit.gif) top left no-repeat; display: block; height: 16px; width: 40px;}
#social-links a.stumble {margin: 0px 0px 0px 5px; float: left; padding: 4px 0px 0px 30px; border-right: 1px solid #666; font-size: 10px; color: #666; background:url(../images/social-stumble.gif) top left no-repeat; display: block; height: 16px; width: 75px;}
#social-links a.digg {margin: 0px 0px 0px px; float: left; padding: 4px 0px 0px 30px; border-right: 1px solid #666; font-size: 10px; color: #666; background:url(../images/social-digg.gif) top left no-repeat; display: block; height: 16px; width: 35px;}

#social-comments {width: 545px; height: auto; display: block; float: right; padding: 10px; background: #CCC; margin: 10px 0px 0px 0px;}
#social-comments-form {width: 525px; height: auto; display: block; padding: 10px; background: #FFF; margin: 10px 0px 0px 0px;}
#social-comments-notsubmitted {width: auto; background: #666; color: #FFF; height: auto; padding: 5px;}

.comment-top {padding: 0px; margin: 0px 0px 0px 0px; height: 14px; width: 545px; background:url(../images/commenttop.gif) top left no-repeat;}
.comment-quote {padding: 0px 14px; margin: 0px; height: auto; width: 517px; background:#FFF;}
.comment-foot {padding: 18px 0px 0px 70px; margin: 0px; height: 21px; width: 475px; background:url(../images/commentfoot.gif) top left no-repeat;}
.comment-foot span {font-size: 9px; color: #666;}

#errors {width: auto; background: #FF9999; color: #000; height: auto; padding: 5px;}

.blogpost{width: auto; height: auto; border-bottom: 1px solid #ccc; padding: 0px 0px 10px 0px; margin: 0px 0px 10px 0px;}
.blogdate{width: 48px; height:47px; background:url(../images/calendar-date.gif) top left no-repeat; float:left;}
.blogcontent{float: left; width: 810px; height: auto; padding:0px 0px 0px 20px;}
.blogcontentsmall{float: left; width: 480px; height: auto; padding:0px 0px 0px 20px;}
.bloglink{float: right; width: 75px; height: auto;}
.blogday {color: #ffcc00; font-weight:bold; text-align:center; padding: 2px 4px 0px 4px; font-size: 24px;}
.blogmonth {color: #000; font-weight:bold; text-align:center; padding: 1px 4px 0px 4px;}

.panel-news{float:left; display: block; width: 570px; height: 170px; background:#dadada; clear:right; padding: 15px;}
.panel-profiles{float:left; display: block; width: 570px; height: 170px; background:#dadada; padding: 15px; margin: 15px 0px 0px 0px;}
.randdriverprofile{float: left; background: #cccccc; width: 247px; height: 140px; display:block; padding: 15px; background:url(../images/profile-back.gif) top left no-repeat #003366;}
.randteamprofile{float: right; background: #cccccc; width: 247px; height: 140px; display:block; padding: 15px; background:url(../images/profile-back.gif) top left no-repeat #003366;}

a.profile-button{text-transform: uppercase; letter-spacing: 1px;border: none; width: 239px; height: 17px; display:block; background:url(../images/profile-button.jpg) top left no-repeat #003366; color:#FFF; font-size: 12px; font-weight:bold; padding: 4px; text-align:center;}

.panel-standings{float:right; display: block; width: 235px; height: 385px; background:#dadada; padding: 15px; margin: 0px 0px 0px 0px;}
.countdown {color: #000; font-size:30px; font-weight:bold; text-transform:uppercase; text-align:right;}
.countdownsub {color: #000; font-size:10px; text-transform:uppercase; margin: 0px 10px 0px 0px;}

.timer {padding: 10px 0px 0px 0px; display:block; width: 235px; height: 70px; background: url(../images/timer-back.jpg) top left no-repeat #FFCC00; margin: 0px 0px 20px 0px;}

/* SIFR SCREEN */
.sIFR-flash {visibility: visible !important; margin: 0;}
.sIFR-replaced {visibility: visible !important;}
span.sIFR-alternate {position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden;}

/* HIDE HEADING CSS AND REPLACE WITH PLASF TEXT*/
.sIFR-hasFlash h1 {font-size: 24px;}
.sIFR-hasFlash h2 {font-size: 24px;}
.sIFR-hasFlash h3 {font-size: 20px;} 
.sIFR-hasFlash h4 {font-size: 18px;}
.sIFR-hasFlash h5 {font-size: 30px;}

.horizontal_accordion_toggle {float: left; display: block; height: 520px; width: 26px; background: #006699; color: #ffffff;	text-decoration: none;	outline: none;	border-right: 1px solid #FFFFFF; cursor: pointer; margin: 0 0 0 0;}
.horizontal_accordion_toggle_active {background: #e0542f;}
.horizontal_accordion_content {height: 520px; float: left; overflow: hidden; color: #444444;}
.horizontal_accordion_content p {width: 880px; line-height: 150%; padding: 5px 10px 15px 10px;}

#horizontal_container {margin: 0px; width: 880px; height: 520px; overflow: auto;}

/*  ADMIN SPECIFIC STYLING */

#admin-config-menu {height: 30px; width: 860px; background: #CCC; display:block; padding: 10px;}
#admin-series-menu {height: 23px; width: 247px; background: #FFF; display:block; float:left; padding: 3px;}
#admin-season-menu {height: 23px; width: 170px; background: #FFF; display:block; float:left; padding: 3px; margin: 0px 0px 0px 20px;}
#series_div {margin : 10px 0px 0px 0px;}
.adm-teams{width: 280px; height: auto; display: block; float: left; background: #dadada; padding: 10px; margin: 0px 15px 0px 0px;}
.adm-calendar{width: 545px; height: auto; display: block; float: left; padding: 10px; background: #dadada;}

.submit-team{border: 1px solid #999; background: url(../images/icons/user_add.png) 4px 5px no-repeat #ccc; padding: 5px 5px 5px 20px; margin: 0px 5px 0px 0px;}
.submit-team:hover{background: url(../images/icons/user_add.png) 4px 5px no-repeat #666; color:#FFFFFF;}
.submit-confirm{border: 1px solid #999; background: url(../images/icons/accept.png) 4px 5px no-repeat #ccc; padding: 5px 5px 5px 20px; margin: 0px 5px 0px 0px;}
.submit-confirm:hover{background: url(../images/icons/accept.png) 4px 5px no-repeat #666; color:#FFFFFF;}
.submit-cancel{border: 1px solid #999; background: url(../images/icons/delete.png) 4px 5px no-repeat #ccc; padding: 5px 5px 5px 20px; margin: 0px 5px 0px 0px;}
.submit-cancel:hover{background: url(../images/icons/delete.png) 4px 5px no-repeat #666; color:#FFFFFF;}
.submit-edit{border: 1px solid #999; background: url(../images/icons/pencil.png) 4px 5px no-repeat #ccc; padding: 5px 5px 5px 20px; margin: 0px 5px 0px 0px;}
.submit-edit:hover{background: url(../images/icons/pencil.png) 4px 5px no-repeat #666; color:#FFFFFF;}