/* * * MediaElement.js skins * * */

/* AP default player */
.mejs-overlay-loading {
    border-radius: 5px;
}

.mejs-ap.mejs-container {
    /* Attempt to invalidate default inline styles 
     * applied by mediaelement.js so we can keep those 
     * concerns in CSS.
     */
    width: auto !important;
}

.mejs-ap.mejs-container .mejs-overlay-button {
    background-image: url('images/bigplay.png');
}

.mejs-ap  .mejs-controls .mejs-volume-button .mejs-volume-slider,
.mejs-ap .mejs-controls {
}

.mejs-ap .mejs-button,
.mejs-ap .mejs-time {
}
.mejs-ap .mejs-controls .mejs-time-rail .mejs-time-total {
}
.mejs-ap .mejs-controls .mejs-time-rail .mejs-time-loaded {
    background-color: #eee;
    background: rgba(230,230,230,0.8);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(230,230,230,0.9)), to(rgba(150,150,150,0.8)));
    background: -webkit-linear-gradient(top, rgba(230,230,230,0.9), rgba(150,150,150,0.8));
    background: -moz-linear-gradient(top, rgba(230,230,230,0.9), rgba(150,150,150,0.8)); 
    background: -o-linear-gradient(top, rgba(230,230,230,0.9), rgba(150,150,150,0.8));
    background: -ms-linear-gradient(top, rgba(230,230,230,0.9), rgba(150,150,150,0.8));
    background: linear-gradient(rgba(230,230,230,0.9), rgba(150,150,150,0.8));
}
.mejs-ap .mejs-controls .mejs-time-rail .mejs-time-current {
    background-color: #D7393C;
    background: rgba(215,57,60,0.8);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(215,57,60,0.9)), to(rgba(128,0,0,0.8)));
    background: -webkit-linear-gradient(top, rgba(215,57,60,0.9), rgba(128,0,0,0.8));
    background: -moz-linear-gradient(top, rgba(215,57,60,0.9), rgba(128,0,0,0.8)); 
    background: -o-linear-gradient(top, rgba(215,57,60,0.9), rgba(128,0,0,0.8));
    background: -ms-linear-gradient(top, rgba(215,57,60,0.9), rgba(128,0,0,0.8));
    background: linear-gradient(rgba(215,57,60,0.9), rgba(128,0,0,0.8));
}
.mejs-ap .mejs-controls .mejs-time-rail .mejs-time-handle  {
}
.mejs-ap .mejs-controls .mejs-time-rail .mejs-time-float {
    background: #000;
    color: #fff;
}
.mejs-controls .mejs-time-rail .mejs-time-float-corner {
    border-color: #000 transparent transparent transparent;
}

.mejs-ap .mejs-controls .mejs-playpause-button  {
}
.mejs-ap .mejs-controls .mejs-playpause-button  button {
}
.mejs-ap .mejs-controls .mejs-pause button  {
}

.mejs-ap .mejs-controls .mejs-fullscreen-button  {
}
.mejs-ap .mejs-controls .mejs-fullscreen-button  button {
    background-image: url('images/controls.png');
}
.mejs-ap .mejs-controls .mejs-fullscreen-button  button:hover {
    background-position: -112px -16px;
}
.mejs-ap .mejs-controls .mejs-unfullscreen  button {
}
.mejs-ap .mejs-controls .mejs-unfullscreen  button:hover {
    background-position: -96px -16px;
}

.mejs-ap .mejs-controls .mejs-volume-button  {
}
.mejs-ap .mejs-controls .mejs-mute button {
}
.mejs-ap .mejs-controls .mejs-unmute button {
}

.mejs-ap  .mejs-controls .mejs-volume-button .mejs-volume-slider {
}
.mejs-ap  .mejs-controls .mejs-volume-button .mejs-volume-total {
}
.mejs-ap  .mejs-controls .mejs-volume-button .mejs-volume-current {
}
.mejs-ap .mejs-controls .mejs-volume-button .mejs-volume-handle {
    cursor: pointer;
}

.mejs-ap .mejs-controls .mejs-time span {
}
.mejs-ap .mejs-controls .mejs-currenttime-container  {
    cursor: default;
}
.mejs-ap .mejs-controls .mejs-duration-container  {
    cursor: default;
}
.mejs-ap .mejs-controls .mejs-time  button {
}
.mejs-ap .mejs-controls .mejs-captions-button {
}

.mejs-ap .me-cannotplay,
.mejs-ap .me-cannotplay a {
    padding: 0;
    height: auto;
}
/* END: AP default player */