/* Skin 1-2: Minimalist 1 & 2 */

.mejs-skin1 .mejs-controls div.mejs-playpause-button, .mejs-skin2 .mejs-controls div.mejs-playpause-button {
	display: none;
}

/* Mute & Unmute */
.mejs-skin1 .mejs-controls div.mejs-volume-button, .mejs-skin2 .mejs-controls div.mejs-volume-button {
	display: none !important;
}

/* Volume Slider */
.mejs-skin1 .mejs-controls a.mejs-horizontal-volume-slider, .mejs-skin2 .mejs-controls a.mejs-horizontal-volume-slider {
	display: none !important;
}

/* Full-Screen Button */
.mejs-skin1 .mejs-controls div.mejs-fullscreen-button, .mejs-skin2 .mejs-controls div.mejs-fullscreen-button {
	position: absolute;
	top: -10px;
	right: 10px;
}

.mejs-skin1 .mejs-controls .mejs-fullscreen-button button, .mejs-skin2 .mejs-controls .mejs-fullscreen-button button,
.mejs-skin1 .mejs-controls .mejs-unfullscreen button, .mejs-skin2 .mejs-controls .mejs-unfullscreen button {
	width: 16px;
	height: 16px;
	background: url('skin1_fullscreen.png') no-repeat !important;
	background-position: 0;
}


/* Progress Bar */
.mejs-skin1 .mejs-controls .mejs-time-rail, .mejs-skin2 .mejs-controls .mejs-time-rail span {
	display: none !important
}

.mejs-skin1 .mejs-controls .mejs-time-rail .mejs-time-float-corner, 
.mejs-skin2 .mejs-controls .mejs-time-rail .mejs-time-float-corner { display: none !important;}

.mejs-skin1 .mejs-time-rail, .mejs-skin2 .mejs-time-rail, 
.mejs-skin1 .mejs-controls, .mejs-skin2 .mejs-controls  
{
	display: none !important;
}

.mejs-skin2 .mejs-inner .mejs-overlay-button {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100px;
	height: 105px;
	margin: -50px 0 0 -40px;
	background: url('skin1_playpause.png') no-repeat;
}


/*************************************************************/

/* Skin 3 http://78.140.143.7/mejs/test2/ */

.mejs-skin3 .mejs-inner {
	position: relative;
	width: inherit;
	height: inherit;
}

.mejs-skin3 .me-plugin { position: absolute; }

.mejs-skin3 .mejs-container-fullscreen .mejs-mediaelement,
.mejs-skin3 .mejs-container-fullscreen video,
.mejs-skin3 .mejs-embed,
.mejs-skin3 .mejs-embed body,
.mejs-skin3 .mejs-mediaelement {
	width: 100%;
	height: 100%;
}

.mejs-skin3 .mejs-embed,
.mejs-skin3 .mejs-embed body {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.mejs-skin3 .mejs-container-fullscreen {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	z-index: 1000;
}

.mejs-skin3 .mejs-poster img { display: block; }

.mejs-skin3 .mejs-background,
.mejs-skin3 .mejs-mediaelement,
.mejs-skin3 .mejs-poster,
.mejs-skin3 .mejs-overlay {
	position: absolute;
	top: 0;
	left: 0;
}

.mejs-skin3 .mejs-overlay-play { cursor: pointer; }

/* Controls Container */
.hentry .mejs-skin3.mejs-container .mejs-controls { /* wobfix */
	position: absolute;
	width: 100%;
	height: 35px;
	left: 0;
	bottom: 0;
	background: rgb(0,0,0); /* IE8- */
	background: rgba(0,0,0, .8);
}

/* Controls Buttons */
.mejs-skin3 .mejs-controls .mejs-button button {
	display: block;
	cursor: pointer;
	width: 12px;
	height: 12px;
	background: transparent url('skin3_controls.png');
	background-repeat: no-repeat;
	margin : 0; /* wobfix */
}

/* Specific fixes */
.mejs-skin3 .mejs-time.mejs-duration-container { /* wobfix */
	display: none;
}

/* Play & Pause Button */
.mejs-skin3 .mejs-controls div.mejs-playpause-button {
	position: absolute;
	top: 11px;
	left: 12px;
	width: 12px;
	height: 13px;
	background-position: 0 -29px;
}

.mejs-skin3 .mejs-controls .mejs-play button,
.mejs-skin3 .mejs-controls .mejs-pause button {
	width: 12px;
	height: 13px;
	border-radius: 0;
}

.mejs-skin3 .mejs-controls .mejs-pause button {
	background-position: -14px 0;
}

/* Mute & Unmute */
.mejs-skin3 .mejs-controls div.mejs-volume-button {
	position: absolute;
	top: 11px;
	right: 133px;
}

.mejs-skin3 .mejs-controls .mejs-mute button,
.mejs-skin3 .mejs-controls .mejs-unmute button {
	width: 15px;
	height: 12px;
	background-position: -27px 0;
}

.mejs-skin3 .mejs-controls .mejs-unmute button {
	background-position: -43px 0;
}

/* Volume Slider */
.mejs-skin3 .mejs-controls a.mejs-horizontal-volume-slider {
	position: absolute;
	cursor: pointer;
	top: 14px;
	right: 70px;
}

.mejs-skin3 .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
	width: 77px;
	background: #b7b7b7 !important; /* wobfix */
	top: 0;/* wobfix */
}

.mejs-skin3 .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	position: absolute;
	width: 0;
	top: 0;
	left: 0;
	background: #505050 !important; /* wobfix */
}

.mejs-skin3 .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.mejs-skin3 .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	height: 6px;
}

/* Full-Screen Button */
.mejs-skin3 .mejs-controls div.mejs-fullscreen-button {
	position: absolute;
	top: 11px;
	right: 14px;
	width: 12px;
}

.mejs-skin3 .mejs-controls .mejs-fullscreen-button button /*,
.mejs-controls .mejs-unfullscreen button */{
	width: 12px;
	height: 12px;
	background-position: -58px 0;
}

.mejs-skin3 .mejs-controls .mejs-unfullscreen button { background-position: -71px 0; }

/* Progress Bar */
.mejs-skin3 .mejs-controls div.mejs-time-rail {
	position: absolute;
	width: 100%;
	left: 0;
	top: -5px;
	height: auto; /* wobfix */
	padding-top: 0;
}

.mejs-skin3 .mejs-controls .mejs-time-rail span {
	position: absolute;
	display: block;
	cursor: pointer;
	width: 100%;
	height: 5px;
	top: 0;
	left: 0;
}

.mejs-skin3 .mejs-controls .mejs-time-rail .mejs-time-total { background-color: #505050 !important; margin: 0;} /* wobfix */

.mejs-skin3 .mejs-time.mejs-currenttime-container { /* wobfix */
	display: none;
}

.mejs-skin3 .mejs-controls .mejs-time-rail .mejs-time-loaded {
	background: rgb(183,183,183) !important; /* IE8- */ /* wobfix */
	background: rgba(183,183,183, .5) !important; /* wobfix */
}

.mejs-skin3 .mejs-controls .mejs-time-rail .mejs-time-current {
	width: 0;
	background: #b7b7b7 !important; /* wobfix */
}

/* Progress Bar Handle */
.mejs-skin3 .mejs-controls .mejs-time-rail .mejs-time-handle {
	position: absolute;
	cursor: pointer;
	width: 5px;
	height: 5px;
	top: 0;
	background: url('skin3_controls.png');
	background-position: 0 25px;
	border: none;
}

/* Progress Bar Time Tooltip */
.mejs-skin3 .mejs-controls .mejs-time-rail .mejs-time-float {
	position: absolute;
	display: none;
	width: 33px;
	height: 28px;
	top: -30px;
	background: url('skin3_tooltip.png') no-repeat top left;
	border: none; /* wobfix */
}

.mejs-skin3 .mejs-controls .mejs-time-rail .mejs-time-float-current {
	position: absolute;
	display: block;
	left: 0;
	top: 4px;

	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	text-align: center;
	margin: 0;
}

.mejs-skin3 .mejs-controls .mejs-time-rail .mejs-time-float-corner { display: none !important; }


/*.mejs-skin3 .mejs-time-total { display: none !important;}*/

/*.mejs-container .mejs-controls .mejs-time {*/

	/* Skin 4 http://78.140.143.7/mejs/test3/ */

	/* Controls Container */
	.hentry	.mejs-skin4.mejs-container .mejs-controls {
		position: absolute;
		width: 100%;
		height: 45px;
		left: 0;
		bottom: 0;
		background: rgb(226,226,226); /* IE 8 */
		background: rgba(226,226,226, .9);
	}

	/* Controls Buttons */
	.mejs-skin4 .mejs-controls .mejs-button button {
		display: block;
		cursor: pointer;
		width: 29px;
		height: 29px;
		background: transparent url('skin4_controls.png');
		background-repeat: no-repeat;
	margin : 0; /* wobfix */

	}

	/* Specific fixes */
	.mejs-skin4 .mejs-time.mejs-duration-container { /* wobfix */
		display: none;
	}

	/* Play & Pause Button */
	.mejs-skin4 .mejs-controls div.mejs-playpause-button {
		position: absolute;
		top: 7px;
		left: 10px;
		width: 29px;
		height: 29px;
		background-position: 0;
	}

	.mejs-skin4 .mejs-controls .mejs-play button,
	.mejs-skin4 .mejs-controls .mejs-pause button {
		width: 29px;
		height: 29px;
	}

	.mejs-skin4 .mejs-controls .mejs-pause button {
		background-position: -30px 0;
	}

	/* Mute & Unmute */
	.mejs-skin4 .mejs-controls div.mejs-volume-button {
		position: absolute;
		top: 7px;
		right: 190px;
		height: 30px;
		width: 30px;
	}

	.mejs-skin4 .mejs-controls .mejs-mute button,
	.mejs-skin4 .mejs-controls .mejs-unmute button {
		width: 29px;
		height: 29px;
		background-position: 0 -30px;
	}

	.mejs-skin4 .mejs-controls .mejs-unmute button {
		background-position: -30px -30px;
	}

	/* Volume Slider */
	.mejs-skin4 .mejs-controls a.mejs-horizontal-volume-slider {
		position: absolute;
		cursor: pointer;
		top: 16px;
		right: 60px;
		width: 124px;
	}

	.mejs-skin4 .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
		width: 122px;
		background: #b7b7b7 !important; /* wobfix */
		border-radius: 39px !important;
		-moz-border-radius: 39px !important;
		-webkit-border-radius: 39px !important;
		border: 1px solid #7D7D7D;
		top: 0;/* wobfix */
		height: 10px;


	}

	.mejs-skin4 .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
		position: absolute;
		width: 0;
		top: 1px;
		left: 1px;
		background: #e2e2e2 !important; /* wobfix */
		border-radius: 5px !important;
		-moz-border-radius: 5px !important;
		-webkit-border-radius: 5px !important;
		border: none;
		height: 10px;

	}

	.mejs-skin4 .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
	.mejs-skin4 .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	}

.mejs-skin4 .mejs-time.mejs-currenttime-container { /* wobfix */
	display: none;
}

	/* Full-Screen Button */
	.mejs-skin4 .mejs-controls div.mejs-fullscreen-button {
		position: absolute;
		top: 7px;
		right: 10px;
		width: 30px;
		height: 30px;
	}

	.mejs-skin4 .mejs-controls .mejs-fullscreen-button button,
	.mejs-skin4 .mejs-controls .mejs-unfullscreen button {
		width: 29px;
		height: 29px;
		background-position: 0 -60px;
	}

	.mejs-skin4 .mejs-controls .mejs-unfullscreen button { background-position: -30px -60px; }

	/* Progress Bar */
	.mejs-skin4 .mejs-time-rail {
		height: auto; /* wobfix */
		padding-top: 0;
	}
	.mejs-skin4 .mejs-controls .mejs-time-rail span {
		position: absolute;
		display: block;
		cursor: pointer;
		height: 10px;
		top: 0;
		left: 0;
		width: 27px;
	}

	.mejs-skin4 .mejs-controls .mejs-time-rail .mejs-time-total {
		margin: 0 300px 0 0; /* sets the width of the progress bar */
		height: 10px;
		top: 16px;
		left: 48px;
		background: #c2c2c2 !important;
		border-radius: 39px;
		-moz-border-radius: 39px;
		-webkit-border-radius: 39px;
		border: 1px solid #7D7D7D;
	}

	.mejs-skin4 .mejs-controls .mejs-time-rail .mejs-time-loaded {
		background: rgb(183,183,183) !important; /* IE8- */
		background: rgba(183,183,183, .8) !important;
	}

	.mejs-skin4 .mejs-controls .mejs-time-rail .mejs-time-current {
		background-color: #e2e2e2 !important;
		border-radius: 39px 0 0 39px;
		-moz-border-radius: 39px 0 0 39px;
		-webkit-border-radius: 39px 0 0 39px;
		border: none;
	}

	/* Progress Bar Handle */
	.mejs-skin4 .mejs-controls .mejs-time-rail .mejs-time-handle {
		position: absolute;
		cursor: pointer;
		width: 10px;
		height: 12px;
		top: -1px;
		margin: 0;
		background: url('skin4_controls.png');
		background-position: 0 -90px;
		border : none;
	}

	/* Progress Bar Time Tooltip */
	.mejs-skin4 .mejs-controls .mejs-time-rail .mejs-time-float {
		position: absolute;
		display: none;
		width: 42px;
		height: 29px;
		top: -30px;
		background: url('skin4_tooltip.png') no-repeat top left;
		border: none; /* wobfix */
	}

	.mejs-skin4 .mejs-controls .mejs-time-rail .mejs-time-float-current {
		position: absolute;
		display: block;
		top: 4px;
		left: 8px;

		font-family: Helvetica, Arial, sans-serif;
		font-size: 10px;
		font-weight: bold;
		color: #666666;
		text-align: center;
	margin: 0;

	}

	.mejs-skin4 .mejs-controls .mejs-time-rail .mejs-time-float-corner { display: none !important; }	

	/* Skin 5 http://78.140.143.7/mejs/test4/ */

.mejs-skin5 .mejs-container-fullscreen {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	z-index: 1000;
}

.mejs-skin5 .mejs-poster img { display: block; }

.mejs-skin5 .mejs-background,
.mejs-skin5 .mejs-mediaelement,
.mejs-skin5 .mejs-poster,
.mejs-skin5 .mejs-overlay {
	position: absolute;
	top: 0;
	left: 0;
}

/* Controls Container */
.hentry .mejs-skin5.mejs-container .mejs-controls {
	position: absolute;
	width: 100%;
	height: 60px;
	left: 0;
	bottom: 0;
	background: rgb(217,217,217); /* IE 8 */
	background: rgba(217,217,217, .2);
}

/* Controls Buttons */
.mejs-skin5 .mejs-controls .mejs-button button {
	display: block;
	cursor: pointer;
	width: 41px;
	height: 41px;
	background: transparent url('skin5_controls.png');
	background-repeat: no-repeat;
	margin : 0; /* wobfix */

}

/* Specific fixes */
.mejs-skin5 .mejs-time.mejs-duration-container { /* wobfix */
	display: none;
}

.mejs-skin5 .mejs-time.mejs-currenttime-container { /* wobfix */
	display: none;
}

.mejs-skin5 .mejs-inner .mejs-overlay-button {
	display: none;
}

/* Play & Pause Button */
.mejs-skin5 .mejs-controls div.mejs-playpause-button {
	position: absolute;
	top: 10px;
	left: 15px;
	width: 41px;
	height: 41px;
	background-position: 0;
}

.mejs-skin5 .mejs-controls .mejs-play button,
.mejs-skin5 .mejs-controls .mejs-pause button {
	width: 41px;
	height: 41px;
}

.mejs-skin5 .mejs-controls .mejs-pause button {
	background-position: -42px 0;
}

/* Mute & Unmute */
.mejs-skin5 .mejs-controls div.mejs-volume-button {
	position: absolute;
	top: 22px;
	right: 210px;
}

.mejs-skin5 .mejs-controls .mejs-mute button,
.mejs-skin5 .mejs-controls .mejs-unmute button {
	width: 19px;
	height: 17px;
	background-position: 0 -42px;
}

.mejs-skin5 .mejs-controls .mejs-unmute button {
	background-position: -20px -42px;
}

/* Volume Slider */
.mejs-skin5 .mejs-controls a.mejs-horizontal-volume-slider {
	position: absolute;
	cursor: pointer;
	top: 21px;
	right: 88px;
	width: 110px;
	height: 19px;
}

.mejs-skin5 .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
	width: 104px;
	height: 19px;
	top: 0;
	background: #898989 !important;
	border: 2px solid #000000;
}

.mejs-skin5 .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	position: absolute;
	width: 104px;
	top: 3px !important;
	left: 3px;
	background: url('skin5_controls.png') !important;
	background-repeat: repeat-x;
	background-position: 0 -116px !important;
	height: 13px;

}

.mejs-skin5 .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.mejs-skin5 .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	/*top: 0;*/
}

/* Full-Screen Button */
.mejs-skin5 .mejs-controls div.mejs-fullscreen-button {
	position: absolute;
	top: 16px;
	right: 20px;
	width: 37px;
	height: 20px;
}

.mejs-skin5 .mejs-controls .mejs-fullscreen-button button,
.mejs-skin5 .mejs-controls .mejs-unfullscreen button {
	width: 37px;
	height: 27px;
	background-position: 0 -60px;
}

.mejs-skin5 .mejs-controls .mejs-unfullscreen button { background-position: -30px -60px; }

/* Progress Bar */
.mejs-skin5 .mejs-controls .mejs-time-rail span {
	position: absolute;
	display: block;
	cursor: pointer;
	height: 10px;
	top: 0;
	left: 0;
}

.mejs-skin5 .mejs-controls .mejs-time-rail .mejs-time-total {
	margin: 0 352px 0 0; /* sets the width of the progress bar */
	height: 19px;

	top: 21px;
	left: 70px;
	background-color: #898989 !important;
	border: 2px solid #000000;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.mejs-skin5 .mejs-controls .mejs-time-rail .mejs-time-loaded {
	background: rgb(183,183,183) !important; /* IE8- */
	background: rgba(183,183,183, .8) !important;
	height: 15px;
}

.mejs-skin5 .mejs-controls .mejs-time-rail .mejs-time-current {
	background-color: #47c2f3;
	height: 15px;
}

/* Progress Bar Handle */
.mejs-skin5 .mejs-controls .mejs-time-rail .mejs-time-handle {
	position: absolute;
	cursor: pointer;
	width: 7px;
	height: 25px;
	top: -5px;
	margin: 0;
	background: url('skin5_controls.png');
	background-position: 0 -88px;
	border: none;
}

/* Progress Bar Time Tooltip */
.mejs-skin5 .mejs-controls .mejs-time-rail .mejs-time-float {
	position: absolute;
	display: none;
	width: 42px;
	height: 29px;
	top: -33px;
	background: url('skin5_tooltip.png') no-repeat top left;
	border: none; /* wobfix */
}

.mejs-skin5 .mejs-controls .mejs-time-rail .mejs-time-float-current {
	position: absolute;
	display: block;
	top: 4px;
	left: 6px;

	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	text-align: center;
	margin: 0;

}

.mejs-skin5 .mejs-controls .mejs-time-rail .mejs-time-float-corner { display: none !important; }



	/* Skin 6 http://78.140.143.7/mejs/test5/ */

/* Controls Container */
.hentry	.mejs-skin6.mejs-container .mejs-controls {
	position: absolute;
	width: 100%;
	height: 35px;
	left: 0;
	bottom: 0;
	background: rgb(0,0,0); /* IE 8 */
	background: rgba(0,0,0, .8);
}

/* Controls Buttons */
.mejs-skin6 .mejs-controls .mejs-button button {
	display: block;
	cursor: pointer;
	width: 26px;
	height: 26px;
	background: transparent url('skin6_controls.png');
	background-repeat: no-repeat;
	margin : 0; /* wobfix */
}

.mejs-skin6 .mejs-time.mejs-duration-container { /* wobfix */
	display: none;
}

	.mejs-skin6 .mejs-time.mejs-currenttime-container { /* wobfix */
		display: none;
	}

/* Play & Pause Button */
.mejs-skin6 .mejs-controls div.mejs-playpause-button {
	position: absolute;
	top: 4px;
	left: 10px;
	width: 26px;
	height: 26px;
	background-position: 0;
}

.mejs-skin6 .mejs-controls .mejs-play button,
.mejs-skin6 .mejs-controls .mejs-pause button {
	width: 26px;
	height: 26px;
}

.mejs-skin6 .mejs-controls .mejs-pause button {
	background-position: -27px 0;
}

/* Mute & Unmute */
.mejs-skin6 .mejs-controls div.mejs-volume-button {
	position: absolute;
	top: 10px;
	right: 133px;
}

.mejs-skin6 .mejs-controls .mejs-mute button,
.mejs-skin6 .mejs-controls .mejs-unmute button {
	width: 17px;
	height: 15px;
	background-position: -55px 0;
}

.mejs-skin6 .mejs-controls .mejs-unmute button {
	background-position: -74px 0;
}

/* Volume Slider */
.mejs-skin6 .mejs-controls a.mejs-horizontal-volume-slider {
	position: absolute;
	cursor: pointer;
	top: 14px;
	right: 70px;
}

.mejs-skin6 .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
	width: 77px;
	background: #555555 !important;
	top: 0;/* wobfix */

}

.mejs-skin6 .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	position: absolute;
	width: 0;
	top: 0;
	left: 0;
	background-color: #797979 !important;
}

.mejs-skin6 .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.mejs-skin6 .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	height: 6px;
}

/* Full-Screen Button */
.mejs-skin6 .mejs-controls div.mejs-fullscreen-button {
	position: absolute;
	top: 10px;
	right: 10px;
}

.mejs-skin6 .mejs-controls .mejs-fullscreen-button button,
.mejs-skin6 .mejs-controls .mejs-unfullscreen button {
	width: 15px;
	height: 14px;
	background-position: -93px 0;
}

.mejs-skin6 .mejs-controls .mejs-unfullscreen button { background-position: -109px 0; }

/* Progress Bar */
.mejs-skin6 .mejs-controls div.mejs-time-rail {
	position: absolute;
	width: 80%;
	left: 0;
	top: -10px;
	height: auto;
	padding-top : 0;
}

.mejs-skin6 .mejs-controls .mejs-time-rail span {
	position: absolute;
	display: block;
	cursor: pointer;
	height: 10px;
	top: 0;
	left: 0;
}

.mejs-skin6 .mejs-controls .mejs-time-rail .mejs-time-total {
	background-color: #555555 !important; margin:0;
}

.mejs-skin6 .mejs-controls .mejs-time-rail .mejs-time-loaded {
	background: rgb(149,149,149) !important; /* IE8- */
	background: rgba(149,149,149, .5) !important;
}

.mejs-skin6 .mejs-controls .mejs-time-rail .mejs-time-current {
	width: 0;
	background: #959595 !important;
}

/* Progress Bar Handle */
.mejs-skin6 .mejs-controls .mejs-time-rail .mejs-time-handle {
	position: absolute;
	cursor: pointer;
	width: 7px;
	height: 10px;
	top: 0;
	left: 1px;
	background: url('skin6_controls.png');
	background-position: -71px -16px;
	border: none;
}

/* Progress Bar Time Tooltip */
.mejs-skin6 .mejs-controls .mejs-time-rail .mejs-time-float {
	position: absolute;
	display: none;
	width: 33px;
	height: 28px;
	top: -28px;
	background: url('skin6_tooltip.png') no-repeat top left;
	border: none; /* wobfix */

}

.mejs-skin6 .mejs-controls .mejs-time-rail .mejs-time-float-current {
	position: absolute;
	display: block;
	top: 5px;
	left: 5px;

	font-family: Helvetica, Arial, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #666666;
	text-align: center;
	margin: 0;
	width: 25px;

}

.mejs-skin6 .mejs-controls .mejs-time-rail .mejs-time-float-corner { display: none !important; }

	/* Skin 7 http://78.140.143.7/mejs/test6/ */

/* Controls Container */
.hentry	.mejs-skin7.mejs-container .mejs-controls {
	position: absolute;
	width: 100%;
	height: 30px;
	left: 0;
	bottom: 0;
	background: rgb(0,0,0); /* IE 8 */
	background: rgba(0,0,0, .6);
}

/* Controls Buttons */
.mejs-skin7 .mejs-controls .mejs-button button {
	display: block;
	cursor: pointer;
	width: 15px;
	height: 15px;
	background: transparent url('skin7_controls.png');
	margin : 0; /* wobfix */
	background-repeat: no-repeat;
}

/* Play & Pause Button */
.mejs-skin7 .mejs-controls div.mejs-playpause-button {
	position: absolute;
	top: 8px;
	left: 10px;
	width: 15px;
	height: 15px;
	background-position: 0;
}

.mejs-skin7 .mejs-controls .mejs-play button,
.mejs-skin7 .mejs-controls .mejs-pause button {
	width: 15px;
	height: 15px;
}

.mejs-skin7 .mejs-controls .mejs-pause button {
	background-position: -16px 0;
}

/* Mute & Unmute */
.mejs-skin7 .mejs-controls div.mejs-volume-button {
	position: absolute;
	top: 6px;
	right: 165px;
}

.mejs-skin7 .mejs-controls .mejs-mute button,
.mejs-skin7 .mejs-controls .mejs-unmute button {
	width: 15px;
	height: 15px;
	background-position: 0 -17px;
}

.mejs-skin7 .mejs-controls .mejs-unmute button {
	background-position: -20px -17px;
}

/* Volume Slider */
.mejs-skin7 .mejs-controls a.mejs-horizontal-volume-slider {
	position: absolute;
	cursor: pointer;
	top: 13px;
	right: 95px;
}

.mejs-skin7 .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
	width: 90px;
	height: 5px;
	background: #c4f9f9 !important;
	top: 0;
}

.mejs-skin7 .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	position: absolute;
	width: 0;
	height: 3px;
	top: 0;
	left: 0;
	background-color: #003663  !important;
	border: 1px solid #ffffff;
}
	
/* Full-Screen Button */
.mejs-skin7 .mejs-controls div.mejs-fullscreen-button {
	position: absolute;
	top: 5px;
	right: 10px;
}

.mejs-skin7 .mejs-controls .mejs-fullscreen-button button,
.mejs-skin7 .mejs-controls .mejs-unfullscreen button {
	width: 19px;
	height: 19px;
	background-position: -33px 0;
}

.mejs-skin7 .mejs-controls .mejs-unfullscreen button { background-position: -55px 0; }

/* Progress Bar */
.mejs-skin7 .mejs-controls .mejs-time-rail span {
	position: absolute;
	display: block;
	cursor: pointer;
	height: 7px;
	top: 0;
	left: 0;
}

.mejs-skin7 .mejs-controls .mejs-time-rail .mejs-time-total {
	margin: 0 250px 0 0; /* sets the width of the progress bar */
	height: 7px;
	top: 11px;
	left: 33px;
	background-color: #c4f9f9 !important;
}

.mejs-skin7 .mejs-controls .mejs-time-rail .mejs-time-loaded {
	background: rgb(0,54,99) !important; /* IE8- */
	background: rgba(0,54,99, .8) !important;
	height: 5px;
	border: 1px solid #ffffff;
}

.mejs-skin7 .mejs-controls .mejs-time-rail .mejs-time-current {
	background: #003663 !important;
	height: 5px;
	border: 1px solid #ffffff;
}

/* Progress Bar Handle */
.mejs-skin7 .mejs-controls .mejs-time-rail .mejs-time-handle {
	position: absolute;
	cursor: pointer;
	width: 7px;
	height: 9px;
	top: -1px;
	margin-left: 0;
	background: url('skin7_controls.png');
	background-position: -38px -21px;
	border: none;
}

/* Progress Bar Time Tooltip */
.mejs-skin7 .mejs-controls .mejs-time-rail .mejs-time-float {
	position: absolute;
	display: none;
	width: 29px;
	height: 20px;
	top: -22px;
	border: none; /* wobfix */
	background: url('skin7_tooltip.png') no-repeat top left;
}

.mejs-skin7 .mejs-controls .mejs-time-rail .mejs-time-float-current {
	position: absolute;
	display: block;
	top: 2px;
	left: 0px;
	width: 24px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #666666;
	text-align: center;
}

.mejs-skin7 .mejs-controls .mejs-time-rail .mejs-time-float-corner { display: none !important; }

.mejs-skin7 .mejs-time.mejs-duration-container { /* wobfix */
	display: none;
}

	.mejs-skin7 .mejs-time.mejs-currenttime-container { /* wobfix */
		display: none;
	}

	.mejs-controls a.mejs-horizontal-volume-slider {
		text-decoration: none;
		border-bottom: none;
	}

	.hentry .mejs-container .mejs-controls {
		z-index: 3;
	}


	/* TED player */
	.mejs-container.mejs-skin8 {

	}
	.mejs-skin8 .mejs-controls {
		background: #eee;
		height: 65px;
	}

	.mejs-skin8 .mejs-button,
	.mejs-skin8 .mejs-time {
		position: absolute;
		background: #ddd;
	}
	.mejs-skin8 .mejs-controls .mejs-time-rail .mejs-time-total {
		background-color: none;
		background: url(../../../js/mediaelement/controls-ted.png) repeat-x 0 -52px;
		height: 6px;
	}
	.mejs-skin8 .mejs-controls .mejs-time-rail .mejs-time-buffering {
		height: 6px;
	}
	.mejs-skin8 .mejs-controls .mejs-time-rail .mejs-time-loaded {
		background-color: none;
		background: url(../../../js/mediaelement/controls-ted.png) repeat-x 0 -52px;
		width: 0;
		height: 6px;
	}
	.mejs-skin8 .mejs-controls .mejs-time-rail .mejs-time-current {
		width: 0;
		height: 6px;
		background-color: none;
		background: url(../../../js/mediaelement/controls-ted.png) repeat-x 0 -59px;
	}
	.mejs-skin8 .mejs-controls .mejs-time-rail .mejs-time-handle  {
		display: block;
		margin: 0;
		width: 14px;
		height: 21px;
		top: -7px;
		border: 0;
		background: url(../../../js/mediaelement/controls-ted.png) no-repeat 0 0;	
	}
	.mejs-skin8 .mejs-controls .mejs-time-rail .mejs-time-float {	
		display: none;
	}
	.mejs-skin8 .mejs-controls .mejs-playpause-button  {
		top: 29px;
		left: 9px;
		width: 49px;
		height: 28px;
	}
	.mejs-skin8 .mejs-controls .mejs-playpause-button  button {
		width: 49px;
		height: 28px;
		background: url(../../../js/mediaelement/controls-ted.png) no-repeat -50px -23px;
		margin: 0;
		padding: 0;
	}
	.mejs-skin8 .mejs-controls .mejs-pause button  {
		background-position: 0 -23px;
	}

	.mejs-skin8 .mejs-controls .mejs-fullscreen-button  {
		top: 34px;
		right: 9px;
		width: 17px;
		height: 15px;
		background : none;
	}
	.mejs-skin8 .mejs-controls .mejs-fullscreen-button  button {
		width: 19px;
		height: 17px;
		background: transparent url(../../../js/mediaelement/controls-ted.png) no-repeat 0 -66px;
		margin: 0;
		padding: 0;
	}
	.mejs-skin8 .mejs-controls .mejs-unfullscreen  button {
		background: transparent url(../../../js/mediaelement/controls-ted.png) no-repeat -21px -66px;
		margin: 0;
		padding: 0;
	}
	.mejs-skin8 .mejs-controls .mejs-volume-button  {
		top: 30px;
		right: 35px;
		width: 24px;
		height: 22px;
	}
	.mejs-skin8 .mejs-controls .mejs-mute button {
		background: url(../../../js/mediaelement/controls-ted.png) no-repeat -15px 0;
		width: 24px;
		height: 22px;
		margin: 0;
		padding: 0;
	}
	.mejs-skin8 .mejs-controls .mejs-unmute button {
		background: url(../../../js/mediaelement/controls-ted.png) no-repeat -40px 0;
		width: 24px;
		height: 22px;
		margin: 0;
		padding: 0;	
	}
	.mejs-skin8  .mejs-controls .mejs-volume-button .mejs-volume-slider {
		background: #fff;
		border: solid 1px #aaa;
		border-width: 1px 1px 0 1px;
		width: 22px;
		height: 65px;
		top: -65px;
	}
	.mejs-skin8  .mejs-controls .mejs-volume-button .mejs-volume-total {
		background: url(../../../js/mediaelement/controls-ted.png) repeat-y -41px -66px;
		left: 8px;
		width: 6px;
		height: 50px;
	}
	.mejs-skin8  .mejs-controls .mejs-volume-button .mejs-volume-current {
		left: 8px;
		width: 6px;	
		background: url(../../../js/mediaelement/controls-ted.png) repeat-y -48px -66px;
		height: 50px;
	}

	.mejs-skin8  .mejs-controls .mejs-volume-button .mejs-volume-handle {
		display: none;
	}

	.mejs-skin8 .mejs-controls .mejs-time span {
		color: #333;
	}
	.mejs-skin8 .mejs-controls .mejs-currenttime-container  {
		position: absolute;
		top: 32px;
		right: 100px;
		border: solid 1px #999;
		background: #fff;
		color: #333;
		padding-top: 2px;
		border-radius: 3px;
		color: #333;
	}
	.mejs-skin8 .mejs-controls .mejs-duration-container  {

		position: absolute;
		top: 32px;
		right: 65px;
		border: solid 1px #999;
		background: #fff;
		color: #333;
		padding-top: 2px;
		border-radius: 3px;
		color: #333;
	}

	.mejs-skin8 .mejs-controls .mejs-time  button{
		color: #333;
	}
	.mejs-skin8 .mejs-controls .mejs-captions-button {
		display: none;
	}
	/* END: TED player */


	/* WMP player */
	.mejs-container.mejs-skin9 {

	}
	.mejs-skin9 .mejs-controls {
		background: transparent url(../../../js/mediaelement/controls-wmp-bg.png) center 16px no-repeat;
		height: 65px;
	}

	.mejs-skin9 .mejs-button,
	.mejs-skin9 .mejs-time {
		position: absolute;
		background: transparent;
	}
	.mejs-skin9 .mejs-controls .mejs-time-rail .mejs-time-total {
		background-color: transparent;
		border: solid 1px #ccc;
		height: 3px;
	}
	.mejs-skin9 .mejs-controls .mejs-time-rail .mejs-time-buffering {
		height: 3px;
	}
	.mejs-skin9 .mejs-controls .mejs-time-rail .mejs-time-loaded {
		background-color: rgba(255,255,255,0.3);
		width: 0;
		height: 3px;
	}
	.mejs-skin9 .mejs-controls .mejs-time-rail .mejs-time-current {
		width: 0;
		height: 1px;
		background-color: #014CB6;
		border: solid 1px #7FC9FA;
		border-width: 1px 0;
		border-color: #7FC9FA #fff #619FF2 #fff;
	}
	.mejs-skin9 .mejs-controls .mejs-time-rail .mejs-time-handle  {
		display: block;
		margin: 0;
		width: 16px;
		height: 9px;
		top: -3px;
		border: 0;
		background: url(../../../js/mediaelement/controls-wmp.png) no-repeat 0 -80px;	
	}
	.mejs-skin9 .mejs-controls .mejs-time-rail .mejs-time-float {	
		display: none;
	}
	.mejs-skin9 .mejs-controls .mejs-playpause-button  {
		top: 10px;
		left: 50%;
		margin: 10px 0 0 -20px;	
		width: 40px;
		height: 40px;
		
	}
	.mejs-skin9 .mejs-controls .mejs-playpause-button  button {
		width: 40px;
		height: 40px;
		background: url(../../../js/mediaelement/controls-wmp.png) no-repeat 0 0;	
		margin: 0;
		padding: 0;
	}
	.mejs-skin9 .mejs-controls .mejs-pause button  {
		background-position: 0 -40px;
	}

	.mejs-skin9 .mejs-controls .mejs-currenttime-container  {
		position: absolute;
		top: 25px;
		left: 50%;
		margin-left: -93px;
	}
	.mejs-skin9 .mejs-controls .mejs-duration-container  {
		position: absolute;
		top: 25px;
		left: 50%;
		margin-left: -58px;
	}


	.mejs-skin9 .mejs-controls .mejs-volume-button  {
		top: 32px;
		right: 50%;
		margin-right: -55px;
		width: 20px;
		height: 15px;
	}
	.mejs-skin9 .mejs-controls .mejs-volume-button button {
		margin: 0;
		padding: 0;
		background: url(../../../js/mediaelement/controls-wmp.png) no-repeat -42px -17px;
		width: 20px;
		height: 15px;
	}
	.mejs-skin9 .mejs-controls .mejs-unmute button {
		margin: 0;
		padding: 0;
		background: url(../../../js/mediaelement/controls-wmp.png) no-repeat -42px 0;
		width: 20px;
		height: 15px;
	}
	.mejs-skin9 .mejs-controls .mejs-volume-button .mejs-volume-slider {
		background: rgba(102,102,102,0.6);
	}

	.mejs-skin9 .mejs-controls .mejs-fullscreen-button  {
		top: 32px;
		right: 50%;
		margin-right: -82px;
		width: 15px;
		height: 14px;
	}
	.mejs-skin9 .mejs-controls .mejs-fullscreen-button  button {
		margin: 0;
		padding: 0;
		background: url(../../../js/mediaelement/controls-wmp.png) no-repeat -63px 0;
		width: 15px;
		height: 14px;
	}
	.mejs-skin9 .mejs-controls .mejs-captions-button {
		display: none;
	}
	/* END: WMP player */

/* 10 */


/* ------------------------------------------------------------------------ */
/* $GENERALS
/* ------------------------------------------------------------------------ */

/* replace the controls bar height */
.mejs-skin10 .mejs-wrapper { padding-bottom: 48px; }

.mejs-skin10.mejs-container *
{

    /* structure */
    margin: 0;
    padding: 0;
    outline: 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;

}

.mejs-skin10.mejs-container ul { list-style: none; }

/* ------------------------------------------ */
/* $FULLSCREEN MODE
/* ------------------------------------------ */

/* hide scrollbars in fullscreen mode
 * added to html
 */
 .mejs-skin10 .mejs-fullscreen { overflow: hidden !important; }

/* fullscreen preview */
.mejs-skin10 .mejs-container-fullscreen 
{

    /* structure */
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 1000;

}

/* stretch the video to fill width
 * the height is relative to the width base on pixel ratio 
 */
 .mejs-skin10 .mejs-container-fullscreen .mejs-mediaelement,
.mejs-skin10 .mejs-container-fullscreen video 
{

    /* structure */
    width: 100%;
    height: 100%;

}

/* ------------------------------------------ */
/* $EMBEDED VIDEO MODE
/* ------------------------------------------ */

/* make embede videos ( youtube - vimeo ) fill the container width
 * the height is relative to the width base on pixel ratio 
 */
 .mejs-skin10 .mejs-embed, .mejs-skin10  .mejs-embed body 
{

    /* structure */
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

/* ------------------------------------------ */
/* $MISC
/* ------------------------------------------ */

/* added plugins class name */
.mejs-skin10  .me-plugin { position: absolute; }

/* cannot play error */
.mejs-skin10  .me-cannotplay {}

    .mejs-skin10  .me-cannotplay a { font-weight: bold; }

    .mejs-skin10  .me-cannotplay span 
    {

        /* structure */
        padding: 15px;
        display: block;

    }

/* ------------------------------------------------------------------------ */
/* $MEDIAELEMENT CONTAINER
/* ------------------------------------------------------------------------ */

/* whole wrapper styles */
.mejs-skin10.mejs-container 
{

    /* structure */
    position: relative;
    text-align: left;
    vertical-align: top;
    height: auto;

    /* font */
    font-family: Helvetica, Arial;

}

    /* ------------------------------------------ */
    /* $INNER CONTAINER
    /* ------------------------------------------ */

    .mejs-skin10  .mejs-inner { position: relative; height: 100%; }

        /* $VIDEO WRAPPER
        /* ------------------------------ */

        .mejs-skin10  .mejs-mediaelement 
        {

            /* structure */
            position: relative;
            width: 100%;

        }

            /* ===== VIDEO ===== */

            .mejs-skin10  .mejs-mediaelement video { display: block; }

            /* ===== AUDIO ===== */

            .mejs-skin10  .mejs-mediaelement audio { display: block; }

        /* $OVERLAYS ( POSTER ) WRAPPER
        /* ------------------------------ */

        .mejs-skin10  .mejs-layers 
        {

            /* structure */
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;

        }

            .mejs-skin10  .mejs-overlay 
            {
                
                /* structure */
                position: absolute;
                width: 100%;
                height: 100% !important;

            }

            /* ===== $POSTER ===== */

            .mejs-skin10  .mejs-poster 
            {

                /* structure */
                position: absolute;
                top: 0;
                left: 0;
                background-size: contain;
                background-position: 50% 50%;
                background-repeat: no-repeat;

            }

                :root .mejs-skin10  .mejs-poster img { display: none; }

                .mejs-skin10  .mejs-poster img 
                {

                    /* structure */
                    border: 0;
                    vertical-align: middle;

                }

            /* ===== $LOADER ===== */

            /* center loader
             * set the background
             */
            .mejs-skin10  .mejs-overlay-loading 
            {

                /* strucure */
                position: absolute;
                top: 50%;
                left: 50%;
                width: 60px;
                height: 60px;
                border-radius: 50%;
                margin: -30px 0 0 -30px;
            }

                /* hold the loader icon */
                .mejs-skin10  .mejs-overlay-loading span 
                {
                    
                    /* structure */
                    position: relative;
                    display: block;
                    width: 100%;
                    height: 100%;
                    background-position: center;
                    background-repeat: no-repeat;                    

                }

            /* ===== $OVERLAY PLAY ===== */

            .mejs-skin10  .mejs-overlay-play { cursor: pointer; }

                /* center play button
                 * set the background
                 */
               .mejs-skin10   .mejs-overlay-button 
                {
                    
                    /* structure */
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    width: 60px;
                    height: 60px;
                    border-radius: 50%;
                    margin-top: -30px !important;
                    margin-left: -30px;
                    background-position: 23px 50%;
                    background-repeat: no-repeat;                    

                }

                /* change the background position on hover */
                .mejs-skin10  .mejs-overlay:hover .mejs-overlay-button {  }


        /* $CONTROLS CONTAINER
        /* ------------------------------ */

        .mejs-skin10  .mejs-controls 
        {

            /* struture */
            position: absolute;
            height: 48px;
            bottom: -48px;
            width: 100%;
            padding: 0 18px;

        }

        /* make the controls bar stick at the bottom at fullscreen mode */
        .mejs-skin10 .mejs-container-fullscreen .mejs-controls {  bottom: 0; }

            .mejs-skin10  .mejs-controls > div 
            {

                /* struture */
                display: block;
                float: left;

                /* font */
                font-size: 11px;

            }

            .mejs-skin10  .mejs-controls > div + div { margin-left: 18px; }

            .mejs-skin10  .mejs-button button 
            {

                /* struture */
                display: block;
                height: 12px;
                width: 12px;
                margin-top: 18px;
                padding: 0;
                border: 0;
                background-repeat: no-repeat;

                /* font */
                font-size: 0;
                line-height: 0;

                /* theme */
                opacity: 0.7;
                cursor: pointer;
            }

            /* show the button without opacity when hover */
            .mejs-skin10  .mejs-button button:hover { opacity: 1; }

            /* ===== $PLAY / PAUSE / STOP ===== */

            .mejs-skin10  .mejs-playpause-button {}

            .mejs-skin10  .mejs-play {} /* Class when playing. */

            .mejs-skin10  .mejs-play {} /* Class when paused. */

            .mejs-skin10 .mejs-stop {} /* Stop button. */

                .mejs-skin10 .mejs-playpause-button button {}

                .mejs-skin10 .mejs-play button  { background-position: 0 0; }
                .mejs-skin10 .mejs-pause button { background-position: -12px 0; }
                .mejs-skin10 .mejs-stop button  { background-position: -24px 0; }

            /* ===== $CURRENT TIME ===== */

            .mejs-skin10 .mejs-controls .mejs-time {}

                    /* Individual elements within the time wrapper. */
                    .mejs-skin10 .mejs-time span 
                    {

                        /* structure */
                        display: block;
                        float: left;

                    }

                    .mejs-skin10 .mejs-time .mejs-currenttime 
                    {

                        /* font */
                        line-height: 48px;

                    }

            /* === $LOOP BUTTON === */

            .mejs-skin10 .mejs-controls .mejs-loop-button {}

            .mejs-skin10 .mejs-controls .mejs-loop-off button { background-position: -36px 0; }

            .mejs-skin10 .mejs-controls .mejs-loop-on button { opacity: 1; }

            /* colored loop icon */
            .mejs-skin10 .mejs-blue .mejs-controls .mejs-loop-on button      { background-position: -36px -12px; }
            .mejs-skin10 /*.mejs-green*/ .mejs-controls .mejs-loop-on button     { background-position: -36px -24px; }
            .mejs-skin10 .mejs-yellow .mejs-controls .mejs-loop-on button    { background-position: -36px -36px; }
            .mejs-skin10 .mejs-turquoise .mejs-controls .mejs-loop-on button { background-position: -36px -48px; }
            .mejs-skin10 .mejs-orange .mejs-controls .mejs-loop-on button    { background-position: -36px -60px; }

            /* ===== $TIME RAIL ===== */

            /* time rail */
            .mejs-skin10 .mejs-controls .mejs-time-rail { margin-left: 10px; }

                /* time rail sub-elements */
                .mejs-skin10 .mejs-controls .mejs-time-rail span 
                {

                    /* structure */
                    display: block;

                    /* theme */
                    cursor: pointer;

                }

                /* total time */
                .mejs-skin10 .mejs-controls .mejs-time-rail .mejs-time-total 
                {

                    /* structure */
                    position: relative;
                    margin-top: 16px;
                    height: 2px;

                }

                .mejs-skin10 .mejs-controls .mejs-time-rail .mejs-time-total:hover
                {

                    /* structure */
                    margin-top: 16px;
                    height: 6px;

                }

                /* ready ( loaded time ) bar */
                .mejs-skin10 .mejs-controls .mejs-time-rail .mejs-time-loaded 
                {

                    /* structure */
                    width: 0;
                    height: 100%;
                    position: absolute;

                }

                /* current time bar ( represent watched period ) */
                .mejs-skin10 .mejs-controls .mejs-time-rail .mejs-time-current 
                {

                    /* structure */
                    width: 0;
                    height: 100%;
                    position: absolute;

                }

                /* adjust current time */
                .mejs-skin10 .mejs-controls .mejs-time-rail .mejs-time-handle 
                {

                    /* structure */
                    display: none;
                    position: absolute;
                    height: 100%;
                    margin: 0;
                    width: 10px;
                    text-align: center;

                    /* theme */
                    cursor: pointer;

                }

                /* current time tooltip */
                .mejs-skin10 .mejs-controls .mejs-time-rail .mejs-time-float 
                {

                    /* structure */
                    position: absolute;
                    display: none;
                    text-align: center;
                    margin-top: -8px;
                    -webkit-transform: translate(-50%, -100%);
                       -moz-transform: translate(-50%, -100%);
                        -ms-transform: translate(-50%, -100%);
                         -o-transform: translate(-50%, -100%);
                            transform: translate(-50%, -100%);

                }

                    /* current time */
                    .mejs-skin10 .mejs-time-float-current
                    {

                        /* structure */
                        padding: 4px;

                        /* font */
                        line-height: 1em;
                        
                    }

                    /* tooltip bottom pointer */
                    .mejs-skin10 .mejs-controls .mejs-time-rail .mejs-time-float-corner 
                    {

                        /* structure */
                        position: absolute;
                        display: inline-block;
                        margin-left: -6px;
                        width: 0;
                        height: 0;
                        bottom: -9px;
                        border: solid 6px;

                        /* font */
                        line-height: 0;

                    }

            /* ===== $TOTAL TIME ===== */

            .mejs-skin10 .mejs-controls .mejs-duration-container 
            {
                
                /* structure */
                margin-left: 10px;

                /* font */
                line-height: 48px;

            }

            /* ===== $VOLUME ===== */

            .mejs-skin10 .mejs-controls .mejs-volume-button {}

                .mejs-skin10 .mejs-controls .mejs-volume-button button
                {

                    /* structure */
                    position: relative;

                }

                .mejs-skin10 .mejs-mute button   { background-position: -48px 0; }

                .mejs-skin10 .mejs-unmute button { background-position: -48px -12px; }

            /* horizontal slider */
            .mejs-skin10 .mejs-controls .mejs-horizontal-volume-slider 
            {

                /* structure */
                height: 2px;
                width: 60px;
                margin-top: 12px;
                margin-left: 5px;
                margin-right: 8px;
                position: relative;

            }

            .mejs-skin10 .mejs-controls .mejs-horizontal-volume-slider:hover
            {

                /* structure */
                height: 6px;
                margin-top: 21px;

            }

                /* volume total */
               .mejs-skin10  .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
                /* current volume */
               .mejs-skin10  .mejs-horizontal-volume-slider .mejs-horizontal-volume-current 
                {

                    /* structure */
                    position: absolute;
                    left: 0;
                    height: 100%;
                    width: 100%;

                }

                /* volume handler */
                .mejs-skin10 .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { display: none; }

            /* ===== $SOURCECHOOSER ===== */

            .mejs-skin10 .mejs-controls .mejs-sourcechooser-button 
            { 

                /* structure */
                position: relative; 
                height: 48px;

            }

                .mejs-skin10 .mejs-controls .mejs-sourcechooser-button button { background-position: -72px 0; }

                .mejs-skin10 .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector 
                { 

                    /* structure */
                    visibility: hidden;
                    position: absolute;
                    bottom: 48px;
                    border-radius: 2px;
                    overflow: hidden;
                    right: 50%;
                    padding-bottom: 6px;
                    -webkit-transform: translate(50%, 0%);
                       -moz-transform: translate(50%, 0%);
                        -ms-transform: translate(50%, 0%);
                         -o-transform: translate(50%, 0%);
                            transform: translate(50%, 0%);

                }

                /* sourcechooser menu pointer */
                .mejs-skin10 .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector:after 
                {

                    content: '';

                    /* structure */
                    display: block;
                    position: absolute;
                    bottom: -6px;
                    left: 50%;
                    margin-left: -6px;
                    width: 0;
                    height: 0;
                    border: 6px solid;
                    -moz-transform: scale(1.01); /* fixed pixelated triangle edge */

                }

                    .mejs-skin10 .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul 
                    {

                        /* structure */
                        display: block;
                        padding: 2px 2px 0 2px;
                        border-radius: 2px;

                    }

                       .mejs-skin10  .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li 
                        {

                            /* structure */
                            display: block;
                            overflow: hidden;
                            text-align: center;
                            
                            /* font */
                            line-height: 1em;

                        }

                           .mejs-skin10  .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input 
                            {

                                /* structure */
                                visibility: hidden;
                                position: absolute;
                                width: 0;
                                height: 0;
                            }

                           .mejs-skin10  .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input:checked + label,
                          .mejs-skin10   .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li:hover label
                            {

                                /* theme */
                                cursor: pointer;
                            }

                           .mejs-skin10  .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label 
                            {

                                /* structure */
                                margin-bottom: 2px;
                                padding: 6px;
                                border-radius: 2px;
                                display: block;
                                overflow: hidden;
                                white-space: nowrap;

                            }

            /* ===== $FULLSCREEN ===== */

           .mejs-skin10  .mejs-controls .mejs-fullscreen-button button { background-position: -84px 0; }

           .mejs-skin10  .mejs-controls .mejs-unfullscreen button { background-position: -84px 0; }

        /* $CLEARER
        /* ------------------------------ */
        
        /* Clears any floated elements at the end of the container */
        .mejs-skin10 .mejs-clear { clear: both; }

        /* end common */
/* ------------------------------------------------------------------------ */
/* $TRANSPARENT
/* ------------------------------------------------------------------------ */

.mejs-skin10.mejs-container button 

{ background-color: transparent; }

/* ------------------------------------------------------------------------ */
/* $BLACK ( #000 )
/* ------------------------------------------------------------------------ */

/* ------------------------------------------ */
/* $BACKGROUND
/* ------------------------------------------ */

/* embeded videos like ( youtube - vimeo ) */
.mejs-skin10 .mejs-embed, .mejs-skin10 .mejs-embed body,

/* main container */
.mejs-skin10.mejs-container ,

/* timer tooltip */
.mejs-skin10 .mejs-controls .mejs-time-rail .mejs-time-float 

{ background-color: #000; }

/* ------------------------------------------ */
/* $BORDERS
/* ------------------------------------------ */

/* tooltip bottom pointer */
.mejs-skin10 .mejs-controls .mejs-time-rail .mejs-time-float-corner 

{  border-color: #000 transparent transparent transparent; }

/* ------------------------------------------------------------------------ */
/* $WHITE ( #FFF )
/* ------------------------------------------------------------------------ */

/* ------------------------------------------ */
/* $BACKGROUND
/* ------------------------------------------ */

/* total time */
.mejs-skin10 .mejs-controls .mejs-time-rail .mejs-time-total 

{ background-color: rgba(255, 255, 255, 0.05); }

/* ready ( loaded time ) bar */
.mejs-skin10 .mejs-controls .mejs-time-rail .mejs-time-loaded 

{ background-color: rgba(255, 255, 255, 0.15); }

/* volume total */
.mejs-skin10 .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { background-color: rgba(255, 255, 255, 0.2); }

/* ------------------------------------------ */
/* $COLOR
/* ------------------------------------------ */

/* error link */
.mejs-skin10 .me-cannotplay a,

/* sourcechooser menu */
.mejs-skin10 .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input:checked + label,
.mejs-skin10 .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li:hover label

 { color: #FFF;  }

/* sourcechooser menu item */
.mejs-skin10 .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li

{ color: rgba(255, 255, 255, 0.8); }

/* ------------------------------------------------------------------------ */
/* $DARK GREY ( #2A2A2A )
/* ------------------------------------------------------------------------ */

/* ------------------------------------------ */
/* $BACKGROUND
/* ------------------------------------------ */

/* big paly button */
.mejs-skin10 .mejs-overlay-button,

/* loader button */
.mejs-skin10 .mejs-overlay-loading,

/* controls */
.mejs-skin10 .mejs-controls,

/* sourcechooser list */
.mejs-skin10 .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul

{ background-color: #2A2A2A; }


/* ------------------------------------------ */
/* $BORDERS
/* ------------------------------------------ */

/* sourcechooser menu pointer */
.mejs-skin10 .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector:after

{ border-color: #2a2a2a transparent transparent transparent; } 

/* ------------------------------------------------------------------------ */
/* $LIGHT GREY ( #A8A8A8 )
/* ------------------------------------------------------------------------ */


/* ------------------------------------------ */
/* $COLOR
/* ------------------------------------------ */

/* time */
.mejs-skin10 .mejs-time span

{ color: #A8A8A8; }

/* ------------------------------------------------------------------------ */
/* $LIGHT GREY ( #808080 )
/* ------------------------------------------------------------------------ */


/* ------------------------------------------ */
/* $COLOR
/* ------------------------------------------ */

/* current time tooltip */
.mejs-skin10 .mejs-controls .mejs-time-rail .mejs-time-float

{ color: #808080; }

/* ------------------------------------------------------------------------ */
/* $BLUE ( #70C7F4 )
/* ------------------------------------------------------------------------ */

/* ------------------------------------------ */
/* $BACKGROUND
/* ------------------------------------------ */

/* current time bar ( represent watched period ) */
.mejs-skin10 .mejs-blue .mejs-controls .mejs-time-rail .mejs-time-current,

/* adjust current time */
.mejs-skin10 .mejs-blue .mejs-controls .mejs-time-rail .mejs-time-handle,

/* current volume */
.mejs-skin10 .mejs-blue .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,

/* sourcechooser menu */
.mejs-skin10 .mejs-blue .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input:checked + label,
.mejs-skin10 .mejs-blue .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li:hover label

{ background-color: #70C7F4; }

/* ------------------------------------------------------------------------ */
/* $GREEN ( #85C028 )
/* ------------------------------------------------------------------------ */

/* ------------------------------------------ */
/* $BACKGROUND
/* ------------------------------------------ */

/* current time bar ( represent watched period ) */
.mejs-skin10 /*.mejs-green*/ .mejs-controls .mejs-time-rail .mejs-time-current,

/* adjust current time */
.mejs-skin10 /*.mejs-green*/ .mejs-controls .mejs-time-rail .mejs-time-handle,

/* current volume */
.mejs-skin10 /*.mejs-green*/ .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,

/* sourcechooser menu */
.mejs-skin10 /*.mejs-green*/ .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input:checked + label,
.mejs-skin10 /*.mejs-green*/ .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li:hover label

{ background-color: #85C028; }

/* ------------------------------------------------------------------------ */
/* $YELLOW ( #F9BA00 )
/* ------------------------------------------------------------------------ */

/* ------------------------------------------ */
/* $BACKGROUND
/* ------------------------------------------ */

/* current time bar ( represent watched period ) */
.mejs-skin10 .mejs-yellow .mejs-controls .mejs-time-rail .mejs-time-current,

/* adjust current time */
.mejs-skin10 .mejs-yellow .mejs-controls .mejs-time-rail .mejs-time-handle,

/* current volume */
.mejs-skin10 .mejs-yellow .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,

/* sourcechooser menu */
.mejs-skin10 .mejs-yellow .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input:checked + label,
.mejs-skin10 .mejs-yellow .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li:hover label

{ background-color: #F9BA00; }

/* ------------------------------------------------------------------------ */
/* $TURQUOISE ( #5BCCCA )
/* ------------------------------------------------------------------------ */

/* ------------------------------------------ */
/* $BACKGROUND
/* ------------------------------------------ */

/* current time bar ( represent watched period ) */
.mejs-skin10 .mejs-turquoise .mejs-controls .mejs-time-rail .mejs-time-current,

/* adjust current time */
.mejs-skin10 .mejs-turquoise .mejs-controls .mejs-time-rail .mejs-time-handle,

/* current volume */
.mejs-skin10 .mejs-turquoise .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,

/* sourcechooser menu */
.mejs-skin10 .mejs-turquoise .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input:checked + label,
.mejs-skin10 .mejs-turquoise .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li:hover label

{ background-color: #5BCCCA; }

/* ------------------------------------------------------------------------ */
/* $ORANGE ( #F39F4B )
/* ------------------------------------------------------------------------ */

/* ------------------------------------------ */
/* $BACKGROUND
/* ------------------------------------------ */

/* current time bar ( represent watched period ) */
.mejs-skin10 .mejs-orange .mejs-controls .mejs-time-rail .mejs-time-current,

/* adjust current time */
.mejs-skin10 .mejs-orange .mejs-controls .mejs-time-rail .mejs-time-handle,

/* current volume */
.mejs-skin10 .mejs-orange .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,

/* sourcechooser menu */
.mejs-skin10 .mejs-orange .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input:checked + label,
.mejs-skin10 .mejs-orange .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li:hover label

{ background-color: #F39F4B; }

/* ------------------------------------------------------------------------ */
/* $BACKGROUND IMAGES
/* ------------------------------------------------------------------------ */

/* loader button */
.mejs-skin10 .mejs-overlay-loading span { background-image: url(more/spinner-white.gif); background-size: 24px 24px; }

/* big play button */
.mejs-skin10 .mejs-overlay-button { background-image: url(more/play-white.png); background-size: 20px 24px; }

/* controls buttons */
.mejs-skin10 .mejs-button button { background-image: url(more/controls-white.png); background-size: 96px 72px; }