body { 
	background: url(imgs/bg-body.jpg) no-repeat #000;
	background-position: top center;
	text-align:center;
	margin: 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	margin-bottom: 50px;
	overflow-y:scroll;
	}


#content { 
	width: 550px;
	margin: 0px auto;
	text-align: left;
	border: 0px solid #fff;	
	margin-top: 405px;
	padding-left: 0px;
	}

.links	{ line-height: 40px;height:40px; }

.link-left { float:left;display:inline;color:#fff;margin-left:10px;letter-spacing:0.3px; }

.link-right { float:right;display:inline;color:#fff;margin-right:15px;letter-spacing:0.3px; }


a:link, a:visited {
	color: #fff;
	text-decoration: none;
	}

a:hover, a:active {
	color: #E3CA56;
	text-decoration: none;
	}



a.btn-vplay:link, a.btn-vplay:visited, a.btn-vplay:active {
	text-decoration: none;
	display: block;
	width: 58px;
	height: 103px;
	background: url(imgs/btn-video-play.png) no-repeat;
	text-indent: -9999px;
	border: none;
	margin: 0px auto;
	}

a.btn-vplay:hover {
	text-decoration: none;
	display: block;
	width: 58px;
	height: 103px;
	background: url(imgs/btn-video-play.png) no-repeat;
	background-position: -58px;
	text-indent: -9999px;
	border: none;
	margin: 0px auto;
	}


a:focus	{ outline:none; }
:focus	{ outline:none; }

.floatright	{ float: right; }
.floatleft	{ float: left; }
.clearboth	{ clear: both; }
.clearright 	{ clear: right; }
.clearleft 	{ clear: left; }


.spacer { height:30px; }

.avleft { float:left;display:inline;color:#fff;width:262px; }

.avright { float:right;display:inline;width:262px;color:#fff; }

.prevideo { border: 1px solid #363d42;background:url(imgs/video-pic.jpg) no-repeat;height:103px;text-align:center;  }

.pre-nurvideo { width: 262px; border: 1px solid #363d42;background:url(imgs/video-pic.jpg) no-repeat;height:103px;text-align:center;  }

.vclosediv { background:#000;padding:4px; }

a.btn-vclose:link, a.btn-vclose:visited, a.btn-vclose:active {
	text-decoration: none;
	display: block;
	width: 20px;
	height: 20px;
	background: url(imgs/btn-vclose.png) no-repeat;
	text-indent: -9999px;
	border: none;
	}

a.btn-vclose:hover {
	text-decoration: none;
	display: block;
	width: 20px;
	height: 20px;
	background: url(imgs/btn-vclose.png) no-repeat;
	background-position: -20px;
	text-indent: -9999px;
	border: none;
	}


#video { display:none;width:500px;margin:0px auto; height:350px; }

.videocenter { margin: 0px auto; text-align:center;width:262px; }


.audio-container { border-top: 1px solid #333;border-bottom:1px solid #333;padding:4px 0 4px 0;width:262px; }



/*
###############################
Audio-Player-ScrollPane
###############################
*/

.scroll-pane {	height: 95px;	overflow: auto; }

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: url(imgs/bg-scroll.png) ;
}
.jScrollPaneDrag {
	position: absolute;
	background: #fff;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background-color: #666;
	height: 9px;
}
a.jScrollArrowUp:hover {
	background-color: #f60;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background-color: #666;
	height: 9px;
}
a.jScrollArrowDown:hover {
	background-color: #f60;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-color: #f00;
}









/*
###############################
Audio-Player
###############################
*/

div.jp-single-player,
div.jp-playlist-player {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	line-height: 1.2em;
	color: #666;
}
div.jp-interface {
	position: relative;
	background: url(../../bg-player-skin54.jpg) repeat-x #E7D990; 
	width:330px;
	height:80px;
	border:0px solid #009be3;
}
div.jp-single-player div.jp-interface {
	border-bottom:none;
}
div.jp-playlist-player div.jp-interface {
}

div.jp-interface  ul.jp-controls {
	list-style-type:none;
	padding:0;
	margin: 0;
}
div.jp-interface  ul.jp-controls li {
	overflow:hidden;
	text-indent:-9999px;
}
li.jp-play,
li.jp-pause {
	display: block;
	position: absolute;
	top:25px;
	width:40px;
	height:40px;
	cursor: pointer;
}
div.jp-single-player li.jp-play,
div.jp-single-player li.jp-pause {
	left:40px;
}
div.jp-playlist-player li.jp-play,
div.jp-playlist-player li.jp-pause {
	left:48px;
}
li.jp-play {
	background: url("jplayer.blue.monday.png") 0 0 no-repeat;
}
li.jp-play:hover {
	background: url("jplayer.blue.monday.png") -41px 0 no-repeat;
}
li.jp-pause {
	background: url("jplayer.blue.monday.png") 0 -42px no-repeat;
}
li.jp-pause:hover {
	background: url("jplayer.blue.monday.png") -41px -42px no-repeat;
}
li.jp-stop {
	position: absolute;
	top:31px;
	background: url("jplayer.blue.monday.png") 0 -83px no-repeat;
	width:28px;
	height:28px;
	cursor: pointer;
}
div.jp-single-player li.jp-stop {
	left:90px;
}
div.jp-playlist-player li.jp-stop {
	left:126px;
}
li.jp-stop:hover {
	background: url("jplayer.blue.monday.png") -29px -83px no-repeat;
}


li.jp-previous {
	position: absolute;
	left:20px;
	top:31px;
	background: url("jplayer.blue.monday.png") 0 -112px no-repeat;
	width:28px;
	height:28px;
	cursor: pointer;
}
li.jp-previous:hover {
	background: url("jplayer.blue.monday.png") -29px -112px no-repeat;
}


li.jp-next {
	position: absolute;
	left:88px;
	top:31px;
	background: url("jplayer.blue.monday.png") 0 -141px no-repeat;
	width:28px;
	height:28px;
	cursor: pointer;
}
li.jp-next:hover {
	background: url("jplayer.blue.monday.png") -29px -141px no-repeat;
}
div.jp-progress {
	position: absolute;
	overflow:hidden;
	top:32px;
	width:122px;
	height:15px;
	border-bottom: 1px solid #ccc;
}
div.jp-single-player div.jp-progress {
	left:130px;
}
div.jp-playlist-player div.jp-progress {
	left:164px;
}
div.jp-load-bar {
	background: url("jplayer.blue.monday.png") 0 -202px repeat-x;
	width:0px;
	height:15px;
	cursor: pointer;
}
div.jp-play-bar {
	background: url("jplayer.blue.monday.png") 0 -218px repeat-x ;
	width:0px;
	height:15px;
}






/*


li.jp-volume-min {
	position: absolute;
	top:32px;
	background: url("jplayer.blue.monday.png") 0 -170px no-repeat;
	width:18px;
	height:15px;
	cursor: pointer;
}
div.jp-single-player li.jp-volume-min {
	left:274px;
}
div.jp-playlist-player li.jp-volume-min {
	left:296px;
}
li.jp-volume-min:hover {
	background: url("jplayer.blue.monday.png") -19px -170px no-repeat;
}
li.jp-volume-max {
	position: absolute;
	top:32px;
	background: url("jplayer.blue.monday.png") 0 -186px no-repeat;
	width:18px;
	height:15px;
	cursor: pointer;
}
div.jp-single-player li.jp-volume-max {
	left:346px;
}
div.jp-playlist-player li.jp-volume-max {
	left:368px;
}
li.jp-volume-max:hover {
	background: url("jplayer.blue.monday.png") -19px -186px no-repeat;
}

div.jp-volume-bar {
	position: absolute;
	overflow:hidden;
	top:37px;
	background: url("jplayer.blue.monday.png") 0 -250px repeat-x;
	width:46px;
	height:5px;
	cursor: pointer;
}
div.jp-single-player div.jp-volume-bar {
	left:292px;
}
div.jp-playlist-player div.jp-volume-bar {
	left:314px;
}
div.jp-volume-bar-value {
	background: url("jplayer.blue.monday.png") 0 -256px repeat-x;
	width:0px;
	height:5px;
}



*/





div.jp-play-time,
div.jp-total-time {
	position: absolute;
	top:49px;
	width:122px;
	font-size:.64em;
	font-style:oblique;
	color:#222;
}
div.jp-total-time {
	text-align: right;
}
div.jp-single-player div.jp-play-time,
div.jp-single-player div.jp-total-time {
	left:130px;
}
div.jp-playlist-player div.jp-play-time,
div.jp-playlist-player div.jp-total-time {
	left:164px;
}
div.jp-playlist {
	width:262px;overflow:hidden;

}
div.jp-playlist ul{
	list-style-type:none;
	margin:0 0 0px 0;
	width:99%;
	font-size:12px;
}
div.jp-single-player div.jp-playlist ul {
	padding:5px 20px 5px 20px;
}
div.jp-playlist-player div.jp-playlist ul {
	padding:0px 0px 0px 0px;
}
div.jp-single-player div.jp-playlist li{
	padding:0 0 0 0px;
	font-weight:bold;

}


div.jp-playlist-player div.jp-playlist li{
	padding:0px;
	border-bottom:0px solid #E7D990;
	cursor: pointer;
	color: #fff;
	padding: 2px;
}
div.jp-playlist-player div.jp-playlist li.jplayer_playlist_current {
	color:#fff;
	list-style-type:none;
	list-style-position:inside;
	padding:0px;
	cursor: pointer;
	background: #1a1a1a;
	padding: 2px;
}
div.jp-playlist-player div.jp-playlist li:hover {
	background: #292828;
}