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

.clips {	
	float: right;
	width: 242px; /* 242px (total width) */
}

div.clips a {
	background-color: #B5DF94;
	border: 1px solid #FFF; 
	color: #4E7D26;
	display: block;
	font-size: 12px;
	font-weight: bold;
	height: 12px;
	line-height: 12px;
	margin-bottom: 2px;
	padding: 12px 15px 12px 15px;
	text-decoration: none;
	width: 210px; /* 242px (total width) - 1px (border right) - 1px (border left) - 15px (padding right) - 15px (padding left) */
}

div.clips a.first {
}

div.clips a.playing, 
div.clips a.paused, 
div.clips a.progress {
	/* background:url(http://flowplayer.org/img/playlist/light.png) no-repeat 0px -69px; */
	background-color: #4E7D26;
	color: #FFF;
}
	
/*
div.clips a.progress {
	opacity:0.6;		
}
*/

div.clips a.paused {
}

div.clips a span {
	display: block;		
}

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

div.clips a:hover {
	background-color: #66A631;
	color: #FFF;
}

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


/*{{{ petrol colored */

div.clips.petrol a {
	background-color: #B5DF94;
	color: #4E7D26;
	
}

div.clips.petrol a.playing, 
div.clips.petrol a.paused, 
div.clips.petrol a.progress {
	background-color: #4E7D26;
	color: #FFF;
}

div.clips.petrol a.paused {
}

div.clips.petrol a span {
}

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

div.clips.petrol a:hover {
	background-color: #66A631;
	color: #FFF;
} 

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


/*{{{ low version */

/*
div.clips.low a {	
	height:31px;
}

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

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

/*}}}*/


/*{{{ go buttons */

/*
a.go {
	display:block;
	width:12px;
	height:12px;
	padding: 12px 15px 12px 15px;
	cursor:pointer;
}

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

a.go.down {
	background-image:url(http://flowplayer.org/img/playlist/arrow/down.png);	
}

div.petrol a.go {
	background-image:url(http://flowplayer.org/img/playlist/arrow/up_dark.png);		
}

div.petrol a.go.down {
	background-image:url(http://flowplayer.org/img/playlist/arrow/down_dark.png);		
}
*/

a.go.disabled {
	visibility: hidden;		
}

/*}}}*/