/*{{{ general playlist settings, light gray */
div.playlist {

	position:relative;
	overflow:hidden;	 	
	height:310px !important;
}

div.playlist div.clips {
	position:absolute;
	height:20000em;
	left: 1px;
	top: 5px;
}

div.playlist, div.clips {
	width:225px;

}

div.clips a {
	background:url(/img/global/gradient/h80.png);
	display:block;
	background-color:#fafafa;
	border:1px solid #ccc;
	padding:7px;
	margin-top:7px;
	height:80px;
	width:205px;
	font-size:12px;
	border:1px outset #ccc;		
	text-decoration:none;
	letter-spacing:-1px;
	color:#000;
}

div.clips a.first {
	/*border-top-width:1px;*/
}

div.clips a.playing, div.clips a.paused, div.clips a.progress {
	/*background:url(/img/playlist/light.png) no-repeat 0px -69px;*/
	width:210px;
	border:0;
	background-color:#e1e3e6;
}
	
div.clips a.progress {
	opacity:0.6;		
}

div.clips a.paused {
	background-position:0 0;	
}

div.clips a span {
	display:block;		
	font-size:11px;
	color:#666;
}

div.clips a em {
	font-style:normal;
	color:#f00;
}	

div.clips a:hover {
	background-color:#fefefe;		
}
div.clips a:playing {
	
	background-color:#e1e3e6;	
}

div.clips a.playing:hover, div.clips a.paused:hover, div.clips a.progress:hover {
	background-color:#e1e3e6;		 
}
/*}}}*/


/*{{{ petrol colored */

div.clips.petrol a {
	background-color:#193947;
	color:#fff;
	border:1px outset #193947;
}

div.clips.petrol a.playing, div.clips.petrol a.paused, div.clips.petrol a.progress {
	background:url(/img/playlist/dark.png) no-repeat 0px -69px;
	border:0;
}

div.clips.petrol a.paused {
	background-position:0 0;	
}

div.clips.petrol a span {
	color:#aaa;
}

div.clips.petrol a em {
	color:#FCA29A;
	font-weight:bold;
}	

div.clips.petrol a:hover {
	background-color:#274D58;		
} 

div.clips.petrol a.playing:hover, div.clips.petrol a.paused:hover, div.clips.petrol a.progress:hover {
	background-color:transparent !important;		 
}
/*}}}*/


/*{{{ low version */

div.clips.low a {	
	height:80px;
}

div.clips.low a.playing, div.clips.low a.paused, div.clips.low a.progress {
	background-image:url(/img/playlist/light_small.png);
	background-position:0 -55px;
}

div.clips.low a.paused {
	background-position:0 0;	
}


/*}}}*/


/*{{{ go buttons */

a.go {
	display:block;
	width:18px;
	height:18px;
	background:url(../images/interface/up.png) no-repeat;
	margin:5px 0 5px 105px;
	cursor:pointer;
}

a.go:hover, a.go.down:hover {
	background-position:0px -18px;		
}

a.go.down {
	background-image:url(../images/interface/down.png);	
}

div.petrol a.go {
	background-image:url(../images/interface/up_dark.png);		
}

div.petrol a.go.down {
	background-image:url(../images/interface/down_dark.png);		
}

a.go.disabled {
	visibility:hidden;		
}

/*}}}*/



 player / playlist styling 

/* player style */
/* container has a background image */
a.player {	
	margin-top:40px;
	display:block;
	background:url(/img/player/splash.png) no-repeat;
	width:425px;
	height:298px;
	padding:0 126px 75px 127px;	
	text-align:center;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
}

/* splash image */
a.player img {
	margin-top:115px;
	border:0;	
}


#player {
	float:left;		
}	

/* playlist style */
#playlist {
	width:225px;
	height:300px;
	/*overflow-y:auto;
	overflow-x:hidden;
	border:1px solid #ccc;*/
	padding:0;
	/*background-color:#efefef;*/
	float:left;
}

/* playlist entry */
#playlist a {
	display:block;
	width:210px;
	height:80px;
	padding:7px;
	background-color:#fafafa;
	border:1px solid #ccc;
	font-family:Verdana, sans-serif;
	font-size:12px;
	text-decoration:none;
	margin-top:7px;
	color:#666;
}

/* different states of a playlist entry */
#playlist a:hover {
	background-color:#fefefe;		
}

#playlist a.progress {
	background-color:#efefef;	
}

#playlist a.playing {
	border:1px solid #666;
	background-color:#e1e3e6;	
}

#playlist a.paused {
	border:1px solid #666;
	background-color:#e1e3e6;	
}

/* elements inside playlist entry */
#playlist a img {
	border:0;	
	float:left;
	margin-right:0;
}

#playlist a strong {
	color:blue;		
	padding-bottom:5px;
}

#playlist a em {
	border:0;	
	float:left;
	margin-right:10px;
	background:url(/img/demos/clock.gif) no-repeat 0 50%;
	padding-left:20px;
	color:#333;
	font-style:normal;
	margin-top:10px;
}

#playlist ul {
	margin:0;
	padding:0;
}

#playlist ul li {
	font-family:Verdana, sans-serif;
	font-weight:bold;
	font-size:12px;
	line-height:10px;
	color:#004590;
	list-style-type:none;
	padding-bottom:3px;
}
#playlist ul ul li {
	font-family:Arial, sans-serif;
	font-weight:normal;
	font-size:12px;
	line-height:10px;
	color:#999999;
	margin-top:0;
	
}


/* player container */
div.player {
	height:239px;
	width:425px;
	border:2px solid #fff;
	outline:1px solid #333;
	/*-moz-outline-radius:4px;*/
	cursor:pointer;
	float:left;
	text-align:center;
	margin-right:15px;
}

/* play button */
div.player img {
	margin-top:65px;
}

/* info area */
div.player div.info {
	height:39px;
	background:#000 url(/img/global/gradient/h80.png) repeat-x;
	opacity:0.7;
	color:#fff;
	margin-top:45px;
	text-align:left;
	padding:5px 15px;	
	font-family:Verdana, sans-serif;
	font-size:14px;
	font-weight:bold;
	
}

/* duration data inside info area */
div.player div.info span {
	color:#99FF99;
	display:block;
	font-weight:bold;
}