/* @override http://devgdc.guidesdecharme.com/media/css/flowplayer.css */

#flowplayer {
	display:block;
	width: 370px;
	height: 277px;
	float:left;
	margin-bottom: 8px;
}

div.playlist {

	position:relative;
	overflow:hidden;	 	
}

div.playlist div.clips {
}

div.playlist, div.clips {
	width: 370px;
}

div.clips a {	

	display: block;
	float: left;
	width: 90px;
	height: 65px;
	margin-right: 2px;
	margin-bottom: 5px;
}

div.clips a:hover {	
	cursor:hand;
	cursor:pointer;
}

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

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

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


div.clips a:hover {
	background-color:#f9f9fa;		
}

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