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

	Title: CSS - proBets.com
	Author: Fred
	Date: July 2008 

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

/*Wrap */
.wrap {margin-left:auto; margin-right:auto; width:967px; text-align:left; border:1px solid #FFF; border-width:0 4px;}


/* Content */
.contentMain {float:left; width:967px; display:block; background-color:white; border:1px solid #E5E5E5; border-width:0 1px 1px 1px;margin-left:auto; margin-right:auto;}
.contentWrap {clear:both; padding:5px;}

#pagecontent { /*padding:0px;*/ padding-top:5px;  padding-right:40px; width:930px; min-height:400px; height:auto !important; height:400px; position:relative; float:left;}
#pagecontent.livesportscontent { padding:0; width:960px; }

#pagecontent ul, #pagecontent ol { padding-bottom:10px; }
#pagecontent ul li
{
	color:#666666;
	padding-bottom:2px;
	list-style-type:square;
	margin-left:20px;
	padding-left:5px;
	font-size:12px;
}

#pagecontent ol li
{
	color:#666666;
	padding-bottom:2px;
	margin-left:20px;
	padding-left:5px;
	font-size:12px;
}


#pagecontent p, #pagecontent td {
	color:#666666;
	font-size:1.1em;
	line-height:1.4em;
	font-weight:normal;
}

#pagecontent th {
	color:#000;
	font-size:1.1em;
	line-height:1.4em;
	font-weight:bold;
}


#livesports_ads { position:absolute; right:10px; width:187px; top:106px; height:364px;  z-index:0; }
#livesports_ads p { text-align:center; padding-left:4px; padding-right:4px; }

/* Headings 	
h3, h3 a {font:bold 14px arial,sans-serif; color:#003366; padding:0; margin:0; text-decoration:none;}
h4, h4 a {font:normal 10px arial,sans-serif; color:#003366; padding:0; margin:0; text-transform:uppercase;}
h6 {font:normal 11px arial,sans-serif; color:#000; padding:0; margin:0;}		*/			
	
/* Common */
/*p {font:normal 12px arial,sans-serif; color:#000; padding:0; margin:0;}*/
ul {margin:0; padding:0; list-style-type:none;}
a {color:#003366; text-decoration:none;}
a:hover {text-decoration:underline;}
a img {border-style:none;}
.timeStamp {margin:0; padding:0; font:normal 10px arial,sans-serif; color:#CC0000;}
.timeStamp span {text-transform:uppercase;}
.byline, .date, .sponsored {font:normal 10px arial,sans-serif; /*padding:2px 0 3px 0;*/ color:#666666;}
.byquote {display:block; float:right; width:170px; font:normal 10px arial,sans-serif; padding:3px 0 2px 5px; color:#333333;}
.by {background:url('../images/icon_hyphen.gif') no-repeat 0px 4px; text-indent:0px; padding-left:10px;}
.context {padding-left:10px;}
.byline span, .sponsored {text-transform:uppercase;}
.thumbnail {float:left; margin:0 7px 0 0;}
.thumbnail img, .thumbnail a img {border:1px solid #E2E2E2;}
.tout1 {padding:10px 10px 1px 0;}
.seeAll {margin:10px 10px 0px 0; background:url('../images/arrow_2.gif') no-repeat 43px 4px;}
.seeAll .more {font:normal 12px arial,sans-serif; padding:0 40px 5px 0;}
.seeAll .more:hover {text-decoration:underline;}
#openQuote, #closeQuote {white-space:nowrap;}
#closeQuote {vertical-align:top;}

/* Belt */
#belt {position:relative; overflow:hidden; clear:both; _clear:none; margin-left:auto; margin-right:auto; width:960px; border-top:6px solid #E2E2E2; border-bottom:3px solid #E2E2E2;}
#beltspacer {width:960px; height:186px;}
#moverBelt {background:transparent;}
#mover {position:absolute; z-index:10; top:40px; margin-left:-4px; text-align:left; background-color:#FFFFFF; font:normal 11px arial,sans-serif; width:3100px;}
#features {width:970px; background-color:#FFFFFF; border-bottom:1px solid #E2E2E2; padding:4px;}
.ftr {width:172px; height:160px; border-right:1px solid #E5E5E5; float:left; margin:5px 0 0 0; padding:5px 12px 5px 8px; _padding:5px 10px;}		
#mover a {float:left; font:bold 14px arial,sans-serif; color:#004272; text-decoration:none;}
#mover a:hover, #mover h3 a:hover {text-decoration:underline;} 
#mover p a {font:normal 12px arial,sans-serif; color:#000; text-decoration:none; line-height:18px;}
#mover .thumbnail {margin:0; padding:0; border:1px solid #E2E2E2;}
#mover h2, #mover h2 a {font:bold 18px arial,sans-serif; color:#004272; padding:0;margin:0;}
#mover h3, #mover h3 a {font:bold 14px arial,sans-serif; color:#004272; padding:0;margin:0;}		
#mover h6, #mover h6 a {font:normal 11px arial,sans-serif; color:#000; padding:0;margin:0;}		
.linkHeading {font:12px georgia,'Times New Roman',Times,serif; color:#000;}
#features .subHdg {font:bold 12px arial,sans-serif; color:#000; text-transform:uppercase;float:left; padding-top:6px;}
.instTxt {font:normal 10px arial,sans-serif; color:#656565; float:left; padding:7px 0px 0px 5px;}
#dots {float:left; margin:5px 360px 0px 215px; /*background:url('../i/dots.gif') no-repeat 0px 0px;*/}
#moreFeatures {padding-right:5px;}
.blank {MozOpacity: .1; opacity: .1; filter: alpha(opacity=10);}
#leftArrow, #rightArrow {float:left; padding:0 3px;} 
#leftArrow {background:url("../images/arrow_lt_s.gif") 0px 0px no-repeat;}
#leftArrow:hover {background-position:0px -27px;}
#rightArrow {background:url("../images/arrow_rt_s.gif") 0px 0px no-repeat}
#rightArrow:hover {background-position:0px -27px;}

/* Hacks for clearing and fixing floats */
.wrap:after,  #db1:after, #db2:after, #dashboard:after, #features:after, #issueArchive:after, #articleMain:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

/* Hides from IE-mac \*/
*html .wrap, * html #db1, * html #db2, * html #dashboard, * html #features, * html #issueArchive, * html #articleMain {height:1% !important;}
.wrap, #db1, #db2, #dashboard, #features, #issueArchive, #articleMain {display:block;}