#MediaFrame {
	float:right;
	width: 400px;
	height: 318px;
	border: 5px solid #997472;
	background: #000;
	margin: 0 0 10px 0;
	font-family: Arial, sans-serif;
	font-size: 11px;
}

/*{{{ general playlist settings, light gray */
div.playlist, div.clips {
	width:220px;
	padding-top: 20px;
}

div.clips a {
	display:block;
	background:#997472;
	padding:6px 15px;
	margin: 0 0 2px 0;
	width:160px;
	font-size:12px;
	border:1px solid #EEE;
	text-decoration:none;
	color:#000;
	font-weight: bold;
}

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

div.clips a em {
	font-style:normal;
	color:#333;
	font-weight: normal;
}	

div.clips a.playing, div.clips a.paused, div.clips a.progress {
	background:url('../images/player/playlist.png') no-repeat right -69px;
	width:140px;
	height: 46px;
	padding: 12px 65px 12px 15px;
	color: #000;
	border:0;
	font-size: 13px;
}
	div.clips a.playing em, div.clips a.paused em, div.clips a.progress em {
		font-size: 11px;
		color:#f00;
	}	
	
div.clips a.progress {
	opacity:0.6;		
}

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

div.clips a span {
	display:block;		
	font-size:11px;
	color:#666;
}

div.clips a:hover {
	background:#3E0705;
	color: #FFF;
	border-color:#997472;
}

div.clips a.playing:hover, div.clips a.paused:hover, div.clips a.progress:hover {
	background:url('../images/player/playlist.png') no-repeat right -69px;
	background-color:transparent !important;
	color: #000;		 
}
/*}}}*/


/*{{{ go buttons */

a.go {
	display:block;
	width:18px;
	height:18px;
	background:url(/img/playlist/arrow/up.png) no-repeat;
	margin:5px 0 5px 105px;
	cursor:pointer;
}

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

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

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

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

a.go.disabled {
	visibility:hidden;		
}

/*}}}*/