body	{ behavior: url(/css/csshover.htc); background:url(/images/bg2.jpg) repeat-x #333; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:0.7em }

h5 { font-size:1.0em }

div#container { margin:0px auto; width:996px; }
div#top {  }
div#logo { float:left; width:377px; padding-top:10px }
div#banner { float:left; height:86px; width:619px; background:url(/images/banner.jpg) no-repeat; }
div#language{ float:right; margin:12px 4px 0 481px; height:16px; padding:4px 0 0 4px; background:#4e4e4e; }
div#language img { margin-right:4px }
div.line1px { background:#5f5f5f; height:1px; }
div.line2px { clear:both; background:#5f5f5f; height:2px; margin-bottom:1px }
div.line1pxwhite { background:#1d1c1c; height:1px; }

a { color:#f00; text-decoration:none }
a:hover { text-decoration:underline }

div#menu { background:url(/images/bg-menu-car2009.jpg) repeat-x #000; background-position:6px top; width:100%; float:left; margin-bottom:13px; }

/* the horizontal menu starts here */
div#menu-list { float:left; height:25px; font-size:90% }
div#menu-list ul { margin:0px; padding:0px; }
div#menu-list li { float:left; position:relative; list-style-type:none;	padding:0 20px; line-height:25px; border-right:1px solid #2c2c2c; }
div#menu-list a { font-weight:bold; font-size:1.2em; color:#fff; text-decoration:none; display:block; }
div#menu-list a:hover { color:#ffcc00; }
div#menu-list a.hl { font-weight:bold; font-size:1.2em; color:#ffcc00; text-decoration:none }

div#menu-right { float:right; height:25px; font-size:90% }
div#menu-right ul { margin:0px; padding:0px; }
div#menu-right li { float:left; position:relative; list-style-type:none; padding:0 14px 0 14px; line-height:25px; border-left:1px solid #2c2c2c; }
div#menu-right li.end { padding:0px; border-left:0px }
div#menu-right a { font-weight:bold; font-size:1.2em; color:#fff; text-decoration:none; display:block; }
div#menu-right a:hover { color:#f00; }
/* the horizontal menu ends here */	

/* the drop-down starts here */

 div#menu-list ul li ul {
	margin:0px; /* prevents the TEMP value inheriting from the horiz menu - OK to remove if you remove TEMP above */
	position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width:170px; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	left:-1px; /*aligns the drop exactly under the menu */
	}
div#menu-list ul li ul li {
	padding:0 20px 0 20px;
	width:170px; 
	border:1px solid #2c2c2c;
	border-top:0px;
	background:#000;
	opacity: 0.82;
	filter:alpha(opacity=82);
	-moz-opacity:.82;
	text-align:left;
	height:19px;
	line-height:19px }
div#menu-list ul li ul li a {padding:0px 0px; font-size:1em; font-weight:normal }
div#menu-list ul li ul li:first-child {
	border-top:0px solid #2c2c2c; 
	}
/* make the drop-down display as the menu is rolled over */
div#menu-list ul li ul {display:none;}
div#menu-list ul li:hover ul {display:block; } 

/* pop-out starts here */
body div#menu-list ul li ul li ul  {
	visibility:hidden; /* same effect as display:none in this situation */
	top:-1px;
	left:10em;
	}
div#menu-list ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */

/* another level of pop-outs */
div#menu-list ul li ul li:hover ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#menu-list ul li ul li ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */

/* THE HACK ZONE - */

/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#menu-list ul {
	float:left; /* makes the ul wrap the li's */
	border-left:0px solid #000; /* adds the rightmost menu vertical line to the ul */
	margin-left:0px; /* IE doubles the given value above - why? */
	}
/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html  div#menu-list ul li ul {
	border-top:0px solid #2c2c2c;
	border-left:0px; /* stops the drop inheriting the ul border */
	}
/* the Tantek hack to feed IE Win 5.5-5.0 a lower value to get the pop-out to touch the drop-down */
* html  div#menu-list ul li ul li ul { 
  left:9.85em; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  left:10em;
  } 
/* and the "be nice to Opera" rule */
html>body div#menu-list ul li ul li ul {
  left:10em;
} 

/* an Opera-only hack to fix a redraw problem by invisibly extending the ul */
/* the first-level drop stays open for 100px below the bottom but at least it works */
/* this can be reduced to as little as 22px if you don't have pop-outs */
/* the pop-out menu stays open for 22px below the bottom but at least it works */
	@media all and (min-width: 0px){
   body div#menu-list ul li ul {padding-bottom:100px;}
   body div#menu-list ul li ul li ul {padding-bottom:22px;}
   ul li ul li ul li ul li:hover {visibility:visible;}
   }
/*end Opera hack */
/* end of hack zone */
/* END OF LIST-BASED MENU */

div#content { float:left; clear:both; padding-bottom:10px }
div#content-bg { width:990px; min-height:421px; background:url(/images/cont-bg.gif) 10px repeat-y #fff; background-position:3px; padding:0px 3px; }
div#content-bg2 { width:990px; min-height:421px; background:url(/images/cont-bg2.gif) 10px repeat-y #fff; background-position:3px; padding:0px 3px; }
div#content-left { float:left; width:677px; background:url(/images/cont-bg-lb.gif) left bottom no-repeat; }
div#content-left h5 {font-size: 12px; margin-top: 12px; margin-bottom: 8px;}
div#title-nextrace { background:url(/images/cont-curve.gif) no-repeat right #fff; height:50px; padding-left:8px; line-height:37px; }
div#title-nextrace h1 { font-size:24px; width:600px; padding-top:12px; margin:0px; color:#000; }
div#panorama { background:#fff; width:677px; height:144px; }
div#panorama-bets { background:url(/images/pan-bets.jpg) no-repeat #fff; width:677px; height:144px; }
div#panorama-bonus { background:url(/images/pan-bonus.jpg) no-repeat #fff; width:677px; height:144px; }
div#track-details-title { color:#ffcc00; background:#000; padding-left:8px; height:21px; line-height:21px; font-size:11px; font-family:arial narrow, arial, helvetica, verdana; font-weight:bold; text-transform:uppercase}
div#track-details-content p { padding:8px; margin:0px;}
div#results { float:left; width:245px; }
/*div#results-title { color:#000; background:#fff; padding-left:8px; height:21px; line-height:21px; font-size:11px; font-family:arial narrow, arial, helvetica, verdana; font-weight:bold; text-transform:uppercase }*/
div#results-title, div#results-subleaguetitle { background:url(/images/bg-results-active.gif) #e9eaeb; height:21px; line-height:21px; font-size:11px; font-family:arial narrow, arial, helvetica, verdana; font-weight:bold; text-transform:uppercase }
div#results-subleaguetitle {padding-left: 8px;}
div#results-title .active { float:left; width:114px; padding-left:8px; background:url(/images/bg-results-active.gif) #e9eaeb; color:#000; cursor: default; }
div#results-title .notactive { float:left; width:114px; padding-left:8px; background:url(/images/bg-results-notactive.gif) #e9eaeb; color:#aaa; border-bottom:1px solid #7f7f7f; cursor: default; }
#tblTopTenOverall, #tblPlayerPositionOverall, #tblTopSubleaguesOverall, #tblSubleaguePositionOverall {display: none;}

div#userinfo { float:left; background:#000; color:#fff; line-height:20px; margin-left:10px; padding:0px 5px; width:316px; text-transform:uppercase; font-weight:bold }
div#userinfotable { background:#eee; float:left; margin-left:10px; padding:5px; width:314px; border:1px solid #000 }

div#sidepanel { float:left; width:313px; background:url(/images/cont-bg-rb.gif) right bottom no-repeat; }
/*
div#sidepanel-title1 { height:21px; background:url(/images/cont-bg-rt.gif) right top no-repeat #000; padding-left:29px }
div#userinfo { height:21px; background:url(/images/cont-bg-rt.gif) right top no-repeat #000; padding-left:29px }
div#teamsetup { height:21px; background:url(/images/cont-bg-rt.gif) right top no-repeat #000; padding-left:29px }
div#ads { height:21px; background:url(/images/cont-bg-rt.gif) right top no-repeat #000; padding-left:29px }
*/
/*02-feb-08*/
.blackbar-corner { height:21px; background:url(/images/cont-bg-rt.gif) right top no-repeat #000; padding-left:29px}
.blackbar-nocorner { height:21px; background:#000; padding-left:29px}
.yellowheader2 { color:#ffcc00; height:21px; line-height:21px; background:url(/images/cont-bg-rt.gif) right top no-repeat #000; padding-left:29px; font-size:11px; font-family:arial narrow, arial, helvetica, verdana; font-weight:bold; text-transform:uppercase }
.yellowheader3 { color:#ffcc00; height:21px; line-height:21px; background:#000; padding-left:29px; font-size:11px; font-family:arial narrow, arial, helvetica, verdana; font-weight:bold; text-transform:uppercase }

table.sidepanel-table { margin:8px 8px 8px 29px; width:245px; }
div#top10,.top10 { height:21px; background:url(/images/cont-flag.gif) right top no-repeat #000; padding-left:29px }
div.top10-divider { height:1px; border-top:1px solid #fff; margin:2px 0px; }

div#editteam-row1 { height:200px; }
div#editteam-row2 { height:200px; margin-bottom:14px; clear:both }
span.editteam-title { color:#000; line-height:11px; font-size:13px; font-family:arial narrow, arial, helvetica, verdana; font-weight:bold; text-transform:uppercase}
span.editteam-title-buy { color:#000; line-height:8px; font-size:11px; font-family:arial narrow, arial, helvetica, verdana; font-weight:bold; text-transform:uppercase}
div#editblock { float:left; width:318px; height:198px; background:url(/images/editteam-bg-block.gif) repeat-x #ccc; border:1px solid #f2f2f2 }
div#editblockmiddle { margin:0px 18px; float:left; width:318px; height:198px; background:url(/images/editteam-bg-block.gif) repeat-x #000; border:1px solid #f2f2f2 }
div.margineditblock { margin:6px 9px 7px 9px }
div#editblocklastnext { float:left; width:150px; height:40px; margin-bottom:7px; }
div#editblocklastnext .image { width:38px; height:38px; border:1px solid #fff; margin-right:3px; float:left }
div#editblocklastnext .textlast { color:#aeaeae; float:left; font-size:11px; }
div#editblocklastnext .textnext { color:#000; float:left; font-size:11px; }
div#editblocklastnext .imageyourteam { width:38px; height:38px; border:1px solid #fff; }
div#blockchoice { background:#f0f0f0; height:90px }
div#blockchoiceDriverA { background:#f0f0f0; height:90px; padding-top:0px }
div#blockchoiceDriverB { background:#f0f0f0; height:90px; padding-top:0px }
div#blockchoiceChassis { background:#f0f0f0; height:90px; padding-top:0px }
div#blockchoiceEngine { background:#f0f0f0; height:90px; padding-top:0px }
div#blockchoiceFuel { background:#f0f0f0; height:90px; padding-top:0px }
div#divider { clear:both; border-top:1px solid #505050; background:#717171; height:1px; }

div#editprofile { width:994px; height:412px; background:url(/images/editprofile-con-bg.jpg) repeat-x #fff; border:1px solid #f2f2f2; margin-bottom:14px }
div#editprofile .content { margin:9px; font-size:11px }
.yellowheader { color:#ffcc00; height:21px; line-height:21px; background:#000; padding-left:5px; font-size:11px; font-family:arial narrow, arial, helvetica, verdana; font-weight:bold; text-transform:uppercase }
input, select, textarea { font-family:Arial, Helvetica, sans-serif; font-size:11px }
input.text { border:1px solid #000; background:#fff; width: 200px; padding-left: 2px }
select.text { width: 204px }
textarea.text { width: 198px; padding-left: 2px }
select.teamlogo { width: 60px; height: 17px; }
.labeltext {padding-left: 8px}
#SubleagueDescription {width: 200px; height: 80px; padding-left: 4px; border: 1px solid black}

table#tablewhite { background:#fff; border-top:1px solid #e0e1e3; border-left:1px solid #e0e1e3; border-right:1px solid #e0e1e3; }
table#tablewhite th { height:21px; line-height:21px; border-bottom:1px solid #e0e1e3; padding:0 4px 0 4px; background:#000; color:#fff; text-align:left; font-size:11px; font-family:arial narrow, arial, helvetica, verdana; font-weight:bold; text-transform:uppercase }
table#tablewhite th sup { font-size:8px; text-transform:none }
table#tablewhite td.header { height:21px; line-height:21px; border-bottom:1px solid #e0e1e3; padding:0 4px 0 4px; background:#000; color:#fff; text-align:left; font-size:11px; font-family:arial narrow, arial, helvetica, verdana; font-weight:bold; text-transform:uppercase }
table#tablewhite td.header sup { font-size:8px; text-transform:none }
table#tablewhite td { border-bottom:1px solid #e0e1e3; padding:0 4px 0 4px }
table#tablewhite td.correct { background:#97e48f; }
table#tablewhite td.wrong { background:#ff8f8f; }

table#scoringtable { font-family:monospace; font-size:11px; border-top:1px solid #fff; border-right:1px solid #fff; margin-left:20px; }
table#scoringtable td { text-align:center; padding:0px 5px 0px 5px; border-bottom:1px solid #fff; border-left:1px solid #fff; }

table#statstable { font-size:11px; border-top:1px solid #fff; border-right:1px solid #fff; }
table#statstable td { padding:0px 5px 0px 5px; border-bottom:1px solid #fff; border-left:1px solid #fff; }

.message { color: #f00 }
.teamlogo { border: 1px solid #000; width: 38px; height: 38px }
/*.samesubleague { color: #8c2ee5 }*/
.samesubleague { font-weight: bold; color: #8f1515 }
.playerbg1 { background:#f0f0f0 }
.playerbg2 { background:#fff }

#members {height:86px;overflow:hidden;padding:5px 20px 0px 29px;color:#000}
.members {margin:0px 0px 2px 0px}
.shoutleft {width:180px;margin-right:63px}
.shoutright {width:180px;margin-left:53px}
.tblshoutleft {clear:both; margin-bottom:2px;background-color:#fafafa}
.tblshoutright {clear:both; margin-bottom:2px;background-color:#e0e1e3}
.tblshoutleft td.top {background:url(/images/shbx-white_top.gif)}
.tblshoutleft td.left {background:url(/images/shbx-white_left.gif)}
.tblshoutleft td.right {background:url(/images/shbx-white_right.gif)}
.tblshoutleft td.bottom {background:url(/images/shbx-white_bottom.gif)}
.tblshoutright td.top {background:url(/images/shbx-gray_top.gif)}
.tblshoutright td.left {background:url(/images/shbx-gray_left.gif)}
.tblshoutright td.right {background:url(/images/shbx-gray_right.gif)}
.tblshoutright td.bottom {background:url(/images/shbx-gray_bottom.gif)}
.tblshoutleft td.content, .tblshoutright td.content {padding:0 3px}
.tblshoutleft td.admin, .tblshoutright td.admin {color: #993300;}
.shoutdate {margin-top:3px;color:#999;font-size:smaller}
#SaveChangesMessage {padding-top: 6px;}