/* Created Skin by http://sources.mediafant.de/mVideoskin */



/* BigPlayButton
-------------------------------------------------------------------------------- */
.mVideoskin .vjs-big-play-button {
	border-radius: 9px;
	background: #454545;
	background: -moz-linear-gradient(top, rgba(69, 69, 69, 0.5) 0%, rgba(35, 35, 35, 0.5) 50%, rgba(22, 22, 22, 0.5) 50%, rgba(63, 63, 63, 0.5) 100%);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%,rgba(69, 69, 69, 0.5)), color-stop(50%,rgba(35, 35, 35, 0.5)), color-stop(50%,rgba(22, 22, 22, 0.5)), color-stop(100%,rgba(63, 63, 63, 0.5)));
	background: -webkit-linear-gradient(top, rgba(69, 69, 69, 0.5) 0%,rgba(35, 35, 35, 0.5) 50%,rgba(22, 22, 22, 0.5) 50%,rgba(63, 63, 63, 0.5) 100%);
	background: -o-linear-gradient(top, rgba(69, 69, 69, 0.5) 0%,rgba(35, 35, 35, 0.5) 50%,rgba(22, 22, 22, 0.5) 50%,rgba(63, 63, 63, 0.5) 100%);
	background: -ms-linear-gradient(top, rgba(69, 69, 69, 0.5) 0%,rgba(35, 35, 35, 0.5) 50%,rgba(22, 22, 22, 0.5) 50%,rgba(63, 63, 63, 0.5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#454545', endColorstr='#3f3f3f',GradientType=0 );
	background: linear-gradient(top, rgba(69, 69, 69, 0.5) 0%,rgba(35, 35, 35, 0.5) 50%,rgba(22, 22, 22, 0.5) 50%,rgba(63, 63, 63, 0.5) 100%);
}


/* Controls
-------------------------------------------------------------------------------- */
.mVideoskin .vjs-controls {
	bottom: 1em;
	left: 1em; right: 1em;
	height: 2.6em;
	color: #D0D3D8;
	border-top: 0px solid #404040;
	background: #1F2F3C; /* Old browsers */
	background: -moz-linear-gradient(none);*/ /* FF3.6+ */
	background: -webkit-gradient(none); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(none); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(none); /* Opera11.10+ */
	background: -ms-linear-gradient(none); /* IE10+ */
	background: linear-gradient(none); /* W3C */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:rgba(31,47,60,0.7);
}
.mVideoskin .vjs-fade-out {
	-webkit-transition: visibility 0s linear 0.5s,opacity 0.5s linear;
	-moz-transition: visibility 0s linear 0.5s,opacity 0.5s linear;
	-ms-transition: visibility 0s linear 0.5s,opacity 0.5s linear;
	-o-transition: visibility 0s linear 0.5s,opacity 0.5s linear;
	transition: visibility 0s linear 0.5s,opacity 0.5s linear
}



/* Play/Pause
-------------------------------------------------------------------------------- */
.mVideoskin .vjs-play-control {
	z-index:20;
	margin: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	height:20px;
	width: 42px;
}
.mVideoskin.vjs-paused .vjs-play-control div {
	background: url('haufe-video-js.png') 0 0;
	margin: 2px auto 0;
}
.mVideoskin.vjs-playing .vjs-play-control div {
	background: url('haufe-video-js.png') -25px 0;
	margin: 2px auto 0;
}

/* Fullscreen
-------------------------------------------------------------------------------- */
.mVideoskin .vjs-fullscreen-control { display:none; }


/* RemainingTime
-------------------------------------------------------------------------------- */
.mVideoskin .vjs-remaining-time { display: none; }


/* ProgressBar
-------------------------------------------------------------------------------- */
.mVideoskin div.vjs-progress-control {
	position: absolute;
	left: 5.8em; right: 7em;
	height: 0.7em; width: auto;
	top: 0.8em;
	border: 1px solid #fff;
	background: none;
	z-index:10;
}
.mVideoskin .vjs-progress-holder,
.mVideoskin .vjs-load-progress {
	background: transparent;
	border:none;
	border-radius: 0;
}
.mVideoskin .vjs-progress-holder .vjs-load-progress {
	border: none;
	background: none;
}
.mVideoskin .vjs-progress-holder .vjs-play-progress {
	border-radius: 0;
	background-color: #fc0;
	background-image:none;
	height:0.7em;
}
.mVideoskin .vjs-progress-holder .vjs-seek-handle {
	display: none;
}


/* Volume/Mute
-------------------------------------------------------------------------------- */
.mVideoskin .vjs-mute-control { display: none; }
.mVideoskin .vjs-volume-control { margin-right:18px; }
.mVideoskin .vjs-volume-handle {display: none;}


/* VolumeControl
-------------------------------------------------------------------------------- */
.mVideoskin .vjs-volume-control {
	width: 3.5em;
}
.mVideoskin .vjs-volume-bar {
	background:none;
	border:none;
	width:100%;
	margin-top:1.15em;
}
.mVideoskin .vjs-volume-level {
	opacity:0;
	background: transparent;
}
.mVideoskin .volumeBarBlock {
	height:20px;
	width: 5px;
	float:left;
}
.mVideoskin .volumeBarBlockInner {
	position:absolute;
	height:10px;
	bottom:0;
}
.mVideoskin .volumeBarLine {
	width:1px;
	height:100%;
	background-color:#ccc;
	float:left;
}
.mVideoskin .volumeBarLine.active {
	background-color:#0F0;
}
.mVideoskin .volumeBarGap {
	width:2px;
	height:10px;
	background-color:transparent;
	float:left;
}


/* Timebars - CurrentTime/ TargetTime
-------------------------------------------------------------------------------- */
.mVideoskin .vjs-time-controls {
	top:-1.6em;
	border:0;
	height:1.6em;
	line-height:1.6em;
}
.mVideoskin .vjs-current-time-display {
	background-color:#ccc;
	color:#000;
}
.mVideoskin .time-bar-cur,
.mVideoskin .time-bar-tar {
	position: absolute;
}
.mVideoskin .current-time-container {
	width: 5.8em;
	height:17px;
	position:relative;
	z-index:10;
}
.mVideoskin .target-time-container {
	width: 5.8em;
	height:17px;
	position:relative;
	z-index:10;
}


/* SITE-Specific
-------------------------------------------------------------------------------- */
/* Haufe */



.mVideoskin.haufe.vjs-paused .vjs-play-control.active {background-color:#0272b5;}
.mVideoskin.haufe.vjs-playing .vjs-play-control.active {background-color:#0272b5;}
.mVideoskin.haufe .vjs-progress-holder .vjs-play-progress { background-color:#0272b5;}
.mVideoskin.haufe .volumeBarLine {background-color:#ccc;}
.mVideoskin.haufe .volumeBarLine.active {background-color:#0272b5;}
.mVideoskin.haufe div.vjs-big-play-button span {background: url('haufe-video-js.png') -100px 0;}
.mVideoskin.haufe .current-time-container {background:url('haufe-video-js.png') 0 -100px;}
.mVideoskin.haufe .target-time-container {background:url('haufe-video-js.png') -50px -100px;}



/* Lexware */
.mVideoskin.lexware.vjs-paused .vjs-play-control.active {background-color:#d01414;}
.mVideoskin.lexware.vjs-playing .vjs-play-control.active {background-color:#d01414;}
.mVideoskin.lexware .vjs-progress-holder .vjs-play-progress { background-color:#d01414;}
.mVideoskin.lexware .volumeBarLine {background-color:#ccc;}
.mVideoskin.lexware .volumeBarLine.active {background-color:#d01414;}
.mVideoskin.lexware div.vjs-big-play-button span {background: url('lexware-video-js.png') -100px 0;}
.mVideoskin.lexware .current-time-container {background:url('lexware-video-js.png') 0 -100px;}
.mVideoskin.lexware .target-time-container {background:url('lexware-video-js.png') -50px -100px;}