/* this style allows ie to display pngs as a background image although they can't repeat */
/* note: it requires a blank .gif and it must be referrenced correctly in the .htc file for this to work */
* { behavior: url(js/png_bg_fix.htc)}



body {
	margin:0;
	padding:0;
	background:#ebeae5 url(../images/media_bg.jpg) top repeat-x;
	font-family:Helvetica, Arial, sans-serif;
	color:#666;
}
a { color:#06c;}
a:hover { color:#ff6;}



#header {
	margin:auto;
	padding:0;
	width:990px;
	height:45px;
}
#header #logo {
	float:left;
	display:inhline;
}
#header p {
	float:right;
	display:inline;
	font-size:11px;
	line-height:24px;
	color:#fff;
	text-align:right;
}
#header a {
	color:#fff;
	text-decoration:none;
}
#header a:hover {
	color:#ffff66;
}




#Container {
	margin:auto;
	padding:0;
	width:990px;
	height:618px;
	border-left:1px solid #d8d6ce;
	border-right:1px solid #d8d6ce;
	border-bottom:1px solid #d8d6ce;
}

#bannerAd1, #bannerAd2 {
	float:left;
	display:inline;
	margin:0;
	padding:1px 11px 0 11px;
	width:728px;
	height:93px;
}




#main {
	float:left;
	display:inline;
	margin:0;
	padding:0;
	width:750px;
	height:525px;
	background:url(../images/media_bg_main.jpg) top no-repeat;
	position:relative;
}
#main #rating {/*
	width:335px;*/
	height:20px;
	padding:0 0 0 25px;
	margin:0;
	background:url(../images/media_bg.jpg) 0 -645px repeat-x;
	position:absolute;
	top:0;
	left:0;
	z-index:300;
	width:725px;
}
#main h1 {
	font-weight:normal;
	font-size:12px;
	line-height:20px;
	display:inline;
	float:left;
	margin-right:10px;
}
#main h2 {
	font-weight:normal;
	font-size:13px;
	line-height:18px;
	color:#fff;
	display:inline;
	float:left;
	margin-left:10px;
}

.report {
	font-size:11px;
	line-height:20px;
	margin:0 0 0 15px;
}

	
/* STAR RATING */
      ul.rating{
      width:80px;
      height:16px;
      margin:1px 0;
      padding:0;
      list-style:none;
	  float:left;
	  position:relative;
	  display:inline;
      background:url(../images/star-matrix1.gif) no-repeat 0 0;
      }
      ul.rating li {
      cursor: pointer;
      /*ie5 mac doesn't like it if the list is floated but ie6 does\*/
      float:left;
      /* end hide*/
      text-indent:-999em;/* hide text*/
      }
      ul.rating li a {
      position:absolute;
      left:0;
      top:0;
      width:16px;
      height:16px;
      text-decoration:none;/*
      z-index: 200;*/
      }
      ul.rating li.one a {left:0}
      ul.rating li.two a {left:16px;}
      ul.rating li.three a {left:32px;}
      ul.rating li.four a {left:48px;}
      ul.rating li.five a {left:64px;}

      .nostar {background-position:0 0}
      .onestar {background-position:0 -16px}
      .twostar {background-position:0 -32px}
      .threestar {background-position:0 -48px}
      .fourstar {background-position:0 -64px}
      .fivestar {background-position:0 -80px}

      ul.rating li a:hover {/*
      z-index:2;*/
      width:80px;
      height:16px;
      overflow:hidden;
      left:0;
      background: url(../images/star-matrix1.gif) no-repeat 0 0
      }
      ul.rating li.one a:hover {background-position:0 -96px;}
      ul.rating li.two a:hover {background-position:0 -112px;}
      ul.rating li.three a:hover {background-position:0 -128px}
      ul.rating li.four a:hover {background-position:0 -144px}
      ul.rating li.five a:hover {background-position:0 -160px}





#main #videoSmall {
	float:left;
	display:inline;
	margin:25px 0 10px 10px;
	padding:0;
	width:365px;
	height:365px;
	background:url(../images/media_bg_player.png) top no-repeat;
}
#main #videoSmall p {
	margin:0;
	padding:5px 40px 0 20px;
	height:28px;
	overflow:hidden;
	font-size:12px;
	line-height:14px;
}
#main #videoSmall #video {
	margin:20px 22px 10px 22px;
	padding:0;
}
#main #videoSmall #zoom {/*
	z-index:5;*/
	position:relative;
	float:right;
	display:inline;
	top:330px;
	right:25px;
	margin:0;
	padding:0;
}
	
#main #mainAd {
	float:left;
	display:inline;
	margin:25px 10px 10px 0;
	padding:15px 20px;
	width:325px;
	height:335px;
	background:url(../images/media_bg_player.png) top no-repeat;
}	

#main #videoBig {
	float:left;
	display:inline;
	margin:25px 0 10px 10px;
	padding:0;
	width:750px;
	height:525x;
	background:url(../images/media_bg_player_full.png) top center no-repeat;
}
#main #videoBig #video {
	margin:0 auto;
	padding:0;
	text-align:center;
	width:640px;
}
#main #videoBig #zoom {/*
	z-index:5;*/
	position:relative;
	float:right;
	display:inline;
	top:490px;
	right:25px;
	margin:0;
	padding:0;
}





#rightColumn {
	float:right;
	display:inline;
	margin:0;
	padding:0;
	width:239px;
	height:618px;
	border-left:1px solid #d8d6ce;
}
#rightColumn ul.tabs {
	width:236px;
	height:21px;
	margin:2px 1px 0 1px;
	padding:0;
	list-style:none;
	text-align:center;
}
#rightColumn ul.tabs li {
	list-style:none;
	display:inline;
	font-size:12px;
	line-height:23px;
	color:#fff;
	margin:0;
	padding:0;
}
#rightColumn ul.tabs li a {
	color:#fff;
	text-decoration:none;
	background:#b0b0b0;
	margin:0 1px;
	padding:4px 6px 3px 6px;
}
#rightColumn ul.tabs li a:hover {
	background:#666;
	text-decoration:none;
}
#rightColumn ul.tabs li a.selected {
	background:#666;
}
#rightColumn .tabsBar {
	clear:both;
	width:236px;
	height:5px;
	margin:0 1px;
	padding:0;
	background:#666;
	font-size:1px;
}





#rightColumn #rosters, #rightColumn #pennyInfo, #rightColumn #beSponsor {
	width:236px;
	height:220px;
	overflow: scroll;
	overflow-y: scroll;
	overflow-x: hidden;
	overflow:-moz-scrollbars-vertical;
}
#rightColumn h1 {
	margin:0 3px 5px 3px;
	padding:0 5px 5px 5px;
	font-weight:bold;
	text-align:center;
	font-size:13px;
	border-bottom:1px solid #999;
}
#rightColumn h2 a {
	position:relative;
	float:right;
	margin:-20px 3px 0 0;
	padding:0 8px 5px 0;
	text-indent:20px;
	font-weight:normal;
	text-align:left;
	font-size:11px;
	background:url(../images/media_arrow.gif) top right no-repeat;
}

#rightColumn h2 a:hover {
	background:url(../images/media_arrow_over.gif) top right no-repeat;
	color:#000;
	text-decoration:none;
}
#rightColumn table {
	clear:both;
	width:210px;
	margin:0 5px;
	border-collapse:collapse;
	font-size:11px;
	line-height:15px;
}
#rightColumn td {
	border-collapse:collapse;
}
/* this is for alternate row bg color
tr.alt td {
	background: #fff;
}*/
tr.over td, tr:hover td {
	background: #ccc;
	color:#000;
}

/* ---- this is original banner ad format with consistently sized ads ---- */
#rightColumn .bannerAdsmall {
	margin:5px auto;
	padding:0;
	width:234px;
	height:60px;
}

/* ---- this is new banner ad format with unknown ad sizes ---- */
#rightColumn ul.altBanners {
	width:239px;
	height:260px;
	overflow:hidden;
	margin:0;
	padding:0;
	text-align:center;
}
#rightColumn ul.altBanners li {
	padding:2px 0 0 0;
	margin:0;
}
/* --------------------- */

#rightColumn p {
	margin:0;
	padding:3px 3px 3px 5px;
	font-size:12px;
	line-height:15px;
}
#rightColumn a {
	color:#0066cc;
	text-decoration:none;
}
#rightColumn a:hover {
	text-decoration:underline;
}