div#video-container {position: relative; padding-bottom:16px;}
div#video-instructions {position: absolute; left: -9999px;}

.mejs-container .mejs-controls {height: 50px; bottom: -50px; padding-top: 10px; background: #4a4a4a; background: -moz-linear-gradient(top,  #4a4a4a 0%, #020102 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4a4a4a), color-stop(100%,#020102)); background: -webkit-linear-gradient(top,  #4a4a4a 0%,#020102 100%); background: -o-linear-gradient(top,  #4a4a4a 0%,#020102 100%); background: -ms-linear-gradient(top,  #4a4a4a 0%,#020102 100%); background: linear-gradient(to bottom,  #4a4a4a 0%,#020102 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a4a4a', endColorstr='#020102',GradientType=0 );}
.mejs-container .mejs-controls div {width: 35px; height: 35px;}
.mejs-container .mejs-controls .mejs-button button, .mejs-container .mejs-controls .mejs-button a { width: 26px; height: 26px; background: url("media-sprites.png") no-repeat;}
.mejs-container .mejs-controls .mejs-button button:focus, .mejs-container .mejs-controls .mejs-button a:focus {outline-color:#4a99af;}

.mejs-container .mejs-controls .mejs-play {padding-left: 10px;}
.mejs-container .mejs-controls .mejs-pause {padding-left: 10px;}
.mejs-container .mejs-controls .mejs-pause button, .mejs-container .mejs-controls .mejs-pause a {background-position: -30px 0px;}

.mejs-container .mejs-controls .mejs-time {padding-top: 12px; padding-left: 10px;}
.mejs-container .mejs-controls .mejs-time span {font-size: 14px;}
.mejs-container .mejs-controls div.mejs-time-rail {padding-top: 9px; width: 150px; }
.mejs-container .mejs-controls .mejs-time-rail .mejs-time-loaded {background: #3d7978; background: -moz-linear-gradient(top,  #3d7978 0%, #629b9a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d7978), color-stop(100%,#629b9a)); background: -webkit-linear-gradient(top,  #3d7978 0%,#629b9a 100%); background: -o-linear-gradient(top,  #3d7978 0%,#629b9a 100%); background: -ms-linear-gradient(top,  #3d7978 0%,#629b9a 100%); background: linear-gradient(to bottom,  #3d7978 0%,#629b9a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d7978', endColorstr='#629b9a',GradientType=0 );}

.mejs-container .mejs-controls .mejs-captions-button button, .mejs-container .mejs-controls .mejs-captions-button a {background-position: -150px 0px; width: 30px;}
.mejs-container .mejs-controls .mejs-captions-button {padding-left: 10px;}
.mejs-container .mejs-controls .mejs-captions-button {opacity: 0.5}
.mejs-container .mejs-controls .mejs-captions-button.mejs-captions-enabled {opacity: 1}

.mejs-container .mejs-controls .mejs-button.mejs-volume-button .mejs-volume-slider {left: 6px; width:42px; height: 115px;}
.mejs-container .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {left:16px; width:9px;}
.mejs-container .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {left:16px; width: 9px;}
.mejs-container .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {left: 6px; width: 30px; height: 11px; background-color: #c2c2c2;}
.mejs-container .mejs-controls .mejs-volume-button {padding-left: 10px;}
.mejs-container .mejs-controls .mejs-mute button, .mejs-container .mejs-controls .mejs-mute a {background-position: -120px 0px;}
.mejs-container .mejs-controls .mejs-unmute button, .mejs-container .mejs-controls .mejs-unmute a {background-position: -90px 0px;}

.mejs-container .mejs-controls .mejs-fullscreen-button {padding-left: 10px; padding-right: 5px;}
.mejs-container .mejs-controls .mejs-fullscreen-button button, .mejs-container .mejs-controls .mejs-fullscreen-button a {background-position: -60px 0px;}

.mejs-container.mejs-container-fullscreen .mejs-controls {bottom: 0px;}
.mejs-container.mejs-container-fullscreen .mejs-layers div.mejs-captions-position.mejs-captions-position-hover {bottom: 100px;}

.hidden-label {display: inline-block; position: absolute; text-indent: -9999px;}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {.mejs-container .mejs-controls .mejs-button a {background-image:url(media-sprites@2x.png); background-size: 200px 50px;}}