a.player {	
	
	text-align:center;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
}
.player {	
	display:block;
	width:240px;
	height:27px;

}


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

	a.player {
		margin:0 0 0 4px;		
	}
	
	
	
	

/*{{{ general playlist settings, light gray */
#myplaylist {
    padding:15px 0 2em 11px;
    }
div.myplaylist {
    padding-bottom:2em;
	position:relative;
	overflow:hidden;	 	
	height:265px !important;
}

div.myplaylist  {	
	position:absolute;
	height:20000em;
}

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

div.clips a {
	display:block;
	background-color:#eee;
	padding:3px 11px 3px 23px;
	line-height:17px;
	width:196px;
	font-size:11px;
	background:url(/swf/light_small.png) no-repeat 10px 0px;
	text-decoration:none;
	color:#222;
}

div.clips a.first {
	
}

div.clips a.playing, div.clips a.paused, div.clips a.progress {
	background:url(/swf/light_small.png) no-repeat 10px -55px;
	padding-right:60px;
	border:0;
	color:#d3af00;
}
	
div.clips a.progress {
	opacity:0.6;		
	font-style:normal !important;
}

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

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

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

div.clips a:hover {
		
}

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


/*{{{ 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;		
}

/*}}}*/
span.playthisnow a {
	
	
	padding:0px;
	line-height:17px;
	width:19px;
	font-size:11px;
	background:url(/swf/light_small.png) no-repeat 0px -6px;
	text-decoration:none;

}


span.playthisnow a.playing, span.playthisnow a.paused, span.playthisnow a.progress {
	background:url(/swf/light_small.png) no-repeat 0px -61px;
	padding-right:0px;
	border:0;
	color:#d3af00;
}
	
span.playthisnow a.progress {
	opacity:0.6;		
	font-style:normal !important;
}

span.playthisnow a.paused {
	background-position:0px -6px;	
}


/*!!!!!!!!!!!!!!!controls js*/

/* root element should be positioned relatively so that 
	child elements can be positioned absolutely */
div.hulu {
	position:relative;
	height:16px;
	
	/* black background with a gradient */
	background:#fff url(hulu.png) repeat-x 0 -4px;
	width:230px;
}

/* play/pause button */
div.hulu a.play, div.hulu a.pause { 
	position:absolute;
	width: 16px;
	height: 16px;
	display:block;
	text-indent:-9999em;
	background:url(/swf/hulu.png) no-repeat 1px -68px;
	cursor:pointer;
}

div.hulu a.play:hover {
	background-position:1px -68px;	
}

/* pause state */
div.hulu a.pause { 
	background-position:1px -156px;
}

div.hulu a.pause:hover {
	background-position:1px -156px;	
}

/* the timeline (or "scrubber")  */
div.hulu div.track {  
	left:20px;
	position:absolute;
	cursor:pointer;
	width:198px;
	margin: 6px 0;
	background:#eee;
	height:4px;	
}

/* the draggable playhead */
div.hulu div.playhead {
	position:absolute;
	cursor:pointer; 
	background-color:#000;
	width:3px;
	height:4px;	
	
}

/* buffer- and progress bars. upon runtime the width of these elements grows */
div.hulu div.progress, div.hulu div.buffer {	
	position:absolute;
	background-color:#000;
	width:0px;

	height:4px;	
}

div.hulu div.buffer {
	background-color:#bbb;
}

/* time display */
div.hulu div.time {
	position:absolute;		
	width:129px;
	visibility:hidden;
	left:460px;
	padding:12px 0;
	text-align:center;

	
	font-family:futura,"Lucida Grande","bitstream vera sans","trebuchet ms",verdana,arial;	
	font-size:12px;
	color:#fff; 
}

/* total duration in time display */
div.hulu div.time strong {
	font-weight:normal;
	color:#666;
}

/* mute / unmute buttons */
div.hulu a.mute, div.hulu a.unmute {
	position:absolute;
	left:216px;
	width:16px;
	height:16px;
	text-align:center;
	cursor:pointer;
	text-indent:-9999em;
	background:url(hulu.png) no-repeat 4px -329px;
}

div.hulu a.mute:hover {
	background-position:4px -329px;	
}

/* unmute state */
div.hulu a.unmute {
	background-position:4px -240px;	
}

div.hulu a.unmute:hover {
	background-position:4px -240px;	
}