div.mediaplayer { position: relative; }
div.mediaplayer .mejs-container { background: transparent; font-family: helvetica,arial,sans-serif; }
div.mediaplayer .mejs-container .mejs-embed, div.mediaplayer .mejs-container .mejs-embed body { background: #000; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; }
div.mediaplayer .mejs-container .mejs-background, div.mediaplayer .mejs-container .mejs-mediaelement, div.mediaplayer .mejs-container .mejs-poster, div.mediaplayer .mejs-container .mejs-overlay { left: 0; position: absolute; top: 0; }
div.mediaplayer .mejs-container .mejs-mediaelement { height: 100%; width: 100%; }
div.mediaplayer .mejs-container .mejs-poster img { border: 0; display: block; padding: 0; }
div.mediaplayer .mejs-container .mejs-overlay-play { cursor: pointer; }
div.mediaplayer .mejs-container .mejs-overlay-button { background: url("/ds/lib/ext/mediaelement/img/play_red.png") center center no-repeat; height: 90px; left: 50%; margin: -45px 0 0 -45px; position: absolute; top: 50%; width: 90px; }
div.mediaplayer .mejs-container .mejs-overlay-loading { background: #333; background: url("/ds/lib/ext/mediaelement/img/background.png"); background: rgba(0, 0, 0, 0.3); background: -webkit-gradient(linear, left top, left bottom, from(rgba(50, 50, 50, 0.3)), to(rgba(0, 0, 0, 0.3))); background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.3), rgba(0, 0, 0, 0.3)); background: linear-gradient(rgba(50, 50, 50, 0.3), rgba(0, 0, 0, 0.3)); height: 100%; left: 0; margin: 0; position: absolute; top: 0; width: 100%; }
div.mediaplayer .mejs-container .mejs-overlay-loading span { background: transparent url("/ds/lib/ext/mediaelement/img/loading.gif") center center no-repeat; display: inline-block; height: 100%; width: 100%; }
div.mediaplayer .mejs-container .mejs-controls { background: transparent; bottom: 0; height: 25px; left: 0; margin: 11px 0; position: absolute; width: 100%; }
div.mediaplayer .mejs-container .mejs-controls div:last-child, div.mediaplayer .mejs-container .mejs-controls div.last-child { margin-right: 10px; }
div.mediaplayer .mejs-container .mejs-controls div { background: #f3f1f0; border-top: 1px solid #cfc8c2; border-bottom: 1px solid #cfc8c2; display: block; float: left; font-family: helvetica,arial,sans-serif; font-size: 25px; height: 23px; line-height: 25px; padding: 0; width: 18px; }
div.mediaplayer .mejs-container .mejs-controls .mejs-button button { background: transparent url("/ds/lib/ext/mediaelement/img/img-mediaplayer.png") 0 0 no-repeat; border: 0; cursor: pointer; display: block; font-size: 0px; height: 15px; line-height: 0; margin: 5px 0 0 0; padding: 0; position: absolute; text-decoration: none; width: 15px; }
div.mediaplayer .mejs-container .mejs-controls .mejs-time { color: #464e51; display: block; height: 23px; line-height: 25px; overflow: hidden; padding: 0 4px 0 0; text-align: center; width: auto; }
div.mediaplayer .mejs-container .mejs-controls .mejs-time span { color: #464e51; display: block; float: left; font-size: 11px; line-height: 28px; margin: -1px 2px 0 0; width: auto; }
div.mediaplayer .mejs-container .mejs-controls .mejs-time-rail { background: #f3f1f0 url("/ds/lib/ext/mediaelement/img/img-bg-timerail.png") 0 0 no-repeat; width: 100px; }
div.mediaplayer .mejs-container .mejs-controls .mejs-time-rail span { cursor: pointer; display: block; height: 10px; position: absolute; width: 180px; }
div.mediaplayer .mejs-container .mejs-controls .mejs-time-rail .mejs-time-total { background: #d0c9c0; border: 1px solid #b0a7a0; height: 8px; margin: 7px 10px; }
div.mediaplayer .mejs-container .mejs-controls .mejs-time-rail .mejs-time-total:hover .mejs-time-float { visibility: visible; }
div.mediaplayer .mejs-container .mejs-controls .mejs-time-rail .mejs-time-loaded { background: #fff; border: 0; height: 3px; width: 0; }
div.mediaplayer .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current { background: #3e2f25; margin: -1px 0 0 -1px; width: 0; }
div.mediaplayer .mejs-container .mejs-controls .mejs-time-rail .mejs-time-handle { background: #fff; border: 2px solid #333; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; display: none; margin: 0; position: absolute; text-align: center; top: -2px; width: 10px; }
div.mediaplayer .mejs-container .mejs-controls .mejs-time-rail .mejs-time-float { background: #fff; border: solid 1px #c5c0bd; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #868a8c; display: block; font-size: 11px; height: 17px; line-height: 11px; margin-left: -18px; position: absolute; text-align: center; top: -25px; visibility: hidden; width: 36px; }
div.mediaplayer .mejs-container .mejs-controls .mejs-time-rail .mejs-time-float-current { margin: 2px; display: block; left: 0; text-align: center; width: 30px; }
div.mediaplayer .mejs-container .mejs-controls .mejs-time-rail .mejs-time-float-corner { border: 5px solid #fff; border-color: #fff transparent transparent transparent; display: block; height: 0; left: 13px; line-height: 0; position: absolute; top: 17px; width: 0; }
div.mediaplayer .mejs-container .mejs-controls .mejs-playpause-button { background: transparent; border: none; margin: 0 10px; width: 25px; }
div.mediaplayer .mejs-container .mejs-controls .mejs-playpause-button.mejs-play button, div.mediaplayer .mejs-container .mejs-controls .mejs-playpause-button.mejs-pause button { height: 25px; margin: 0; width: 25px; }
div.mediaplayer .mejs-container .mejs-controls .mejs-playpause-button.mejs-play button { background-position: 0 0; }
div.mediaplayer .mejs-container .mejs-controls .mejs-playpause-button.mejs-pause button { background-position: 0 -50px; }
div.mediaplayer .mejs-container .mejs-controls .mejs-fullscreen-button button { background-position: 0 -180px; }
div.mediaplayer .mejs-container .mejs-controls .mejs-unfullscreen button { background-position: 0 -220px; }
div.mediaplayer .mejs-container .mejs-controls .mejs-mute button { background-position: 0 -420px; }
div.mediaplayer .mejs-container .mejs-controls .mejs-unmute button { background-position: 0 -460px; }
div.mediaplayer .mejs-container .mejs-controls .mejs-volume-button { position: relative; width: 24px; }
div.mediaplayer .mejs-container .mejs-controls .mejs-volume-button button { width: 23px; }
div.mediaplayer .mejs-container .mejs-controls .mejs-volume-slider { background: url("/ds/lib/ext/mediaelement/img/background.png"); background: rgba(50, 50, 50, 0.7); display: none; height: 115px; left: 0; margin: 0; position: absolute; top: -115px; width: 25px; z-index: 1; }
div.mediaplayer .mejs-container .mejs-controls .mejs-volume-slider .mejs-volume-total { background: #ddd; background: rgba(255, 255, 255, 0.5); height: 100px; left: 11px; margin: 0; position: absolute; top: 8px; width: 2px; }
div.mediaplayer .mejs-container .mejs-controls .mejs-volume-slider .mejs-volume-current { background: #ddd; background: rgba(255, 255, 255, 0.9); height: 100px; left: 11px; margin: 0; position: absolute; top: 8px; width: 2px; }
div.mediaplayer .mejs-container .mejs-controls .mejs-volume-slider .mejs-volume-handle { background: #ddd; background: rgba(255, 255, 255, 0.9); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; cursor: n-resize; height: 6px; left: 4px; margin: 0; position: absolute; top: -3px; width: 16px; }
div.mediaplayer .mejs-container .mejs-controls .mejs-volume-slider .mejs-volume-handle:focus { background: rgba(0, 0, 0, 0.9); }
div.mediaplayer .mejs-container .mejs-controls .mejs-horizontal-volume-slider { border-right: 1px solid #cfc8c2; cursor: pointer; height: 23px; position: relative; width: 44px; }
div.mediaplayer .mejs-container .mejs-controls .mejs-horizontal-volume-slider div { border: none; }
div.mediaplayer .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { background-image: url("/ds/lib/ext/mediaelement/img/img-mediaplayer.png"); background-position: 0 -500px; background-repeat: no-repeat; font-size: 1px; height: 13px; left: 0; margin: 0; padding: 0; position: absolute; top: 5px; width: 35px; }
div.mediaplayer .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total.mejs-volumebar-0 { background-position: 0 -500px; }
div.mediaplayer .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total.mejs-volumebar-1 { background-position: 0 -538px; }
div.mediaplayer .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total.mejs-volumebar-2 { background-position: 0 -576px; }
div.mediaplayer .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total.mejs-volumebar-3 { background-position: 0 -614px; }
div.mediaplayer .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total.mejs-volumebar-4 { background-position: 0 -652px; }
div.mediaplayer .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total.mejs-volumebar-5 { background-position: 0 -690px; }
div.mediaplayer .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total.mejs-volumebar-6 { background-position: 0 -728px; }
div.mediaplayer .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total.mejs-volumebar-7 { background-position: 0 -766px; }
div.mediaplayer .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { background: transparent; font-size: 1px; height: 13px; left: 0; margin: 0; padding: 0; position: absolute; top: 5px; width: 45px; }
div.mediaplayer .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { display: none; }
div.mediaplayer .mejs-container .mejs-controls .mejs-videodesc-off button { background-position: 0 -340px; }
div.mediaplayer .mejs-container .mejs-controls .mejs-videodesc-on button { background-position: 0 -380px; }
div.mediaplayer .mejs-container .mejs-controls .mejs-audiodesc-off button { background-position: 0 -260px; }
div.mediaplayer .mejs-container .mejs-controls .mejs-audiodesc-on button { background-position: 0 -300px; }
div.mediaplayer .mejs-container .mejs-controls .mejs-captions-button { position: relative; width: 24px; }
div.mediaplayer .mejs-container .mejs-controls .mejs-captions-button button { background-position: 0 -100px; width: 24px; }
div.mediaplayer .mejs-container .mejs-controls .mejs-captions-button.mejs-captions-active button { background-position: 0 -140px; }
div.mediaplayer .mejs-container .mejs-controls .mejs-captions-button .mejs-captions-selector, div.mediaplayer .mejs-container .mejs-controls .mejs-audiodesc-button .mejs-audiodesc-selector { background: #fff; border: solid 1px #c5c0bd; bottom: 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #868a8c; height: 100px; overflow: hidden; padding: 10px; position: absolute; visibility: hidden; width: 70px; }
div.mediaplayer .mejs-container .mejs-controls .mejs-captions-button .mejs-captions-selector ul, div.mediaplayer .mejs-container .mejs-controls .mejs-audiodesc-button .mejs-audiodesc-selector ul { display: block; list-style-type: none !important; margin: 0; overflow: hidden; padding: 0; }
div.mediaplayer .mejs-container .mejs-controls .mejs-captions-button .mejs-captions-selector ul li, div.mediaplayer .mejs-container .mejs-controls .mejs-audiodesc-button .mejs-audiodesc-selector ul li { color: #868a8c; display: block; list-style-type: none !important; margin: 0 0 6px 0; overflow: hidden; padding: 0; }
div.mediaplayer .mejs-container .mejs-controls .mejs-captions-button .mejs-captions-selector ul li input, div.mediaplayer .mejs-container .mejs-controls .mejs-audiodesc-button .mejs-audiodesc-selector ul li input { clear: both; float: left; margin: 3px 3px 0px 5px; }
div.mediaplayer .mejs-container .mejs-controls .mejs-captions-button .mejs-captions-selector ul li label, div.mediaplayer .mejs-container .mejs-controls .mejs-audiodesc-button .mejs-audiodesc-selector ul li label { cursor: pointer; float: left; font-family: helvetica,arial,sans-serif; font-size: 10px; line-height: 15px; padding: 4px 0 0 0; }
div.mediaplayer .mejs-container .mejs-controls .mejs-captions-button .mejs-captions-selector { right: 85px; }
div.mediaplayer .mejs-container .mejs-controls .mejs-audiodesc-button .mejs-audiodesc-selector { right: 85px; }
div.mediaplayer .mejs-container .mejs-controls .mejs-loop-off button { background-position: -64px -16px; }
div.mediaplayer .mejs-container .mejs-controls .mejs-loop-on button { background-position: -64px 0; }
div.mediaplayer .mejs-container .mejs-controls .mejs-backlight-off button { background-position: -80px -16px; }
div.mediaplayer .mejs-container .mejs-controls .mejs-backlight-on button { background-position: -80px 0; }
div.mediaplayer .mejs-container .mejs-controls .mejs-controls .mejs-picturecontrols-button { background-position: -96px 0; }
div.mediaplayer .mejs-container .mejs-container-fullscreen video { bottom: 0; left: 0; overflow: hidden; position: fixed; right: 0; top: 0; z-index: 1000; }
div.mediaplayer .mejs-container .mejs-container-fullscreen video.mejs-mediaelement, div.mediaplayer .mejs-container .mejs-container-fullscreen video video { height: 100%; width: 100%; }
div.mediaplayer .mejs-container .mejs-chapters { left: 0; position: absolute; top: 0; width: 10000px; }
div.mediaplayer .mejs-container .mejs-chapters .mejs-chapter { float: left; background: #222; background: rgba(0, 0, 0, 0.7); background: -webkit-gradient(linear, left top, left bottom, from(rgba(50, 50, 50, 0.7)), to(rgba(0, 0, 0, 0.7))); background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); border: 0; overflow: hidden; position: absolute; }
div.mediaplayer .mejs-container .mejs-chapters .mejs-chapter .mejs-chapter-block { border-right: solid 1px #333; border-bottom: solid 1px #333; color: #fff; cursor: pointer; display: block; font-size: 11px; padding: 5px; }
div.mediaplayer .mejs-container .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title { display: block; font-size: 12px; font-weight: bold; line-height: 12px; margin: 0 0 3px 0; text-overflow: ellipsis; white-space: nowrap; }
div.mediaplayer .mejs-container .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan { display: block; font-size: 12px; line-height: 12px; margin: 3px 0 4px 0; text-overflow: ellipsis; white-space: nowrap; }
div.mediaplayer .mejs-container .mejs-chapters .mejs-chapter .mejs-chapter-block-last { border-right: none; }
div.mediaplayer .mejs-container .mejs-chapters .mejs-chapter .mejs-chapter-block-last:hover { background: #666; background: rgba(102, 102, 102, 0.7); background: -webkit-gradient(linear, left top, left bottom, from(rgba(102, 102, 102, 0.7)), to(rgba(50, 50, 50, 0.6))); background: -moz-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); }
div.mediaplayer .mejs-container .mejs-captions-layer { bottom: 0; color: #fff; font-size: .8em; left: 0; line-height: 22px; position: absolute; text-align: center; }
div.mediaplayer .mejs-container .mejs-captions-layer a { color: #fff; text-decoration: underline; }
div.mediaplayer .mejs-container .mejs-captions-layer[lang=ar] { font-size: 20px; font-weight: normal; }
div.mediaplayer .mejs-container .mejs-captions-position { bottom: 45px; left: 0; position: absolute; width: 100%; }
div.mediaplayer .mejs-container .mejs-captions-position-hover { bottom: 45px; }
div.mediaplayer .mejs-container .mejs-captions-text { background: url("/ds/lib/ext/mediaelement/img/background.png"); background: rgba(20, 20, 20, 0.8); font-size: 2.2em; line-height: 160%; padding: 3px 5px; }
div.mediaplayer .mejs-container .me-cannotplay { color: #fff; font-weight: bold; padding: 15px; }
div.mediaplayer .mejs-container .me-cannotplay a { color: #fff; display: inline-block; font-weight: bold; }
div.mediaplayer .mejs-container .me-cannotplay span { display: block; }
div.mediaplayer .mejs-container .mejs-contextmenu { background: #fff; border: solid 1px #999; border-radius: 4px; left: 0; padding: 10px; position: absolute; top: 0; width: 150px; z-index: 1001; }
div.mediaplayer .mejs-container .mejs-contextmenu .mejs-contextmenu-separator { background: #333; font-size: 0; height: 1px; margin: 5px 6px; }
div.mediaplayer .mejs-container .mejs-contextmenu .mejs-contextmenu-item { color: #333; cursor: pointer; font-family: helvetica,arial,sans-serif; font-size: 12px; padding: 4px 6px; }
div.mediaplayer .mejs-container .mejs-contextmenu .mejs-contextmenu-item:hover { background: #2C7C91; color: #fff; }
div.mediaplayer .mejs-container .mejs-clear { clear: both; }
div.mediaplayer .mejs-container.ishidden, div.mediaplayer .mejs-container.isvisible { position: absolute; top: 0; z-index: 50000; }
div.mediaplayer .mejs-container.ishidden .mejs-overlay-play, div.mediaplayer .mejs-container.ishidden .isvisible .mejs-overlay-play { visibility: hidden !important; }
div.mediaplayer .mejs-container.isvisible .mejs-overlay-loading { background: #fff; background: rgba(255, 255, 255, 0.8); height: 100%; left: 0; margin: 0; position: absolute; top: 0; width: 100%; }
div.mediaplayer .mejs-container.isvisible .mejs-overlay-loading span { background: none; }
div.mediaplayer.audio .mejs-container { background: transparent; }
div.mediaplayer.audio .mejs-container .mejs-controls { margin: 0; }
div.mediaplayer.audio .mejs-container .mejs-controls .mejs-playpause-button { margin-left: 0; }
div.mediaplayer.audio ol.chapters li { cursor: pointer; list-style: none; }
div.mediaplayer.audio ol.chapters li.active { font-weight: bold; }
div.mediaplayer.audio p.error { color: #E31519; font-weight: bold; margin: 10px 0 0; }

.mejs-container { position: relative; background: #000; font-family: Helvetica, Arial; text-align: left; vertical-align: top; }

.me-plugin { position: absolute; }

.mejs-embed, .mejs-embed body { width: 100%; height: 100%; margin: 0; padding: 0; background: #000; overflow: hidden; }

.mejs-container-fullscreen { position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: 1000; }
.mejs-container-fullscreen .mejs-captions-text { font-size: 3.2em; }

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

.mejs-container-fullscreen { z-index: 50000 !important; }

.mejs-contextmenu { z-index: 50001 !important; }

body.videofullscreen .mejs-container-fullscreen { background: #000; }