/* TIVO CUSTOMIZATIONS FOR MEDIAELEMENT PLAYER
   Style all mejs button elements with custom images 
   reset all mejs controls to remove background image 
*/
.mejs-controls .mejs-button button {
    background: none;
    color: transparent;
}
.mejs-controls .mejs-button button:focus {
    outline: none;
}

/* Audio Channels button */

.mejs-controls .mejs-button.mejs-alternate-audio button {
    display: inline-block;
    background: url(../img/player-controls/argon_icon_player_alternate_audio.png) no-repeat;
    width: 25px;
    height: 15px;
    background-position: center center;
}
.mejs-controls .mejs-button.mejs-alternate-audio button:hover {
    display: inline-block;
    background: url(../img/player-controls/argon_icon_player_alternate_audio_hover.png) no-repeat;
    width: 25px;
    height: 15px;
    background-position: center center;
}
.mejs-controls .mejs-button.mejs-alternate-audio-disabled button,
.mejs-controls .mejs-button.mejs-alternate-audio-disabled button:hover {
    display: inline-block;
    background: url(../img/player-controls/argon_icon_player_alternate_audio_disabled.png) no-repeat;
    width: 25px;
    height: 15px;
    background-position: center center;
}

/* Closed Caption buttons */

.mejs-controls .mejs-button.mejs-closed-caption-on button {
    display: inline-block;
    background: url(../img/player-controls/argon_icon_player_closed_caption_on.png) no-repeat;
    width: 25px;
    height: 15px;
    background-position: center center;
}
.mejs-controls .mejs-button.mejs-closed-caption-on button:hover {
    display: inline-block;
    background: url(../img/player-controls/argon_icon_player_closed_caption_on_hv.png) no-repeat;
    width: 25px;
    height: 15px;
    background-position: center center;
}
.mejs-controls .mejs-button.mejs-closed-caption-off button {
    display: inline-block;
    background: url(../img/player-controls/argon_icon_player_closed_caption_off.png) no-repeat;
    width: 25px;
    height: 15px;
    background-position: center center;
}
.mejs-controls .mejs-button.mejs-closed-caption-off button:hover {
    display: inline-block;
    background: url(../img/player-controls/argon_icon_player_closed_caption_off_hv.png) no-repeat;
    width: 25px;
    height: 15px;
    background-position: center center;
}
.mejs-controls .mejs-button.mejs-closed-caption-disabled button {
    display: inline-block;
    background: url(../img/player-controls/argon_icon_player_closed_caption_off.png) no-repeat;
    width: 25px;
    height: 15px;
    background-position: center center;
    opacity: .6;
}

/* Jump Forward */
 .mejs-controls .mejs-button.mejs-jump-forward-button button {
    background: url(../img/player-controls/argon_icon_player_jump_forward.png) no-repeat;
    width: 25px;
    height: 15px;
    background-position: center center;
    color: transparent;
}
.mejs-controls .mejs-button.mejs-jump-forward-button button:hover {
    background: url(../img/player-controls/argon_icon_player_jump_forward_hv.png) no-repeat;
    width: 25px;
    height: 15px;
    background-position: center center;
}

/* Skip Back */
.mejs-controls .mejs-button.mejs-skip-back-button button {
    background: url(../img/player-controls/argon_icon_player_jump_back_8_seconds.png) no-repeat;
    width: 25px;
    height: 15px;
    background-position: center center;
    color: transparent;
}
.mejs-controls .mejs-button.mejs-skip-back-button button:hover {
    background: url(../img/player-controls/argon_icon_player_jump_back_8_seconds_hv.png) no-repeat;
    width: 25px;
    height: 15px;
    background-position: center center;
}
/* Maximize Fullscreen */
.mejs-controls .mejs-fullscreen-button button {
    background: url(../img/player-controls/argon_icon_player_maximize.png) no-repeat;
    width: 25px;
    height: 15px;
    background-position: center center;
}
.mejs-controls .mejs-fullscreen-button button:hover {
    background: url(../img/player-controls/argon_icon_player_maximize_hv.png) no-repeat;
    width: 25px;
    height: 15px;
    background-position: center center;
}

/* Minimize FullScreen */
.mejs-controls .mejs-unfullscreen button {
    background: url(../img/player-controls/argon_icon_player_minimize.png) no-repeat;
    width: 25px;
    height: 15px;
    background-position: center center;
}
.mejs-controls .mejs-unfullscreen button:hover {
    background: url(../img/player-controls/argon_icon_player_minimize_hv.png) no-repeat;
    width: 25px;
    height: 15px;
    background-position: center center;
}

/* Pause button: show while playing */
.mejs-controls .mejs-pause button {
    background: url(../img/player-controls/argon_icon_player_pause.png) no-repeat;
    width: 25px;
    height: 15px;
    background-position: center center;
}
.mejs-controls .mejs-pause button:hover {
    background: url(../img/player-controls/argon_icon_player_pause_hv.png) no-repeat;
    width: 25px;
    height: 15px;
    background-position: center center;
}

/* Play button: show while paused */
.mejs-controls .mejs-play button {
    background: url(../img/player-controls/argon_icon_player_play.png) no-repeat;
    width: 25px;
    height: 15px;
    background-position: center center;
}
.mejs-controls .mejs-play button:hover {
    background: url(../img/player-controls/argon_icon_player_play_hv.png) no-repeat;
    width: 25px;
    height: 15px;
    background-position: center center;
}

/* Mute button: show while volume on */
.mejs-controls .mejs-mute button {
    background: url(../img/player-controls/argon_icon_player_sound_3.png) no-repeat;
    width: 25px;
    height: 15px;
    background-position: center center;
}
.mejs-controls .mejs-mute button:hover {
    background: url(../img/player-controls/argon_icon_player_sound_3_hv.png) no-repeat;
    width: 25px;
    height: 15px;
    background-position: center center;
}
/* Un-Mute button: Show while muted */
.mejs-controls .mejs-unmute button {
    background: url(../img/player-controls/argon_icon_player_sound_off.png) no-repeat;
    width: 25px;
    height: 15px;
    background-position: center center;
}
.mejs-controls .mejs-unmute button:hover {
    background: url(../img/player-controls/argon_icon_player_sound_off_hv.png) no-repeat;
    width: 25px;
    height: 15px;
    background-position: center center;
}
/* Scrub Handle */
.mejs-controls .mejs-time-rail .mejs-time-handle {
    background: url(../img/player-controls/argon_image_player_handle.png) no-repeat;
    width: 21px;
    height: 21px;
    background-position: center center;
    display: block;
    border: none;
    top: -6px;
}
/* Large Play Circle button */
.mejs-layers .mejs-overlay-button {
    background: url(../img/player-controls/argon_image_play.png) no-repeat;
    width: 47px;
    height: 47px;
    background-position: center center;
}
/* Large Play Circle button hover */
.mejs-layers .mejs-overlay:hover .mejs-overlay-button {
    background: url(../img/player-controls/argon_image_play_hover.png) no-repeat;
    width: 47px;
    height: 47px;
    background-position: center center;
}

.image-player-branding {
background: url(../img/player-controls/image_TiVoLogo_Player.png) no-repeat;
    width: 38px;
    height: 54px;
    background-position: center center;
    display: inline-block;
}

/* fix the width and margin for our tivo loading image */
.mejs-overlay-loading {
    width: 31px;
    height: 31px;
    margin: -16px 0 0 -42px;
}
.mejs-overlay-loading span {
    height: 31px;
    width: 31px;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
    cursor: pointer;
}