/* -------------------------------------------------------------- 
Flowplayer CSS by AREA 17

Version date: 27th Sept 2009
Version 0.1 Alpha

-------------------------------------------------------------- */

.videoWrapper { 
	position: relative;
	width: 620px;
	height: 350px;}

/* Video container ---------------------------------------------------- */

#videoContainer { 
	width: 620px;
	height: 350px;
	position: relative;
	background-color: #1A1A1A; /* FOR TEST */ }

	#videoContainer a {}

		#videoContainer a span.icon-play-big { 
			width: 90px;
			height: 90px;
			position: absolute;
			top: 130px;
			left: 265px;
			background: transparent url('/assets/images/icons/video_big.png') no-repeat top left;
			_background: transparent url('/assets/images/icons/video_big_IE6.png') no-repeat top left; }
			
		#videoContainer a:hover span.icon-play-big {
			background-position: 0 -90px;
			_background-position: 0;
			cursor: pointer;}
		
	
		#videoContainer img {}

/* Video player ---------------------------------------------------- */

#videoPlayer { 
	display: block;
	width: 620px;
	height: 350px;
	outline: none; }
	
#videoPlayer:focus {
	-moz-outline-style: none; }
	
	#videoPlayer img {  }

	
/* Video controls ---------------------------------------------------- */
 
#videoControlsWrap { 
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;}

#videoControlsBg { 
	width: 620px;
	height: 50px;
	position: absolute;
	opacity: 0;
	filter:alpha(opacity=0);
	zoom: 1.0;
	background-color: #1A1A1A; }

#videoControls { 
	width: 620px;
	height: 50px;
	position: relative;
	opacity: 0;
	filter:alpha(opacity=0);
	zoom: 1.0; }
	
	#videoControls a { cursor: pointer; }

    /* CSS class name for the playhead when in a playing state */
    .play { 
		position: absolute;
  		width: 13px;
  		height: 16px;
  		display: block;
  		text-indent: -9999em;
  		top: 17px;
  		left: 20px;
  		background: transparent url('/assets/images/icons/video_play.png') no-repeat top left;
  		_width: 11px;
		_height: 21px;
		_top: 14px;
		_background: transparent url('/assets/images/icons/video_play_IE6.png') no-repeat top left; }
 
    /* CSS class name for the playhead when in a paused state */
    .pause {
		position: absolute;
		width: 14px;
		height: 16px;
		display: block;
		text-indent: -9999em;
		top: 17px;
		left: 18px;
		background: transparent url('/assets/images/icons/video_pause.png') no-repeat top left;
		_background: transparent url('/assets/images/icons/video_pause_IE6.gif') no-repeat top left; }
 
    /* CSS class name for the track */
    .track { 
		position: absolute;
		height: 50px;
		_height: 49px;
		top: 0;
		left: 0;
		margin: 0 0 0 51px;
		padding: 0;
		width: 470px;
		border-bottom: 1px solid #000; }

	    /* CSS class name for the buffer bar */
	    .buffer { position: absolute;
		height: 1px;
		top: 25px;
		_top: 24px;
		margin: 0;
		padding: 0;
		border-top: 1px dotted #FFF;}
 
	    /* CSS class name for the progress bar */
	    .progress { 
			position: absolute;
			height: 1px;
			top: 25px;
			_top: 24px;
			margin: 0;
			padding: 0;
			border-top: 1px solid #FFF;}

	    /* CSS class name for the playhead */
	    .playhead { 
			position: absolute;
			height: 5px;
			width: 9px;
			top: 19px;
			position: absolute;
			background: transparent url('/assets/images/icons/playhead.png') no-repeat scroll 0 0;
			cursor: pointer;}
 
    /* CSS class name for the time display */
    .time { 
		color: #FFF; 
		height: 50px;}
		
		.time span { 
			position: absolute;
			top: 20px;
			_top: 17px;
			right: 55px;
			font-weight: normal;
			font-size: 11px; }
			
		.time strong {
			position: absolute;
			top: 20px;
			_top: 17px;
			right: 18px;
			font-weight: normal;
			font-size: 11px;}
			
	.slash { 
		position: absolute;
		top: 20px;
		_top: 17px;
		right: 49px;
		font-weight: normal;
		font-size: 11px;
		color: #FFF;}
 
    /* CSS class name for mute button */
    .mute { display: none;}
 
    /* CSS class name for the unmute button */
    .unmute { display: none;}


/* Video play small icons ---------------------------------------------------- */

a span.icon-play-small { 
	width: 26px;
	height: 26px;
	position: absolute;
	top: 145px;
	*top: 137px;
	left: 10px;
	background: transparent url('/assets/images/icons/video_small.png') no-repeat top left;
	_background: transparent url('/assets/images/icons/video_small_IE6.png') no-repeat top left; }
	
body.isMozilla a span.icon-play-small { top: 145px; }
body.isIE span.icon-play-small { top: 145px; }
body.IE7 span.icon-play-small { top: 134px; }
body.IE6 span.icon-play-small { top: 134px; }


	a:hover span.icon-play-small {
		background-position: 0 -26px;
		_background-position: 0;
		cursor: pointer;}