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

/* play/pause button */
div.hulu a.play  { 
	position:absolute;
	width: 20px;
	height: 22px;
	display:block;
	text-indent:-9999em;
	background:url(playbuton.jpg) no-repeat /*10px -61px*/;
	cursor:pointer;
    margin-top:4px;
    margin-left:17px;
 
	/*border-right:1px solid #000; */
}

div.hulu a.play:hover {
	/*background-position:10px -105px;*/
    background:url(playbuton.jpg) no-repeat;
    display: block;	
}

/* pause state */
div.hulu a.pause { 
	/*background-position:11px -148px;*/
    background:url(pausebuton.jpg) no-repeat;
    display: block;
}

div.hulu a.pause:hover {
	/*background-position:11px -192px;*/
    background:url(pausebuton.jpg) no-repeat;
    display: block;	
}

/* the timeline (or "scrubber")  */
div.hulu div.track {  
	left:47px;
	position:absolute;
	cursor:pointer;
	width:416px;
	height:7px;	
    margin-top: 11px;
    background-color: #92C5E3;
}

/* the draggable playhead */
div.hulu div.playhead {
    background-color:#1F4459;
    cursor:pointer;
    height:6px;
    position:absolute;
    width:13px;
}

/* buffer- and progress bars. upon runtime the width of these elements grows */
div.hulu div.progress, div.hulu div.buffer {	
    height:6px;
    margin-left:0;
    margin-top:0;
    position:absolute;
    width:0;
    overflow: hidden;
}
div.hulu div.progress {	
	background-color:#1f4459;
}

div.hulu div.buffer {
	background-color:#92c5e3;
	/*opacity:3.1;*/
	/*filter: alpha(opacity=10);*/
    overflow: hidden;
}

/* time display */
div.hulu div.time {
	position:absolute;		
	width:111px;
	left:468px;
	padding:6px 0;
	text-align:center;
	/*border:1px solid #999;
	border-width:0 1px;*/
	
	font-family:futura,"Lucida Grande","bitstream vera sans","trebuchet ms",verdana,arial;	
	font-size:12px;
	color:#3d7595; 
    font-weight:bold;
}

/* total duration in time display */
div.hulu div.time strong {
	font-weight:bold;
	color:#3d7595;
    display: none;
}

/* mute / unmute buttons */
div.hulu a.mute, div.hulu a.unmute {
	position:absolute;
	left:460px;
	width:40px;
	height:40px;
	text-align:center;
	padding:8px 0;
	cursor:pointer;
	text-indent:-9999em;
/*	background:url(hulu.png) no-repeat 5px -323px;*/
    display:none;
}

div.hulu a.mute:hover {
	background-position:5px -367px;	
}

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

div.hulu a.unmute:hover {
	background-position:5px -279px;	
}

div.hulu a.pause { 
	position:absolute;
	width: 20px;
	height: 22px;
	display:block;
	text-indent:-9999em;
	background:url(pausebuton.jpg) no-repeat /*10px -61px*/;
	cursor:pointer;
    margin-top:7px;
    margin-left:12px;
 
	/*border-right:1px solid #000; */
}