/*
 *
 * PlanetSolar SA
 *
 * Stylesheet (Firefox version)
 *
 * Copyright (c) 2008 PlanetSolar SA, Alexis Domjan <adomjan@planetsolar.org>
 *
 * $Id: playlist.css,v 1.2 2009-05-22 11:50:51 disco Exp $
 *
 */

/* player style */
/* container has a background image */
a.player {	
	margin-top:20px;
	background:url(/images/snapshots/video-background-start.png) no-repeat;  
	width:390px;
	height:260px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	border: 1px solid #444;
	cursor:pointer;
}

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


#player {
        clear: left; 
	float:left;		
}	

/* playlist style */
#playlist {
	width:220px;
	height:260px;
	overflow-y:auto;
	overflow-x:hidden; 
	border: 1px solid #ccc;
	background-color: #273945;
	padding-left: 4px;
	margin-top: 20px;
	margin-left:10px;
	padding-top: 0px; 
	float:left;
}

/* playlist entry */
#playlist a {
	display:block;
	width:200px;
	height:60px;
	padding:5px;
	background-color:#ddd;
	border:1px solid #ccc;
	font:11px "bitstream vera sans", "lucida grande",verdana;
	text-decoration:none;
	margin-top:7px;
	color:#666;
}

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

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

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

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

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

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

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