/* root element should be positioned relatively so that 
	child elements can be positioned absolutely */
div.hulu {
	position:relative;
	height:20px;
	float:left;
	clear:both;
	background:#5E7905 url(/media/images/hulu1.png) repeat-x 0 -4px;
	width:30px;
}
.player-container {
	position:relative; 
	float:right; 
	top:0;
	height:20px;
	width:130px;
	clear:both;
}
.label {
	position:relative;
	height:18px;
	color:#ffffff;
	padding: 2px 0 0 0;
	background:#5E7905 url(/media/images/hulu1.png) repeat-x 0 -4px;
	width:90px;
	font-family:arial;
	font-size:12px;
	float:left;
}
.player {
	position:relative;
	float:left; 
	width:30px;
}


/* play/pause button */
div.hulu a.play, div.hulu a.pause { 
	position:absolute;
	width: 30px;
	height: 20px;
	display:block;
	text-indent:-9999em;
	background:url(/media/images/hulu1.png) no-repeat 10px -30px;
	cursor:pointer;
	border-right:1px solid #0C365F; 
}

div.hulu a.play:hover {
	background-position:10px -52px;	
}

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

div.hulu a.pause:hover {
	background-position:10px -96px;	
}

/* the timeline (or "scrubber")  */
div.hulu div.track {  
	display: none;
}

/* the draggable playhead */
div.hulu div.playhead {
	display: none;
}

/* buffer- and progress bars. upon runtime the width of these elements grows */
div.hulu div.progress, div.hulu div.buffer {	
	display: none;
}

div.hulu div.buffer {
	display: none;
}

/* time display */
div.hulu div.time {
	display: none;
}

/* total duration in time display */
div.hulu div.time strong {
	display: none;
}

/* mute / unmute buttons */
div.hulu a.mute, div.hulu a.unmute {
	display: none;
}

div.hulu a.mute:hover {
	display: none;	
}

/* unmute state */
div.hulu a.unmute {
	display: none;
}

div.hulu a.unmute:hover {
	display: none;
}