/*----------------------------------------
= media player \\\\\\\\\\\\\\\\\\\\\\\\\\\
-----------------------------------------*/
#mediaPlayer_shell {
	position: relative;
	margin: 0 0 9px;
	padding: 0;
	overflow: hidden;
}
1
#mediaContainer {height: 173px; width: 390px;}
	
/* these two settings will remove borders from playlist entries */
#mediaPlayer_shell a:active {  outline:none; }
#mediaPlayer_shell :focus   { -moz-outline-style:none; }
	
	/* container has a background image */
#mediaPlayer_shell a.player {	
	display: block;
	margin: 0;
	padding: 0; 
	width: 300px;
	height: 173px; 
	text-align: center;
	cursor:pointer; 
	z-index: 0;
}

/* splash image */
#mediaPlayer_shell a.player img {border:0;}


#videoPlayer_shell,
#articlePlayer_shell {
	position: relative;
	/*display: none; */
	margin: 0;
	padding: 0;
	width: 300px;
	height: 173px;
	font-family: arial, helvetica, sans-serif;
	color: #fff;
	background-color:#000;
	overflow: hidden;
}

#videoPlayer_shell img,
#articlePlayer_shell img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 0;
}

#videoPlayer_shell .story_shell,
#articlePlayer_shell .story_shell {
	position: absolute;
	bottom: 0;
	margin: 0;
	padding: 5px;
	width: 510px;
	text-align: left;
	background: transparent url(../images/blackTransparent-70.png) 0 0;
	z-index: 1000;
}

* html #videoPlayer_shell .story_shell,
* html #articlePlayer_shell .story_shell {width: 520px; bottom: -2px;}

#mediaPlayer_shell #videoPlayer_shell .story_shell h2,
#mediaPlayer_shell #articlePlayer_shell .story_shell h2 {
	margin: 0 0 0 0;
	padding: 0;
	width:auto;
	height: auto;
	font: normal 20px/24px arial, helvetica, sans-serif;
	color: #fff;
	text-align: left;
	text-indent: 0;
}

#videoPlayer_shell .story_shell h2 a,
#articlePlayer_shell .story_shell h2 a {
	color: #fff;
	text-decoration: none;
	font-weight: normal;
}

#videoPlayer_shell .story_shell p,
#articlePlayer_shell .story_shell p {
	margin: 0;
	padding: 0;
	font-size: 11px;
	line-height: 12px;
	font-weight: normal;
}

#articlePlayer_shell .story_shell a {text-decoration: none; font-weight: normal; color: #0bf;}

#videoPlayer_shell .story_shell a:hover,
#articlePlayer_shell .story_shell a:hover {text-decoration: underline;}

#videoPlayer_shell img.play_btn {
	position: absolute;
	top: 36px;
	left: 96px;
	width: 102px;
	height: 102px;
	z-index: 1;
}

/*---------------------
= playlist
---------------------*/
#mP_playlist div.entries a:hover,
#mP_playlist div.entries a.playing {
	color:#000;
	
}

#mP_playlist div.entries a.progress {
	opacity:0.8;
}

#mP_playlist div.entries a img {
	position: absolute;
	top: 0;
	left: 0;
	width: 70px;
	height: 40px;
	border: 2px solid #000;
	z-index: 0;
}

#mP_playlist div.entries a:hover img,
#mP_playlist div.entries a.current img {border: 2px solid #FC0;}

#mP_playlist div.entries a:hover img.video,
#mP_playlist div.entries a.current img.video {border: none;}

#mP_playlist div.entries a img.video {
	position: absolute;
	top: 4px;
	left: 4px;
	width: 16px;
	height: 16px;
	z-index: 1;
	border: none;
}

#mP_playlist div.entries a span {
	position: absolute;
	display: none;
	bottom: 2px;
	left: 0;
	margin: 0 0px;
	padding: 2px;
	width: 77px;
	color: #fff;
	background: transparent url(../images/blackTransparent-70.png) 0 0;
	z-index: 2;
}

* html #mP_playlist div.entries a span {width: 106px}

#mP_playlist div.entries a:hover span {display: block;}

#mP_playlist div.entries em {	
	float:right;
	margin-top:15px;
	color:red;
	font-style:normal;
}

/*---------------------
= playlist navigator 
---------------------*/
div.navi {
	display: block;
	float: left;
	margin: 0;
	padding: 0 auto;
	height:8px;
	width: 34%;
	text-align: center;
}


/* items inside navigator */
div.navi a {
	display: block;
	float: left;
	margin: 0 3px;
	width:8px;
	height:8px;
	background:url(../images/dots.png) 0 0 no-repeat;     
	cursor:pointer;
}

div.navi a:hover {
	background-position:0 -8px;      
}

div.navi a.active {
	background-position:0 -16px;     
} 	


/*-------------------------------------
= PLAYLIST CONFIGURATION OPTIONS
-------------------------------------*/
/* ------------------------------- bottom ---------------------------*/
#mediaPlayer_shell.bottom {width: 310px;}
/* html #mediaPlayer_shell.bottom {width: 530px;}*/

.bottom #mP_playlist_wrap {
	margin: 0;
	padding: 0;
	width: 310px;
	height: 80px;
	/*background: #333 url(../images/mediaPlayer_playlistBG.png) 0 0 no-repeat;
	border-top: 1px solid #000; */
	overflow: hidden;
}

.bottom #mP_playlist {
	position: relative;
	float:left;
	margin: 9px 10px 0;
	padding: 0 0;
	width: 250px;
	height: 62px;
	overflow:hidden;
}

.bottom #mP_playlist div.entries {
	position:absolute;
	width:10000em;
	height: 62px;
	overflow: hidden;
}

.bottom #mP_playlist div.entries a {
	position: relative;
	float:left;
	margin: 0px 8px 0 0;
	padding: 0;
	width:77px;
	height: 40px;
	font: 10px/1 verdana, sans-serif;
	text-decoration:none;
}

.bottom #mP_playlist_wrap a.nextPage, 
.bottom #mP_playlist_wrap a.prevPage {
	float: left;
	display: block;
	margin: 9px 0 0;
	padding: 0;
	width:18px;
	height:62px;
	cursor:pointer;
}

.bottom #mP_playlist_wrap a.prevPage {background: transparent url(/images/mediaPlayer_NextPrev_btn.png) -18px 0 no-repeat;}
.bottom #mP_playlist_wrap a.prevPage:hover {background: transparent url(/images/mediaPlayer_NextPrev_btn.png) -18px 0 no-repeat;}

.bottom #mP_playlist_wrap a.nextPage {background: transparent url(/images/mediaPlayer_NextPrev_btn.png) 0 0 no-repeat;}
.bottom #mP_playlist_wrap a.nextPage:hover{background-position: 0 0;}

* html .bottom #mP_playlist_wrap a.nextPage {margin-right: -8px;}

.bottom #mP_playlist_wrap a.nextPage.disabled, 
.bottom #mP_playlist_wrap a.prevPage.disabled {visibility:hidden;}

/* ------------------------------- top ------------------------------*/
#mediaPlayer_shell.top {width: 520px; height: 374px;}
* html #mediaPlayer_shell.top {width: 530px;}
.top #mediaContainer {position: absolute; top: 85px;}

.top #mP_playlist_wrap {
	position: absolute;
	top: 4px;
	margin: 0;
	padding: 0;
	width: 520px;
	height: 80px;
	background: #333 url(../images/mediaPlayer_playlistBG.png) 0 0 no-repeat;
	border-bottom: 1px solid #000;
	overflow: hidden;
}

.top #mP_playlist {
	position: relative;
	float:left;
	margin: 9px 10px 0;
	padding: 0 0;
	width:464px;
	height: 62px;
	overflow:hidden;
}

.top #mP_playlist div.entries {
	position:absolute;
	width:10000em;
	height: 62px;
	overflow: hidden;
}

.top #mP_playlist div.entries a {
	position: relative;
	float:left;
	margin: 0px 8px 0 0;
	padding: 0;
	width:110px;
	height: 62px;
	font: 10px/1 verdana, sans-serif;
	text-decoration:none;
}

.top #mP_playlist_wrap a.nextPage, 
.top #mP_playlist_wrap a.prevPage {
	float: left;
	display: block;
	margin: 9px 0 0;
	padding: 0;
	width:18px;
	height:62px;
	cursor:pointer;
}

.top #mP_playlist_wrap a.prevPage {background: transparent url(../images/mediaPlayer_NextPrev_btn.png) -18px 0 no-repeat;}
.top #mP_playlist_wrap a.prevPage:hover {background: transparent url(../images/mediaPlayer_NextPrev_btn.png) -18px -62px no-repeat;}

.top #mP_playlist_wrap a.nextPage {background: transparent url(../images/mediaPlayer_NextPrev_btn.png) 0 0 no-repeat;}
.top #mP_playlist_wrap a.nextPage:hover{background-position: 0 -62px;}

* html .top #mP_playlist_wrap a.nextPage {margin-right: -8px;}

.top #mP_playlist_wrap a.nextPage.disabled, 
.top #mP_playlist_wrap a.prevPage.disabled {visibility:hidden;}

/* ------------------------------- left -----------------------------*/
#mediaPlayer_shell.left {width: 650px;}
* html #mediaPlayer_shell.left {width: 660px;}
.left #mediaContainer {float: right;}

.left #mP_playlist_wrap {
	float: left;
	width: 279px;
	height: 293px;
	background: #333 url(../images/vertical-playlist_BG.png) 0 0 repeat-x;
	border-right: 1px solid #000;
	overflow: hidden;
}

.left #mP_playlist {
	position: relative;
	float:left;
	margin: 27px 0 27px 9px;
	padding: 0 0;
	width:110px;
	height: 202px;
	overflow:hidden;
}

.left #mP_playlist div.entries {
	position:absolute;
	height:10000em;
	width: 110px;
	overflow: hidden;
}

.left #mP_playlist div.entries a {
	position: relative;
	float: left;
	clear: left;
	margin: 0px 0 8px 0;
	padding: 0;
	width:110px;
	height: 62px;
	font: 10px/1 verdana, sans-serif;
	text-decoration:none;
}

.left #mP_playlist_wrap a.nextPage, 
.left #mP_playlist_wrap a.prevPage {
	float: left;
	display: block;
	margin: 0 0 0 9px;
	padding: 0;
	width:110px;
	height:18px;
	cursor:pointer;
}

.left #playlistEnds {
	margin: 0 auto;
	padding: 0;
	height: 293px;
	width: 129px;
	background: transparent url(../images/vertical-playlist.png) center 0 no-repeat;
}

.left #mP_playlist_wrap a.prevPage {background: transparent url(../images/verticalNextPrev.png) -0px -18px no-repeat;}
.left #mP_playlist_wrap a.prevPage:hover {background: transparent url(../images/verticalNextPrev.png) -110px -18px no-repeat;}

.left #mP_playlist_wrap a.nextPage {background: transparent url(../images/verticalNextPrev.png) 0 0 no-repeat;}
.left #mP_playlist_wrap a.nextPage:hover{background-position: -110px 0px;}

* html .left #mP_playlist_wrap a.nextPage {margin-right: -8px;}

.left #mP_playlist_wrap a.nextPage.disabled, 
.left #mP_playlist_wrap a.prevPage.disabled {visibility:hidden;}

/* ------------------------------- right ----------------------------*/
#mediaPlayer_shell.right {width: 650px;}
* html #mediaPlayer_shell.right {width: 660px;}
.right #mediaContainer {float: left;}

.right #mP_playlist_wrap {
	float: right;
	width: 129px;
	height: 293px;
	background: #333 url(../images/vertical-playlist_BG.png) 0 0 repeat-x;
	border-left: 1px solid #000;
	overflow: hidden;
}

.right #mP_playlist {
	position: relative;
	float:left;
	margin: 27px 0 27px 9px;
	padding: 0 0;
	width:110px;
	height: 202px;
	overflow:hidden;
}

.right #mP_playlist div.entries {
	position:absolute;
	height:10000em;
	width: 110px;
	overflow: hidden;
}

.right #mP_playlist div.entries a {
	position: relative;
	float: left;
	clear: left;
	margin: 0px 0 8px 0;
	padding: 0;
	width:110px;
	height: 62px;
	font: 10px/1 verdana, sans-serif;
	text-decoration:none;
}

.right #mP_playlist_wrap a.nextPage, 
.right #mP_playlist_wrap a.prevPage {
	float: left;
	display: block;
	margin: 0 0 0 9px;
	padding: 0;
	width:110px;
	height:18px;
	cursor:pointer;
}

.right #playlistEnds {
	margin: 0 auto;
	padding: 0;
	height: 293px;
	width: 129px;
	background: transparent url(../images/vertical-playlist.png) center 0 no-repeat;
}

.right #mP_playlist_wrap a.prevPage {background: transparent url(../images/verticalNextPrev.png) -0px -18px no-repeat;}
.right #mP_playlist_wrap a.prevPage:hover {background: transparent url(../images/verticalNextPrev.png) -110px -18px no-repeat;}

.right #mP_playlist_wrap a.nextPage {background: transparent url(../images/verticalNextPrev.png) 0 0 no-repeat;}
.right #mP_playlist_wrap a.nextPage:hover{background-position: -110px 0px;}

* html .right #mP_playlist_wrap a.nextPage {margin-right: -8px;}

.right #mP_playlist_wrap a.nextPage.disabled, 
.right #mP_playlist_wrap a.prevPage.disabled {visibility:hidden;}