

#player_pl_wrap { 
/*     position:absolute; */
    background: url(images/player/tv2_grey.jpg) 0 0 no-repeat;
    width:600px; 
    height:440px; 
    margin:0;
}

#player_wrap { 
/*     position:absolute; */
    background: url(images/player/tv_grey.jpg) 0 0 no-repeat;
    width:600px; 
    height:385px; 
    margin:0;
} 

#huluPlayer { 
    margin:0;
    padding: 13px 0 0 12px; 
}


div.hulu {
	position: relative;
	height: 28px;
	left: 27px;
	top: 10px; 
	/* black background with a gradient */
	background:transparent url(images/player/player.png) repeat-x 0 0px;
	width:560px;
}

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

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

/* the timeline (or "scrubber")  */
div.hulu div.track {  
	top: 2px;
	left:30px;
	position:absolute;
	cursor:pointer;
	width:330px;
	border-left:1px solid #999;
	height:24px;
}

/* the draggable playhead */
div.hulu div.playhead {
	position:absolute;
	cursor:pointer; 
	background-color:#4ff;
	opacity:0.3;
	filter: alpha(opacity=30);	
	width:3px;
	height:24px;
	border-right:1px solid #444;
}

/* buffer- and progress bars. upon runtime the width of these elements grows */
div.hulu div.progress, div.hulu div.buffer {	
	position:absolute;
	background-color:#4ff;
	filter: alpha(opacity=10);
	opacity:0.1;
	width:0px;
	height:24px;
}

div.hulu div.buffer {
	background-color:#fff;
	opacity:0.1;
	filter: alpha(opacity=10);
}

/* time display */
div.hulu div.time {
	position:absolute;		
	width:129px;
	left:430px;
	top: -3px;
	padding: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:#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:364px;
	width:28px;
	height:28px;
	text-align:center;
	padding:0;
	cursor:pointer;
	text-indent:-9999em;
	background:url(images/player/player.png) no-repeat 0px -84px;
}


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





.videoscroller {
	margin-left:20px;
	width: 580px;
	height: 80px;
}


.playlist {
	position:relative;
	margin: 18px 0 0 10px;
	height:50px;
	width:510px;
	overflow:hidden;
	padding:0;
	float:left;
}

.playlist div.clips {
	height:45px;
	position:absolute;
	width:10000em;
}

.playlist div.clips a {
/* 	z-index:6; */
/* 	background:transparent url(images/player/clip_bg.png) no-repeat scroll 0%; */
	float:left;
	font-family:"bitstream vera sans","lucida grande","verdana";
	font-size:11px;
	height:45px;
	margin:0 5px 0 0;
	padding:0;
	text-decoration:none;
	width:80px;
}

.playlist div.clips a:hover {
	background-position:-80px 0;
	color:#000;
}

.playlist div.clips a.playing {
	background-position:-160px 0;
	color:#000;
}

.playlist div.clips a.paused {
	background-position:-240px 0;
	color:#000;
}

.playlist div.clips a.progress {
	opacity:0.8;
}

.playlist div.clips em {	
	float:right;
	margin-top:15px;
	color:red;
	font-style:normal;
}

.videoscroller a.next, .videoscroller a.prev {
	display:block;
	width:10px;
	height:16px;
	background:url(images/player/left.png) no-repeat;
	margin:34px 0 0 5px;
	cursor:pointer;
	float:left;
}

.videoscroller a.next:hover, .videoscroller a.prev:hover {
	background-position:0px -16px;		
}

.videoscroller a.next {
	background-image:url(images/player/right.png);	
}

.videoscroller a.next.disabled, .videoscroller a.prev.disabled {
	visibility:hidden;		
}








/* tooltip styling. uses a background image (a black box with an arrow) */ 
div.tooltip { 
    background:transparent url(images/black_arrow_big.png) no-repeat scroll 0 0; 
    font-size:14px; 
    height:153px; 
    padding:30px; 
    width:310px; 
    font-size:14px; 
    display:none; 
    color:#fff; 
    z-index:100;
} 
 
/* tooltip title element (h3) */ 
div.tooltip h3 { 
    margin:0; 
    font-size:18px; 
    color:#fff; 
}
