/*--Layout Styles---*/

#wrapper {
	width: 888px;
	margin-right: auto;
	margin-left: auto;
	overflow: visible;
	/*background:#000 url('../images/flames.png');*/  /*Flames only*/
	/*background:#000 url('../images/record.png');*/  /*Record only*/
	/*background:#000 url('../images/recordflame2.png');*/ /*Record and flame*/ 
	background-color: #000;
	border: 1px solid #333;
}
#main {
	/*background-color: #000;*/
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	padding-top: 5px;
}
#header {
	background-image:url(../images/headflame.jpg);
	height: 90px;
}
#topBannerPos {
	width: 728px;
	height: 90px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
}
/*--Menu---*/
#menuPan{
	width:890px;
	height:20px;
	background-color: #000;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;

}
#menuPan ul{
	height:25px;
	}
#menuPan ul li{
	height:25px;
	float:left;
	list-style-type:none;
	color: #999;
	padding-right: 5px;
	padding-left: 5px;
	}
#menuPan ul li a{
	height:20px;
	display:block;
	color: #999;
	text-align:center;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: inherit;
	padding-right: 10px;
	padding-left: 10px;
	line-height: 20px;
	text-transform: uppercase;
}
#menuPan ul li a:hover{
	text-decoration:underline;
	background-color: #333;
}

/*--Column Left---*/
#columnLeft {
	width: 550px;
	margin-left: 10px;
	float: left;
	position: relative;
	z-index: 2;
}

/*--Message---*/
#message {
	height: 31px;
	width: 449px;
	position: absolute;
	top: 130px;
	left: 50px;
	z-index: 9;
	display: none;

}
#message_results {
	text-align: center;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	padding-left: 10px;
}

/*--Score Board---*/
#videoTitle {
	display: block;
	font-size: 14px;
	font-weight: 200;
	padding-top: 5px;
	padding-bottom: 7px;
}

/*--Score Board---*/#videoTitle {
	display: block;
	font-size: 14px;
	color: #999;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 200;
	padding-top: 5px;
	padding-bottom: 7px;
}

#scoreBoard {
	height: 35px;
	width: 550px;
	position: absolute;
	z-index: 1;
	background-image: url(../images/videoBG.png);
	background-repeat: repeat-x;
	display: none;
	padding-top: 3px;
	
}
#noneSelected {
	height: 35px;
	width: 550px;
	position: absolute;
	z-index: 1;
	background-image: url(../images/videoBG.png);
	background-repeat: repeat-x;
	display: none;
	padding-top: 3px;
	
}
#scoretable {
	text-align: center;
	color: #FFFFFF;
	font-size:12px;
	padding-left: 10px;
}

#videoPlayer {
	z-index: 0;
}
#flashPlayer {
	height: 339px;
	width: 550px;
	display: block;
}
#videoplayer_descriptionPan {
	position:relative
	height: 50px;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-size: 14px;
}
.videoplayer_livenow {
	color:#F00;
	font-size: 12px;
	padding-top: 3px;
}

#videoplayer_date {
	font-size: 12px;
	float: right;
	color: #999;
}
#videoplayer_description {
	float: left;
	width: 455px;
	color: #999;
	font-size: 12px;
}
#videoplayer_overflow {
	display: none;
	float: left;
	width: 425px;
	color: #999;
	font-size: 12px;
}
#big_description{
	display:none;
	background:#000;
	border:1px solid #CCC;
    position:absolute;
	padding:15px;
	width:443px;
	color:#999;
	font-size: 12px;
}
#expand_btn,#contract_btn{
	display: none;
	float: left;
	width: 50px;	
}
#share {
	float: right;
	text-align: right;
}

	


/*--Column Right---*/
#columnRight {
	width: 302px;
	margin-left: 17px;
	margin-right: 9px;
	float: left;
	margin-top: 6px;
}

/*--Playlist---*/
#playlistContent {
	height: 385px;
	overflow: hidden;
	width: 302px;
	border: 1px solid #333;
	clear:both;
}

#playlistPan {
	margin-top: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
}
/*--Playlist Nav---*/

#playlistNav {
	height: 20px;
	border-bottom: 1px solid #333;
	padding-left: 6px;
}
#playlistNav a {
	color:#999;
	font-size: 10px;
}
#playlistNav a:hover  {
	text-decoration: underline;

}
.active {
text-decoration: underline;
}


/*--Playlist ---*/

#playlistContainer1 {
	overflow-x: hidden;
	overflow-y: auto;
	height: 381px;
	width: 300px;
	display: block;
}
#featuredContainer {
	overflow-x: hidden;
	overflow-y: auto;
	height: 381px;
	width: 380px;
	display: block;
}
#playlistContainer2 {
	overflow-x: hidden;
	overflow-y: auto;
	height: 381px;
	width: 300px;
}
#playlistDiv {
	padding-left: 3px;
	}
	
.playlistItemDark {
	background-color:#000;
	height: 55px;
	border-bottom: 1px solid #666;
}
.playlistItemLight {
	background-color:#1A1F22;
	height: 55px;
	border-bottom: 1px solid #666;
}
.featuredItem{
	height: 88px;
}
.thumb {
	margin: 0 5px 0 5px;
	padding-top: 5px;
	float: left;
	height: 45px;
	width: 60px;
}
.featuredthumb {
	margin: 0 5px 0 5px;
	padding-top: 5px;
	float: left;
	height: 78px;
	width: 104px;
}
.gameData {
	width: 200px;
	float: left;
}
.featuredData {
    width:135px;
	height:88px;
	float:left;
}
.title {
	float: left;
	margin-top: 2px;
	width: 200px;
	font-size: 12px;
	color: #999;
}
.feattitle {
	float: left;
	margin-top: 2px;
	font-size: 16px;
	color: #999;
}
.title a {
	color: #999;
}

.description {
	font-size: 10px;
	float: left;
	width: 195px;
	height: 15px;
	overflow: hidden;
	float:left;
	padding-left: 5px;
	color: #999;

}
.featdescription {
	font-size: 10px;
	float: left;
	height: 65px;
	overflow: hidden;
	float:left;
	padding-left: 5px;
	color: #999;

}
.gameTime {
	font-size: 10px;
	font-weight: normal;
	height: 15px;
	padding-left: 5px;
	float:left;
	color: #999;
	padding-top: 3px;
}
.playbutton {
	width: 71px;
	height: 18px;
	float:left;
	}
.livenow {
	color:#F00;
	font-size: 10px;
	padding-top: 3px;
}

#rightBannerPos {
	margin-top: 10px;
	height: 250px;	
}
/*--Slide Box---*/
#closeDiv {
	position: absolute;
	left: 230px;
	top: 43px;
	font-size: 12px;
	color: #999;
}
#closeFeat {
	position: absolute;
	left: 230px;
	top: 5px;
	font-size: 12px;
	color: #999;
}
#slideAd {
	width: 300px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 60px;
}
#slideFeatures{
	background:#000 url('../images/flames.png') no-repeat;
	background-position:bottom;
	width: 300px;
	margin-right: auto;
	margin-left: auto;
	padding: 20px 0 10px 8px;	
}
.pan2 {
	display:none;
	position: relative;
	width: 302px;
}
.pan3 {
	background:#000;
	display:none;
	position: relative;
	width: 302px;
}
.pan4 {
	display:none;
	position: relative;
	width: 302px;
}
.pan5 {
	display:none;
	position: relative;
	width: 302px;
}
/*--Content---*/
#content {
	clear: both;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333;
		overflow: hidden;
	height: 330px;

}
#contentLeft {
	float: left;
	width: 570px;
	margin-top: 10px;
}

#channelsPan {
	float:left;
	font-size: 10px;
	width: 100px;
	margin-top: 10px;
	margin-left: 10px;
}

ul#channels, ul#channels ul {
  list-style-type:none;
}

ul#channels a {
  display: block;
  text-decoration: none;	
}

ul#channels li {
  margin-top: 1px;
}

ul#channels li a {
  padding: 3px;
}

ul#channels li a:hover {
	text-decoration: underline;	
}

ul#channels li ul li a {
	padding-left: 10px;
}
ul#channels li ul li a {
	padding-left: 10px;
}


ul#channels li ul li a:hover {
}
ul#channels li a.parent {
	font-weight:bold;
	
	}
/*--Content Items---*/
#content_items{
	padding-left: 0px;
	padding-bottom: 10px;
	height: 275px;
	width: 450px;
	overflow: hidden;
}
.content_item{
	width: 125px;
	height: 115px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
}
.content_thumb {
	float: left;
	height: 83px;
	width: 125px;
}
.content_title {
	float: left;
	margin-top: 2px;
	width: 125px;
	font-size: 10px;
	color: #999;
}
.content_title a {
	color: #999;
}

.content_gameTime {
	padding-left: 10px;
	font-size: 10px;
	font-weight: normal;
	height: 15px;
	float:left;
	color: #999;
}

/*--Loading Screen--*/
#loading {
	float: left;
	width: 560px;
	height: 330px;
	margin-left: 10px;
	position: absolute;
	background-color: #1a1a1a;
}
#loadingScreen {
	width: 100px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 125px;
}
/*--Pagination Styles---*/
#page_navigation{
	float: right;
	padding-right: 20px;
}

.pages{
	position:relative;
	top: -5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0px 3px;
	cursor: default;
}

/*--Selected Links--*/

#playnav{
 height:25px;
 border-left:1px #333 solid;
}

.selected{
 margin: 0;
 font-style:italic;
 padding: 3px 5px 5px 5px;
 background:none;
 border-right:1px #333 solid;
 border-top:1px #333 solid;
 float:left;
}

.unselected{
 margin: 0;
 padding: 3px 5px 5px 5px;
 background:none;
 border-right:1px #333 solid;
 border-top:1px #333 solid;
 float:left;
}

.selected:link, .selected:visited{
 color:#F60;
}

/*--Content Right---*/
#contentRight {
	float: left;
	width: 300px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
}



/*--Footer---*/
#footer {
	height: 30px;
	padding-top: 5px;
	background-color: #000;
	width: 888px;
	clear: both;
}
#footerContent {
	padding-top: 5px;
	padding-bottom: 4px;
	font-size: 10px;
	text-align:center;
	color: #999;
}

.hidden {
	display: none;
}
.fixedelements {
	font-size: 10px;
	text-transform: uppercase;
	color: #666;
}
.gameTables {
	border: 1px solid #333;
	font-size:12px;
	color: #333;
}
.article{
 color:#FFF;
 background:url('../images/grey.png') repeat;
 position:relative;
 font-weight:normal;
 font-size:14px;
 width: 250px;
 height: 340px;
 padding-top: 15px;
 padding-left: 15px;
 padding-right: 25px;
 border-top: 1px solid #F60;
 border-left: 1px solid #F60;
 border-right: 1px solid #F60;
 border-bottom: 1px solid #F60;
 overflow-x:hidden;
 overflow-y:auto;
}
.article table{
 padding: 0;
 margin: 0;
 padding-left:6px;
}
.article-more{
 margin-top:5px;
 width:290px;
 height:355px;

}
.article h2{
 color:#FFF;
 margin-bottom: 5px;
 display: block;
 font-size: 18px;
}