/* ********** DYNAMIC ********** */

#bestbets
{
	margin-bottom: 3px;
	border: 1px solid #ccc;
	height: 132px;
	position: relative;
}
#bestbets h3
{
	margin: 0;
	background: url(/images/lids/bestbets2007.gif);
	height: 18px;
	text-indent: -2000px;
	line-height: 18px;  /* needed for IE */
}
#bestbets p   { font-size: 0.9em; margin-top: 4px; }
#bestbets h4  { font-size: 0.9em; /* margin: 2px 0 4px 0; */ display: inline; } /* <-- display inline helps IE to compensate for the LI being a block - or else it adds space above the h4 - now we have tiny space to left of first letter in h4 in both browsers - lesser of two evils */
#bestbets img { float: left; border: 1px solid black; width: 80px; height: 80px; margin: 2px 3px 0 0; } /* same as "tinyteaser" class in more.css, but with different margin - could just set margin here and set class to "tinyteaser" - but instead, setting no class on the img tag itself, and putting all styles here */
#bestbets img.icon { float: none; border: 0; width: 14px; height: 14px; margin: 0 }
#bestbets ul, #bestbets li { margin: 0; padding: 0; list-style-type: none; }
#bb_navigator
{
	margin: 0;
	padding: 5px;
	background: #eaeaea;
	clear: both;
	position: absolute;
	bottom: 0;
	width: 238px;
	text-align: center;
	border-top: 1px solid #ccc;
}
#featured_link_2 { margin-left: 10px; }
#featured_link_3 { margin-left: 10px; }
#featured_link_4 { margin-left: 10px; }
#featured_all    { margin-left: 10px; }
#bb_navigator #featured_next { margin-left: 10px; padding-left: 20px; border-left: 1px solid #ccc; }

#bestbets .featured_link_off {
	border: 1px solid #eaeaea;
	background-color: #eaeaea;
}

#bestbets .featured_link_on {
	border-color: #fff;
	background-color: #fff;
}

#bb_navigator a
{
	color: #039;
	padding: 1px 5px;
}


.tabbedNews
{
	margin: 5px 0;
	width: 248px;
	height: 200px;
	border: 1px solid #ccc;
	padding: 0;
	overflow: hidden;
}
.tabbedNews ul { padding-left: 0; margin: 5px 0; }
.tabbedNews li { font-size: 0.8em; margin-left: 20px; list-style-image: url(/images/design/racquo.gif); }
.tabbedNews h3
{
	margin: 0;
	height: 15px;
	text-indent: -2000px;
	line-height: 15px;
}
.tabbedNews h3.morenews  { background: url(/images/lids/newstoknow.gif); }
.tabbedNews h3.inthenews { background: url(/images/lids/inthenews.gif); }
.tabbedNews h3.community { background: url(/images/lids/community.gif); }
.tabbedNews img { margin-right: -3px; width: 61px; }
.tabbedNews img.wide { margin-right: -3px; width: 73px; }
.tabbedNews img.ewide { margin-right: -3px; width: 100px; }
.tabbedNews .feedDate { display: none; }
.tabbedNews .feedTime { display: none; }
.tabbedNews .feedDesc { display: none; }

.newstab_list p
{
	font: 10px verdana;
	margin: 3px;
}

#morenews_ontheweb_list li { margin-top: 3px; margin-bottom: 3px; }
#morenews_thelatest_list li { margin-bottom: 10px; }
#community_more2_list li { margin-bottom: 10px; }

#alsosee { margin: 0; background: url(/images/lids/alsosee.gif); height: 13px; text-indent: -2000px; line-height: 13px; }
#alsosee .info { background: #eee; border: 1px solid #aaa; } 


/* ************* FORMS ************* */

input,select
{
	font: bold 11px arial,sans-serif;
	color: #000;
	background: #ffeeba;
}

.radiocheck
{
	border: 0;
}

.stdDrop
{
	width: 140px;
	margin-top: 0;
	font: 10px arial;
}



input.bevelbutton
{
	width: 140px;
	height: 15px;
	font: bold 10px Verdana,sans-serif;
	border-right: 1px solid #ffa620;
	border-bottom: 1px solid #ffa620;
	border-left: 1px solid #ffeaca;
	border-top: 1px solid #ffeaca;
	color: black;
	background: #ffcc80;
}



div.formrow 
{
	clear: both;
	padding-top: 4px;
	position: relative;
	width: auto;
}

div.formrow span.label 
{
	float: left;
	width: 25%;
	text-align: right;
}

div.formrow span.formwidget
{
	float: right;
	width: 70%;
	text-align: left;
}

#selectmenu
{
	background: #ffd700;
	color: black;
	width: 100%;
	padding: 5px;
	font: bold 15px verdana,sans-serif;
	border: 1px solid black;
}

#controlpanel
{
	background: #ddd;
	color: black;
	width: 90%;
	padding: 5px;
	font: bold 11px verdana,sans-serif;
	border: 1px solid black;
}

#controlpanel p
{
	color: black;
	font: bold 11px verdana,sans-serif;
}



/* ************** TABLES ************** */

td.label
{
	text-align: right;
}

tr.sked-header td
{
	/*
	background: #d58000;
	color: #eee;
	*/
	background: #ddd;
	color: #000;
	font-weight: bold;
	padding: 1px;
	border-top: 1px solid black;
}

tr.stats-header td, tr.stats-header th
{
	background: #ffcc80;
	color: #000;
	font-weight: bold;
	padding: 1px;
}

tr.stats-header td a, tr.stats-header th a
{
	background: #ffcc80;
	color: #000;
	text-decoration: underline;
}

tr.stats-header td a:hover, tr.stats-header th a:hover
{
	background: #ff9;
}

tr.stats-row0 td
{
	background: #fff;
	color: #000;
	font-weight: normal;
	padding: 1px;
}
tr.stats-row0 td a  { background: #fff; }

tr.stats-row1 td
{
	background: #edf6ea;
	color: #000;
	font-weight: normal;
	padding: 1px;
}
tr.stats-row1 td a  { background: #edf6ea; }

tr.stats-rowOver td
{
	background: #b3feb8;
	color: #000;
	font-weight: normal;
	padding: 1px;
}
tr.stats-rowOver td a       { background: #b3feb8; }
tr.stats-rowOver td a:hover { /*background: #007;*/ }

tr.stats-section td
{
	background: #000;
	color: #fff;
	font-weight: bold;
}
tr.stats-section td a, tr.stats-section th a             { color: #aaf; }
tr.stats-section td a:hover, tr.stats-section th a:hover { color: #ff9; }