/***********************************************************************************************************************************************
							ALLGEMEIN
***********************************************************************************************************************************************/

/* root element should be positioned relatively so that 
	child elements can be positioned absolutely */
div.controls { 
	position:relative;
	height:15px;
	padding:5px 0 0px 0;
}

* html div.controls {
	height:20px;
}

/* when play button toggles between play/pause class 
	we move it's background image */
div.controls div.play, div.controls div.pause { 
	position:relative;
	width: 18px;
	height:10px;
	overflow: hidden;
	text-indent:-999em;
	cursor:pointer;
	background:url(/flvplayer/play_pause.gif) center top no-repeat;
}

div.controls div.pause { 
	background-position:center -10px;
}

/* the track or "scrubber"  */
div.controls div.track { 
	position:absolute;
	top:4px;	
	height:18px;
	left:20px;
	background:url(/flvplayer/track.gif) repeat-x;
	text-align:left;
	cursor:pointer;
	width:140px;	
}

/* the draggable playhead */
div.controls div.playhead { 
	position:absolute;	
	height:12px;
	background:url(/flvplayer/playhead.png) no-repeat;
	cursor:pointer;
	top:0px; 
	width:12px;
}

/* buffer and controls are automatically resized, their initial width should be 0 */
div.controls div.progress, div.controls div.buffer {	
	background-color:#fff;
	height:6px;
	margin:3px 4px;
	width:0px;
	position:absolute;
	top:0;
	font-size:0px;
}

div.controls div.buffer {
	background-color:#999;
}

div.controls div.resizeLink {
	position:absolute;
	height:18px;
	left:165px;
	width:15px;	
	text-indent:-999em;
	background:url(/flvplayer/lupe.gif) center top no-repeat;
	cursor:pointer;
	overflow:hidden;
	margin-top: -15px;
}

/***********************************************************************************************************************************************
							ALLGEMEIN
***********************************************************************************************************************************************/


/***********************************************************************************************************************************************
							domMovie
***********************************************************************************************************************************************/

div.domControls {
	width: 180px; 
	background-color: #ffffff;
}

/***********************************************************************************************************************************************
							domMovie
***********************************************************************************************************************************************/


/***********************************************************************************************************************************************
							bigMovie
***********************************************************************************************************************************************/

/* the track or "scrubber"  */
.bigMovie div.controls div.track { 
	width:600px !important;
}

.bigMovie div.controls div.resizeLink {
	left:625px;
}

.bigMovie a {
	display:block;
	width:640px;
	height:480px;
}

.bigMovie .controls a {
	height:18px;
	width:15px;	
}

div.bigControls {
	width: 640px; 
	background-color: #ffffff;
}

/***********************************************************************************************************************************************
							bigMovie
***********************************************************************************************************************************************/


/***********************************************************************************************************************************************
							contentMovie
***********************************************************************************************************************************************/

/* the track or "scrubber"  */
.contentMovie div.controls div.track { 
	width:425px;
}

.contentMovie div.controls div.resizeLink {
	left:450px;
}

.contentMovie a {
	display:block;
	width:468px;
	height:351px;
}

.contentMovie .controls a {
	height:18px;
	width:15px;	
}

div.contentControls {
	width: 468px; 
	background-color: #ffffff;
}

/***********************************************************************************************************************************************
							contentMovie
***********************************************************************************************************************************************/