/* video container 
.videoContainer{
	width:600px;
	height:350px;
	position:relative;
	overflow:hidden;
	background:#000;
	color:#ccc;
}

/*** VIDEO CONTROLS CSS ***/
/* control holder */
.control{
	color:#ccc;
	position:absolute;
	bottom:3%;
	left:20%;
	width:60%;
	height:60px;
	z-index:5;
	display:none;
}
.btmControl{
	position:relative;
	height:50px;
}
/* Main button */
.mainControl{
	text-align:center;
	margin:auto;
	border-radius:7px 7px 0 0;
}
.control a.btnmain{
	margin:5px 2px 2px;
	cursor:pointer;
	/*float:left;*/
}
.control a.btnmain:focus{
	outline:none;
}
.control a.lvl1{
	width:45px;
	height:45px;
}

.control a.btnPlay{
	background:url(control.png) no-repeat 0 0; 
	display:inline-block;
}
.control a.btnPlay:hover, .control a.btnPlay:focus{
	background:url(control.png) no-repeat 0 -40px;
}
.control a.paused{
	background:url(control.png) no-repeat -40px 0 !important;
}
.control a.paused:hover, .control a.paused:focus{
	background:url(control.png) no-repeat -40px -40px !important;
}
.control a.btnBck,.control a.btnFwd, .control a.btnStop, .control a.btnEnd{visibility:hidden;}


/*** SOUND + VOLUME CSS ***/
/* sound */
.control div.sound {
	width:17px;
	height:17px;
	margin-top:5px;
	margin-left:-20px;
	cursor:pointer;
	background:url(control.png) no-repeat -202px 0;
	border:1px solid yellow;
	padding:5px;
}
.control div.muted{
	background:url(control.png) no-repeat -202px -40px;
}

/* volume */
.volume{
float:right; margin-top:10px; display:none;
	
}
.volume .volumeCover{
		display:none;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	background:url(control.png) no-repeat -219px 0;
	width:100%;
	height:100%;
}
.volume .volumeBar{
		display:none;
	/*display:block;*/
	width:75%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-color:#ccc;
	z-index:5;
}
.volume .volumeoff{
	background-color:#333;
}

/* PROGRESS BAR CSS */
/* Progress bar */
.progress {
	width:100%;
	height:4px;
	position:relative;
	cursor:pointer;
	background: #444; /* fallback */
}
.progress span {
	height:100%;
	position:absolute;
	top:0;
	left:0;
	display:block;
}
.timeBar{
	z-index:10;
	width:0;
	background: white; /* fallback */
}
.bufferBar{
	z-index:5;
	width:0;
	background: #777; /* fallback */
}

/* OTHERS CSS */
/* video screen cover */
.loading, #init{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(loading.gif) no-repeat 50% 50%;
	z-index:2;
	display:none;
}
#init{
	background:url(bigplay.png) no-repeat 50% 50% !important;
	cursor:pointer;
		display:none !important;
}