@charset "utf-8";
/* CSS Document */

/* player style */
/* container has a background image */

a.player {	
	display:block;
	width:500px;
	height:340px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
	background:#000 url(../images/flowplayer/h500.png) repeat-x 0 0;
	background:-moz-linear-gradient(top, rgba(55, 102, 152, 0.9), rgba(6, 6, 6, 0.9));
	-moz-box-shadow:0 0 40px rgba(100, 118, 173, 0.5);
}

a.player:hover {
	background:-moz-linear-gradient(center top, rgba(73, 122, 173, 0.898), rgba(6, 6, 6, 0.898));	
}

/* splash image */
a.player img {
	margin-top:125px;
	border:0;	
}
#playerwrapper{
float:left;
width:520px;
}

#player {
	float:left;		
	height:340px;
	width:500px;
}	

/* playlist style */
#playlistwrapper {
	width:330px;
	height:325px;
	overflow-y:auto;
	overflow-x:hidden;
	border:1px solid #ccc;
	padding:4px 10px 12px 10px;
	background-color:#efefef;
	margin-top:0px;
	float:left;
}

/*playlist*/
#playlist{
list-style-type:none;
margin:0;
padding:0;
}

/* playlist entry */
.playlistitem a {
	display:block;
	width:300px;
	height:130px;
	padding:7px;
	background-color:#fff;
	border:1px solid #ccc;
	font:10px "bitstream vera sans", "lucida grande",verdana;
	text-decoration:none;
	margin-top:7px;
	color:#666;
}


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

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

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

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

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

.playlistitem a strong {
	color:blue;		
	padding-bottom:5px;
}

.playlistitem a span {
	border:0;	
	float:right;
	margin-right:10px;
	background:url(../images/flowplayer/clock_frame.png) no-repeat 0 50%;
	padding-left:20px;
	color:#333;
	font-style:normal;
	margin-top:10px;
	padding-bottom:5px;
}
#addlinks{
list-style-type:none;
margin:0;
padding:0;
clear:both;
}
li.filelink{
margin:5px 0px 10px 5px;
	background:url(../images/flowplayer/16-file-page.png) no-repeat 0 center;
	padding-left:20px;
	float:left;
	width:auto;
}
.filelink a, .downloadlink a{
	font:10px "bitstream vera sans", "lucida grande",verdana;
	text-align:center;
}
li.downloadlink{
margin:5px 0px 10px 5px;
	background:url(../images/flowplayer/16-file-download.png) no-repeat left center;
	padding-left:20px;
width:auto;
float:right;
text-align:right;
}