/*
   Source file:

   https://github.com/flowplayer/www/blob/master/content/media/css/playlist/basic.styl
*/
#basic-playlist{/* player (and playlist) background */background:#333;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;}
#basic-playlist.is-loading{/* override background image when clip changes */background:#333 !important}
#basic-playlist.is-playing{/* override background image when clip changes */background:#333 !important}
#basic-playlist.is-ready{/* override background image when clip changes */background:#333 !important}
#basic-playlist .fp-prev,#basic-playlist .fp-next{/* next and prev buttons */position:absolute;top:44%;cursor:pointer;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;transition:opacity .5s;background:url("/media/img/demos/playlist/buttons.png");opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);height:20px;width:12px;}
.is-mouseover#basic-playlist .fp-prev,.is-mouseover#basic-playlist .fp-next{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
#basic-playlist .fp-prev{left:-20px;background-position:0 -200px;}
#basic-playlist .fp-prev:hover{background-position:0 -300px}
#basic-playlist .fp-next{right:-20px;background-position:0 -400px;}
#basic-playlist .fp-next:hover{background-position:0 -500px}
#basic-playlist .fp-playlist{/* the playlist root element */position:absolute;bottom:-100px;left:0;width:100%;margin-bottom: 10px;margin-top: 10px;
	color: #000000;
    	display: block;
    	font-family: lucida;
    	font-size: 13px;
    	line-height: 17px;
    	text-decoration: none;
}

#basic-playlist .fp-playlist a.is-active{border-color:#52b9e4;}
.is-paused#basic-playlist .fp-playlist a.is-active{border-color:#1c87b4}
#basic-playlist .fp-playlist .item2{background-position:-197px -1px}
#basic-playlist .fp-playlist .item3{background-position:-393px -1px}
#basic-playlist .fp-playlist .item4{background-position:-589px -1px}
#event-info{background-color:#333;font-family:monaco,monospace;max-width:200px;margin:150px auto 0;color:#eee;padding:10px;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);font-size:14px;}
#event-info p{margin:0}
@media (max-width: 570px){#basic-playlist .fp-playlist{bottom:-90px;}

#basic-playlist .fp-playlist .item{
	width:55px;
	height:55px;
	color: #000000!important;
	display: block;
	font-family: lucida;
	font-size: 13px;
	line-height: 17px;
	text-decoration: none;
}

#basic-playlist .fp-playlist a:hover{border-color:#ccc}