.mejs-mejskin.mejs-container {
    position       : relative;
    min-width      : 150px;
    background     : none;
    font-family    : sans-serif;
    text-align     : left;
    vertical-align : top;
    }

.me-plugin {
    position : absolute;
    }

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

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

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

/* Start: LAYERS */
.mejs-mejskin .mejs-background {
    position : absolute;
    top      : 0;
    left     : 0;
    }

.mejs-mejskin .mejs-mediaelement {
    position : absolute;
    top      : 0;
    left     : 0;
    width    : 100%;
    height   : 100%;
    }

.mejs-mejskin .mejs-poster {
    position : absolute;
    top      : 0;
    left     : 0;
    overflow : hidden;
    }

.mejs-mejskin .mejs-poster img {
    border  : 0;
    padding : 0;
    border  : 0;
    display : block;
    width   : auto;
    height  : 100%;
    }

.mejs-mejskin .mejs-overlay {
    position : absolute;
    top      : 0;
    left     : 0;
    }

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

.mejs-mejskin .mejs-overlay-button {
    position   : absolute;
    top        : 50%;
    left       : 50%;
    width      : 100px;
    height     : 100px;
    margin     : -50px 0 0 -50px;
    background : url(bigplay.png) no-repeat;
    }

.mejs-mejskin .mejs-overlay:hover .mejs-overlay-button {
    background-position : 0 -100px;
    }

.mejs-mejskin .mejs-overlay-loading {
    position : absolute;
    top      : 50%;
    left     : 50%;
    width    : 80px;
    height   : 80px;
    margin   : -40px 0 0 -40px;
    }

.mejs-mejskin .mejs-overlay-loading span {
    display       : block;
    width         : 80px;
    height        : 80px;
    background    : #3A3C3D url(loading.gif) 50% 50% no-repeat;
    border-radius : 40px;
    }

/* End: LAYERS */

/* Start: CONTROL BAR */
.mejs-mejskin.mejs-container .mejs-controls {
    position   : absolute;
    margin     : 0;
    padding    : 0;
    bottom     : 0;
    left       : 0;
    height     : 30px;
    width      : 100%;
    background : #3A3C3D url(background.png);
    background : -webkit-linear-gradient(#4A4C4D, #2B2D2D);
    background : -moz-linear-gradient(#4A4C4D, #2B2D2D);
    background : -o-linear-gradient(#4A4C4D, #2B2D2D);
    background : -ms-linear-gradient(#4A4C4D, #2B2D2D);
    background : linear-gradient(#4A4C4D, #2B2D2D);
    list-style : none;
    }

.mejs-mejskin.mejs-audio .mejs-controls {
    border-radius : 3px;
    }

.mejs-mejskin.mejs-container .mejs-controls div {
    list-style-type : none;
    display         : block;
    float           : left;
    margin          : 0;
    padding         : 0;
    width           : 32px;
    height          : 30px;
    font-size       : 11px;
    line-height     : 11px;
    font-family     : sans-serif;
    background      : url(sep.png) left no-repeat;
    border          : 0;
    }

.mejs-mejskin .mejs-controls .mejs-button button {
    cursor          : pointer;
    display         : block;
    font-size       : 0;
    line-height     : 0;
    text-decoration : none;
    margin          : 7px 7px 0 9px;
    padding         : 0;
    position        : absolute;
    height          : 16px;
    width           : 16px;
    border          : 0;
    background      : transparent url(controls.png) no-repeat;
    }

/* :focus for accessibility */
.mejs-mejskin .mejs-controls .mejs-button button:focus {
    outline : solid 1px yellow;
    }

/* End: CONTROL BAR */

/* Start: Time (current / duration) */
.mejs-mejskin.mejs-container .mejs-controls .mejs-time {
    color              : #FFFFFF;
    display            : block;
    height             : 17px;
    width              : auto;
    padding            : 8px 8px 5px 10px;
    overflow           : hidden;
    text-align         : center;
    box-sizing         : content-box;
    -moz-box-sizing    : content-box;
    -webkit-box-sizing : content-box;
    }

.mejs-mejskin.mejs-container .mejs-controls .mejs-time span {
    font-size   : 11px;
    color       : #FFFFFF;
    line-height : 12px;
    display     : block;
    float       : left;
    width       : auto;
    }

/* End: Time (current / duration) */

/* Start: Play/pause */
.mejs-mejskin.mejs-container .mejs-controls .mejs-playpause-button {
    cursor     : pointer;
    background : none;
    width      : 30px;
    }

.mejs-mejskin .mejs-controls .mejs-playpause-button button {
    margin : 7px 8px;
    }

.mejs-mejskin .mejs-controls .mejs-play button {
    background-position : 0 0;
    }

.mejs-mejskin .mejs-controls .mejs-play:hover button {
    background-position : 0 -32px;
    }

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

.mejs-mejskin .mejs-controls .mejs-pause:hover button {
    background-position : 0 -48px;
    }

/* End: Play/pause */

/* Stop */
.mejs-mejskin .mejs-controls .mejs-stop button {
    background-position : -112px 0;
    }

.mejs-mejskin .mejs-controls .mejs-stop:hover button {
    background-position : -112px -32px;
    }

/* End: Play/pause */

/* Start: Progress bar */
.mejs-mejskin .mejs-controls div.mejs-time-rail {
    width : 200px;
    }

.mejs-mejskin .mejs-controls .mejs-time-rail span {
    display       : block;
    position      : absolute;
    width         : 180px;
    height        : 5px;
    cursor        : pointer;
    border-radius : 0;
    }

.mejs-mejskin .mejs-controls .mejs-time-rail .mejs-time-total {
    padding       : 1px;
    margin        : 11px 8px 0 10px;
    background    : #262929;
    border-bottom : #3D3F40 1px solid;
    box-shadow    : inset 1px 1px rgba(0, 0, 0, .4);
    }

.mejs-mejskin .mejs-controls .mejs-time-rail .mejs-time-buffering {
    width                   : 100%;
    background              : #464849;
    background-image        : -webkit-linear-gradient(-45deg, #464849 25%, #262929 25%, #262929 50%, #464849 50%, #464849 75%, #262929 75%, #262929);
    background-image        : -moz-linear-gradient(-45deg, #464849 25%, #262929 25%, #262929 50%, #464849 50%, #464849 75%, #262929 75%, #262929);
    background-image        : -o-linear-gradient(-45deg, #464849 25%, #262929 25%, #262929 50%, #464849 50%, #464849 75%, #262929 75%, #262929);
    background-image        : -ms-linear-gradient(-45deg, #464849 25%, #262929 25%, #262929 50%, #464849 50%, #464849 75%, #262929 75%, #262929);
    background-image        : linear-gradient(-45deg, #464849 25%, #262929 25%, #262929 50%, #464849 50%, #464849 75%, #262929 75%, #262929);
    -moz-background-size    : 6px 6px;
    background-size         : 6px 5px;
    -webkit-background-size : 6px 5px;
    -webkit-animation       : buffering-stripes 2s linear infinite;
    -moz-animation          : buffering-stripes 2s linear infinite;
    -ms-animation           : buffering-stripes 2s linear infinite;
    -o-animation            : buffering-stripes 2s linear infinite;
    animation               : buffering-stripes 2s linear infinite;
    z-index                 : 1;
    }

@-webkit-keyframes buffering-stripes {
    from {
        background-position : 0 0;
        }
    to {
        background-position : 30px 0;
        }
    }

@-moz-keyframes buffering-stripes {
    from {
        background-position : 0 0;
        }
    to {
        background-position : 30px 0;
        }
    }

@-ms-keyframes buffering-stripes {
    from {
        background-position : 0 0;
        }
    to {
        background-position : 30px 0;
        }
    }

@-o-keyframes buffering-stripes {
    from {
        background-position : 0 0;
        }
    to {
        background-position : 30px 0;
        }
    }

@keyframes buffering-stripes {
    from {
        background-position : 0 0;
        }
    to {
        background-position : 30px 0;
        }
    }

.mejs-mejskin .mejs-controls .mejs-time-rail .mejs-time-loaded {
    background : #464849;
    width      : 0;
    }

.mejs-mejskin .mejs-controls .mejs-time-rail .mejs-time-current {
    width                   : 0;
    background              : #FEEA36;
    background-image        : -webkit-linear-gradient(-45deg, #FEEA36 25%, #FDD500 25%, #FDD500 50%, #FEEA36 50%, #FEEA36 75%, #FDD500 75%, #FDD500);
    background-image        : -moz-linear-gradient(-45deg, #FEEA36 25%, #FDD500 25%, #FDD500 50%, #FEEA36 50%, #FEEA36 75%, #FDD500 75%, #FDD500);
    background-image        : -o-linear-gradient(-45deg, #FEEA36 25%, #FDD500 25%, #FDD500 50%, #FEEA36 50%, #FEEA36 75%, #FDD500 75%, #FDD500);
    background-image        : -ms-linear-gradient(-45deg, #FEEA36 25%, #FDD500 25%, #FDD500 50%, #FEEA36 50%, #FEEA36 75%, #FDD500 75%, #FDD500);
    background-image        : linear-gradient(-45deg, #FEEA36 25%, #FDD500 25%, #FDD500 50%, #FEEA36 50%, #FEEA36 75%, #FDD500 75%, #FDD500);
    -moz-background-size    : 6px 6px;
    background-size         : 6px 6px;
    -webkit-background-size : 6px 5px;
    z-index                 : 1;
    }

.mejs-mejskin .mejs-controls .mejs-time-rail .mejs-time-handle {
    display    : none;
    position   : absolute;
    margin     : 0;
    width      : 5px;
    background : transparent;
    cursor     : pointer;
    top        : 1px;
    z-index    : 1;
    text-align : center;
    }

.mejs-mejskin .mejs-controls .mejs-time-rail .mejs-time-float {
    position      : absolute;
    display       : none;
    background    : #C2C8CF;
    background    : -webkit-linear-gradient(#E3E6E9, #C2C8CF);
    background    : -moz-linear-gradient(#E3E6E9, #C2C8CF);
    background    : -o-linear-gradient(#E3E6E9, #C2C8CF);
    background    : -ms-linear-gradient(#E3E6E9, #C2C8CF);
    background    : linear-gradient(#E3E6E9, #C2C8CF);
    width         : 36px;
    height        : 17px;
    border-radius : 4px;
    box-shadow    : 0 1px 1px rgba(0, 0, 0, .4);
    top           : -26px;
    margin-left   : -18px;
    text-align    : center;
    color         : #111111;
    }

.mejs-mejskin .mejs-controls .mejs-time-rail .mejs-time-float-current {
    margin     : 3px;
    width      : 30px;
    display    : block;
    text-align : center;
    left       : 0;
    }

.mejs-mejskin .mejs-controls .mejs-time-rail .mejs-time-float-corner {
    position              : absolute;
    display               : block;
    width                 : 0;
    height                : 0;
    line-height           : 0;
    border                : solid 4px #C2C8CF;
    border-color          : #C2C8CF transparent transparent transparent;
    -webkit-border-radius : 0;
    -moz-border-radius    : 0;
    border-radius         : 0;
    top                   : 17px;
    left                  : 13px;

    }

/*
.mejs-controls .mejs-time-rail:hover .mejs-time-handle {
	visibility:visible;
}
*/
/* End: Progress bar */

/* Start: Fullscreen */
.mejs-mejskin .mejs-controls .mejs-fullscreen-button button {
    background-position : -32px 0;
    }

.mejs-mejskin .mejs-controls .mejs-unfullscreen button {
    background-position : -32px -16px;
    }

/* End: Fullscreen */

/* Start: Mute/Volume */
.mejs-mejskin .mejs-controls .mejs-volume-button {
    }

.mejs-mejskin .mejs-controls .mejs-mute button {
    background-position : -16px -16px;
    }

.mejs-mejskin .mejs-controls .mejs-mute button:hover {
    background-position : -16px -48px;
    }

.mejs-mejskin .mejs-controls .mejs-unmute button {
    background-position : -16px 0;
    }

.mejs-mejskin .mejs-controls .mejs-unmute button:hover {
    background-position : -16px -32px;
    }

.mejs-mejskin .mejs-controls .mejs-volume-button {
    position : relative;
    }

.mejs-mejskin .mejs-controls .mejs-volume-button .mejs-volume-slider {
    display               : none;
    height                : 68px;
    width                 : 31px;
    background            : #3A3C3D;
    -webkit-border-radius : 0;
    -moz-border-radius    : 0;
    border-radius         : 0;
    top                   : -68px;
    left                  : 1px;
    z-index               : 1;
    position              : absolute;
    margin                : 0;
    }

.mejs-mejskin .mejs-controls .mejs-volume-button:hover {
    -webkit-border-radius : 0 0 4px 4px;
    -moz-border-radius    : 0 0 4px 4px;
    border-radius         : 0 0 4px 4px;
    }

/*
.mejs-controls .mejs-volume-button:hover .mejs-volume-slider {
	display: block;
}
*/

.mejs-mejskin .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
    position      : absolute;
    left          : 13px;
    top           : 8px;
    width         : 5px;
    height        : 50px;
    background    : #262929;
    border-bottom : #3D3F40 1px solid;
    box-shadow    : inset 1px 1px rgba(0, 0, 0, .4);
    margin        : 0;
    padding       : 1px;
    }

.mejs-mejskin .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
    position                : absolute;
    left                    : 13px;
    top                     : 8px;
    width                   : 5px;
    height                  : 50px;
    background              : #FEEA36;
    background-image        : -webkit-linear-gradient(-45deg, #FEEA36 25%, #FDD500 25%, #FDD500 50%, #FEEA36 50%, #FEEA36 75%, #FDD500 75%, #FDD500);
    background-image        : -moz-linear-gradient(-45deg, #FEEA36 25%, #FDD500 25%, #FDD500 50%, #FEEA36 50%, #FEEA36 75%, #FDD500 75%, #FDD500);
    background-image        : -o-linear-gradient(-45deg, #FEEA36 25%, #FDD500 25%, #FDD500 50%, #FEEA36 50%, #FEEA36 75%, #FDD500 75%, #FDD500);
    background-image        : -ms-linear-gradient(-45deg, #FEEA36 25%, #FDD500 25%, #FDD500 50%, #FEEA36 50%, #FEEA36 75%, #FDD500 75%, #FDD500);
    background-image        : linear-gradient(-45deg, #FEEA36 25%, #FDD500 25%, #FDD500 50%, #FEEA36 50%, #FEEA36 75%, #FDD500 75%, #FDD500);
    -moz-background-size    : 6px 6px;
    background-size         : 6px 6px;
    -webkit-background-size : 6px 5px;
    background-position     : bottom;
    margin                  : 1px;
    }

.mejs-mejskin .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
    position   : absolute;
    left       : 14px;
    top        : 16px;
    width      : 5px;
    height     : 5px;
    background : transparent;
    margin     : 0;
    }

/* horizontal version */

.mejs-mejskin .mejs-controls div.mejs-horizontal-volume-slider {
    height     : 26px;
    width      : 62px;
    position   : relative;
    background : none;
    }

.mejs-mejskin .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
    position      : absolute;
    left          : 0;
    top           : 11px;
    width         : 50px;
    height        : 5px;
    margin        : 0;
    padding       : 1px;
    font-size     : 1px;
    background    : #262929;
    border-bottom : #3D3F40 1px solid;
    box-shadow    : inset 1px 1px rgba(0, 0, 0, .4);
    border-radius : 0;

    }

.mejs-mejskin .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    position                : absolute;
    left                    : 0;
    top                     : 11px;
    width                   : 50px;
    height                  : 5px;
    margin                  : 1px;
    padding                 : 0;
    font-size               : 1px;
    border-radius           : 0;

    background              : #FEEA36;
    background-image        : -webkit-linear-gradient(-45deg, #FEEA36 25%, #FDD500 25%, #FDD500 50%, #FEEA36 50%, #FEEA36 75%, #FDD500 75%, #FDD500);
    background-image        : -moz-linear-gradient(-45deg, #FEEA36 25%, #FDD500 25%, #FDD500 50%, #FEEA36 50%, #FEEA36 75%, #FDD500 75%, #FDD500);
    background-image        : -o-linear-gradient(-45deg, #FEEA36 25%, #FDD500 25%, #FDD500 50%, #FEEA36 50%, #FEEA36 75%, #FDD500 75%, #FDD500);
    background-image        : -ms-linear-gradient(-45deg, #FEEA36 25%, #FDD500 25%, #FDD500 50%, #FEEA36 50%, #FEEA36 75%, #FDD500 75%, #FDD500);
    background-image        : linear-gradient(-45deg, #FEEA36 25%, #FDD500 25%, #FDD500 50%, #FEEA36 50%, #FEEA36 75%, #FDD500 75%, #FDD500);
    -moz-background-size    : 6px 6px;
    background-size         : 6px 6px;
    -webkit-background-size : 6px 5px;

    }

.mejs-mejskin .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
    display : none;
    }

/* End: Mute/Volume */

/* Start: TRACK (Captions and Chapters) */
.mejs-mejskin .mejs-controls .mejs-captions-button {
    position : relative;
    }

.mejs-mejskin .mejs-controls .mejs-captions-button button {
    background-position : -48px 0;
    }

.mejs-mejskin .mejs-controls .mejs-captions-button:hover button {
    background-position : -48px -32px;
    }

.mejs-mejskin .mejs-controls .mejs-captions-button .mejs-captions-selector {
    visibility            : hidden;
    position              : absolute;
    bottom                : 30px;
    right                 : -10px;
    width                 : 130px;
    height                : 100px;
    background            : #3A3C3D;
    border                : solid 1px transparent;
    padding               : 10px;
    overflow              : hidden;
    -webkit-border-radius : 0;
    -moz-border-radius    : 0;
    border-radius         : 0;
    }

/*
.mejs-controls .mejs-captions-button:hover  .mejs-captions-selector {
	visibility: visible;
}
*/

.mejs-mejskin .mejs-controls .mejs-captions-button .mejs-captions-selector ul {
    margin          : 0;
    padding         : 0;
    display         : block;
    list-style-type : none !important;
    overflow        : hidden;
    }

.mejs-mejskin .mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
    margin          : 0 0 6px 0;
    padding         : 0;
    list-style-type : none !important;
    display         : block;
    color           : #FFFFFF;
    overflow        : hidden;
    }

.mejs-mejskin .mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
    clear  : both;
    float  : left;
    margin : 3px 3px 0 5px;
    }

.mejs-mejskin .mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
    width       : 100px;
    float       : left;
    padding     : 4px 0 0 0;
    line-height : 15px;
    font-family : sans-serif;
    font-size   : 10px;
    }

.mejs-mejskin .mejs-controls .mejs-captions-button .mejs-captions-translations {
    font-size : 10px;
    margin    : 0 0 5px 0;
    }

.mejs-mejskin .mejs-chapters {
    position       : absolute;
    top            : 0;
    left           : 0;
    -xborder-right : solid 1px #FFFFFF;
    width          : 10000px;
    z-index        : 1;
    }

.mejs-mejskin .mejs-chapters .mejs-chapter {
    position   : absolute;
    float      : left;
    background : #3A3C3D;
    background : rgba(58, 60, 61, 0.7);
    background : -webkit-linear-gradient(top, rgba(74, 76, 77, 0.7), rgba(0, 0, 0, 0.7));
    background : -moz-linear-gradient(top, rgba(74, 76, 77, 0.7), rgba(0, 0, 0, 0.7));
    background : -o-linear-gradient(top, rgba(74, 76, 77, 0.7), rgba(0, 0, 0, 0.7));
    background : -ms-linear-gradient(top, rgba(74, 76, 77, 0.7), rgba(0, 0, 0, 0.7));
    background : linear-gradient(top, rgba(74, 76, 77, 0.7), rgba(0, 0, 0, 0.7));
    overflow   : hidden;
    border     : 0;
    }

.mejs-mejskin .mejs-chapters .mejs-chapter .mejs-chapter-block {
    font-size     : 11px;
    color         : #FFFFFF;
    padding       : 5px;
    display       : block;
    border-right  : solid 1px #313335;
    border-right  : solid 1px rgba(49, 51, 53, .7);
    border-bottom : solid 1px #313335;
    border-bottom : solid 1px rgba(49, 51, 53, .7);
    cursor        : pointer;
    }

.mejs-mejskin .mejs-chapters .mejs-chapter .mejs-chapter-block-last {
    border-right : none;
    }

.mejs-mejskin .mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
    background : #333333;
    background : rgba(102, 102, 102, 0.7);
    background : -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(102, 102, 102, 0.7)), to(rgba(50, 50, 50, 0.6)));
    background : -webkit-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
    background : -moz-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
    background : -o-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
    background : -ms-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
    background : linear-gradient(rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
    }

.mejs-mejskin .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {
    font-size     : 12px;
    font-weight   : bold;
    display       : block;
    white-space   : nowrap;
    text-overflow : ellipsis;
    margin        : 0 0 3px 0;
    line-height   : 12px;
    }

.mejs-mejskin .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {
    font-size     : 12px;
    line-height   : 12px;
    margin        : 3px 0 4px 0;
    display       : block;
    white-space   : nowrap;
    text-overflow : ellipsis;
    }

.mejs-mejskin .mejs-captions-layer {
    position    : absolute;
    bottom      : 0;
    left        : 0;
    text-align  : center;
    /*font-weight: bold;*/
    line-height : 22px;
    font-size   : 12px;
    color       : #FFFFFF;
    }

.mejs-mejskin .mejs-captions-layer a {
    color           : #FFFFFF;
    text-decoration : underline;
    }

.mejs-mejskin .mejs-captions-layer[lang=ar] {
    font-size   : 20px;
    font-weight : normal;
    }

.mejs-mejskin .mejs-captions-position {
    position : absolute;
    width    : 100%;
    bottom   : 15px;
    left     : 0;
    }

.mejs-mejskin .mejs-captions-position-hover {
    bottom : 45px;
    }

.mejs-mejskin .mejs-captions-text {
    padding       : 5px 7px;
    background    : #3A3C3D;
    background    : rgba(58, 60, 61, 0.8);
    border-radius : 4px;

    }

/* End: TRACK (Captions and Chapters) */

.mejs-mejskin .mejs-clear {
    clear : both;
    }

/* Start: ERROR */
.me-cannotplay {
    }

.me-cannotplay a {
    color       : #FFFFFF;
    font-weight : bold;
    }

.me-cannotplay span {
    padding : 15px;
    display : block;
    }

/* End: ERROR */

/* Start: Loop */
.mejs-mejskin .mejs-controls .mejs-loop-off button {
    background-position : -64px -16px;
    }

.mejs-mejskin .mejs-controls .mejs-loop-off:hover button {
    background-position : -64px -48px;
    }

.mejs-mejskin .mejs-controls .mejs-loop-on button {
    background-position : -64px 0;
    }

.mejs-mejskin .mejs-controls .mejs-loop-on:hover button {
    background-position : -64px -32px;
    }

/* End: Loop */

/* Start: backlight */
.mejs-mejskin .mejs-controls .mejs-backlight-off button {
    background-position : -80px -16px;
    }

.mejs-mejskin .mejs-controls .mejs-backlight-off:hover button {
    background-position : -80px -48px;
    }

.mejs-mejskin .mejs-controls .mejs-backlight-on button {
    background-position : -80px 0;
    }

.mejs-mejskin .mejs-controls .mejs-backlight-on:hover button {
    background-position : -80px -32px;
    }

/* End: backlight */

/* Start: picture controls */
.mejs-mejskin .mejs-controls .mejs-picturecontrols-button {
    background-position : -96px 0;
    }

.mejs-mejskin .mejs-controls .mejs-picturecontrols-button:hover {
    background-position : -96px -32px;
    }

/* End: picture controls */

/* context menu */
.mejs-mejskin .mejs-contextmenu {
    position      : absolute;
    width         : 150px;
    padding       : 10px;
    border-radius : 4px;
    top           : 0;
    left          : 0;
    background    : #FFFFFF;
    border        : solid 1px #999999;
    z-index       : 1001; /* make sure it shows on fullscreen */
    }

.mejs-mejskin .mejs-contextmenu .mejs-contextmenu-separator {
    height     : 1px;
    font-size  : 0;
    margin     : 5px 6px;
    background : #333333;
    }

.mejs-mejskin .mejs-contextmenu .mejs-contextmenu-item {
    font-family : sans-serif;
    font-size   : 12px;
    padding     : 4px 6px;
    cursor      : pointer;
    color       : #333333;
    }

.mejs-mejskin .mejs-contextmenu .mejs-contextmenu-item:hover {
    background : #2C7C91;
    color      : #FFFFFF;
    }

/* Start: SourceChooser */
.mejs-mejskin .mejs-controls .mejs-sourcechooser-button {
    position : relative;
    }

.mejs-mejskin .mejs-controls .mejs-sourcechooser-button button {
    background-position : -128px 0;
    }

.mejs-mejskin .mejs-controls .mejs-sourcechooser-button button {
    background-position : -128px -32px;
    }

.mejs-mejskin .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
    visibility            : hidden;
    position              : absolute;
    bottom                : 26px;
    right                 : -10px;
    width                 : 130px;
    height                : 100px;
    background            : #3A3C3D;
    border                : solid 1px transparent;
    padding               : 10px;
    overflow              : hidden;
    -webkit-border-radius : 0;
    -moz-border-radius    : 0;
    border-radius         : 0;
    }

.mejs-mejskin .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {
    margin          : 0;
    padding         : 0;
    display         : block;
    list-style-type : none !important;
    overflow        : hidden;
    }

.mejs-mejskin .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li {
    margin          : 0 0 6px 0;
    padding         : 0;
    list-style-type : none !important;
    display         : block;
    color           : #FFFFFF;
    overflow        : hidden;
    }

.mejs-mejskin .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input {
    clear  : both;
    float  : left;
    margin : 3px 3px 0 5px;
    }

.mejs-mejskin .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label {
    width       : 100px;
    float       : left;
    padding     : 4px 0 0 0;
    line-height : 15px;
    font-family : sans-serif;
    font-size   : 10px;
    }

/* End: SourceChooser */