.mejs__container.mejs-black {

}

div[id^="video"] .mejs-black .mejs__controls {
	background: url(Sprites/control-black.png) 0 0;
	height: 20px;
	bottom: -20px;
}

div[id^="audio"] .mejs-black .mejs__controls {
	background: url(Sprites/control-black.png) 0 0;
	height: 20px;
	bottom: 0;
}

div[id^="vid"] .mejs-black .mejs__controls {
	background: url(Sprites/control-black.png) 0 0;
	height: 20px;
	bottom: -20px;
}

div[id^="sndtobj"] .mejs-black .mejs__controls {
	background: url(Sprites/control-black.png) 0 0;
	height: 20px;
	bottom: 0;
}
div[id^="sndtobj"] .mejs-black .mejs__controls .mejs__time-rail {
	margin: 0px 5px 0px 6px;
}
div[id^="vid"] .mejs-black .mejs__controls .mejs__time-rail {
	margin: 0px 5px 0px 6px;
}

.mejs-black .mejs__time-slider{
	top: 2px;
}

.mejs-black .mejs__controls .mejs__time{
	margin: 5px 0px 0px 5px;
}

.mejs-black .mejs__controls .mejs__time-rail .mejs__time-total {
	background: #383838;
	background: rgba(0,0,0,0.6);
	height: 6px;
}
.mejs-black .mejs__controls .mejs__time-rail .mejs__time-buffering {
	height: 6px;
}
.mejs-black .mejs__controls .mejs__time-rail .mejs__time-loaded {
	background: #C7C7C7;
	background: rgba(199,199,199,0.3);
	height: 6px;
}
.mejs-black .mejs__controls .mejs__time-rail .mejs__time-current {
	background: #FFFFFF;
	height: 6px;
}
.mejs-black .mejs__controls .mejs__time-rail .mejs__time-handle  {
	display: block;
	margin: 0;
	border:none;
	width: 4px;
	height: 6px;
	top: 0px;
	background: url(Sprites/control-black.png) no-repeat -30px -47px;	
}
.mejs-black .mejs__controls .mejs__time-rail .mejs__time-float {	
	display: none;
}
.mejs-black .mejs__controls .mejs__playpause-button  {
	width: 17px;
	height: 20px;
}
.mejs-black .mejs__controls .mejs__playpause-button button {
	width: 17px;
	height: 20px;
	background: url(Sprites/control-black.png) no-repeat -0px -20px;
	margin: 0;
	padding: 0;
}
.mejs-black .mejs__controls .mejs__pause button  {
	width: 17px;
	height: 20px;
	background: url(Sprites/control-black.png) no-repeat -17px -20px;
	margin: 0;
	padding: 0;
}

.mejs-black .mejs__controls .mejs__fullscreen-button  {
	top: 0px;
	width: 17px;
	height: 20px;
	background : none;
}
.mejs-black .mejs__controls .mejs__fullscreen-button  button {
	width: 17px;
	height: 20px;
	background: transparent url(Sprites/control-black.png) no-repeat -51px -20px;
	margin: 0;
	padding: 0;
}
.mejs-black .mejs__controls .mejs__unfullscreen  button {
	background: transparent url(Sprites/control-black.png) no-repeat -68px -20px;
	margin: 0;
	padding: 0;
}

.mejs-black .mejs__controls .mejs__volume-button  {
	width: 14px;
	margin: 0px 0px 0px 5px;
}
.mejs-black .mejs__controls .mejs__mute button {
	top:2px;
	right:3px;
	background: url(Sprites/control-black.png) no-repeat -14px -40px;
	width: 14px;
	height: 18px;
	margin: 0;
	padding: 0;
	left: 0px;
}
.mejs-black .mejs__controls .mejs__unmute button {
	top:2px;
	right:3px;
	background: url(Sprites/control-black.png) no-repeat 0 -40px;
	width: 14px;
	height: 20px;
	margin: 0;
	padding: 0;	
	left: 0px;
}
.mejs-black .mejs__controls .mejs__mute button:hover {
	background: url(Sprites/control-black.png) no-repeat 0 -40px;
}
.mejs-black .mejs__controls .mejs__unmute button:hover {
	background: url(Sprites/control-black.png) no-repeat -14px -40px;
}

.mejs-black  .mejs__controls .mejs__volume-button .mejs__volume-slider {
	background: #DADADA;
	border: solid 1px #aaa;
	border-width: 1px 1px 0 1px;
	width: 18px;
	height: 65px;
	top: -65px;
}
.mejs-black  .mejs__controls .mejs__volume-button .mejs__volume-total {
	background: #333;
	background: rgba(50,50,50,0.8);
	left: 8px;
	width: 6px;
	height: 50px;
}
.mejs-black  .mejs__controls .mejs__volume-button .mejs__volume-current {
	left: 0;
	width: 6px;	
	background: #FF0202;
	background: rgba(255,0,0,0.8);
	height: 50px;
}

.mejs-black  .mejs__controls .mejs__volume-button .mejs__volume-handle {
	display: none;
}

.mejs-black .mejs__controls .mejs__time span {
	color: #FFFFFF;
}
.mejs-black .mejs__controls .mejs__currenttime-container  {
	position: absolute;
	top: 32px;
	right: 100px;
	border: solid 1px #999;
	background: #333;
	color: #FFFFFF;
	padding-top: 2px;
	border-radius: 3px;
}
.mejs-black .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-black .mejs__controls .mejs__time  button{
	color: #333;
}
.mejs-black .mejs__controls .mejs__captions-button {
	width: 18px;
}
.mejs-black .mejs__controls .mejs__captions-button button {
	width:20px;
	height:20px;
	top:0px;
	background: url(Sprites/control-black.png) no-repeat -42px -40px;
}
.mejs-black .mejs__captions-button .mejs__captions-selector {
	left: -65px !important;
}
.mejs-black .mejs__controls .mejs__stop button{

}
.mejs-black .mejs__controls .mejs__stop button:hover{

}
.mejs__controls .mejs__horizontal-volume-slider .mejs__horizontal-volume-total {
    height:7px;
    top: 7px;
}

.mejs__controls .mejs__horizontal-volume-slider .mejs__horizontal-volume-current {
	background: #FFFFFF;
    background-size: 100% 100%;
    height:7px;
    top: 7px;
}
.mejs-black .mejs__controls .mejs__button.mejs__speed-button button {
	color: #fff;
    margin-top: -3px;
}
