/* root element should be positioned relatively so that 
	child elements can be positioned absolutely */
.res-switch {
	position:absolute;
	z-index:999999;
	right:50px;
	bottom:15px;
	font-size:11px;
	font-weight:bold;
	color:#838383;
	font-family:futura,"Lucida Grande","bitstream vera sans","trebuchet ms",verdana,arial;	
	font-size:12px;
}
.res-switch a{
	color:#b1b1b1;
	}
.res-switch a:hover{
	color:#c1c1c1;
}	
a#player, div#player {margin:auto;cursor:pointer}
#control-wrap {
	position:absolute;
	left:90px;
	bottom:15px;
	margin-left:5px;
	background:url(bg_play.png) left top no-repeat;
	opacity:0.8;
	filter: alpha(opacity=80);
}
div.videonews {
	position:relative;
	height:44px;
	z-index:10;
	/* black background with a gradient */
	width:802px;
	left:0px;
	bottom:0px;
/*	border:1px solid #595959;
	border-width:1px 0;*/
}

/* play/pause button */
div.videonews a.play, div.videonews a.pause { 
	position:absolute;
	width: 46px;
	height: 40px;
	display:block;
	text-indent:-9999em;
	left:0px;
	background: url(videocontrol.png) no-repeat 10px -61px;
	cursor:pointer;

}

div.videonews a.play:hover {
	background-position:10px -105px;	
}

/* pause state */
div.videonews a.pause { 
	background-position:11px -148px;
}

div.videonews a.pause:hover {
	background-position:11px -192px;	
}

/* the timeline (or "scrubber")  */
div.videonews div.track {  
	top:14px;
	left:59px;
	position:absolute;
	cursor:pointer;
	width:550px;
	height:15px;
	border:1px solid #545454;	
}

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

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

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

/* time display */
div.videonews div.time {
	position:absolute;		
	width:80px;
	left:620px;
	padding:12px 0 12px 0;
	text-align:center;
	
	font-family:futura,"Lucida Grande","bitstream vera sans","trebuchet ms",verdana,arial;	
	font-size:12px;
	color:#838383; 
}

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

/* mute / unmute buttons */
div.videonews a.mute, div.videonews a.unmute {
	position:absolute;
	left:760px;
	width:35px;
	height:24px;
	text-align:center;
	padding:8px 0;
	cursor:pointer;
	text-indent:-9999em;

	background:url(videocontrol.png) no-repeat 5px -323px;
}

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

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

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