div.jp-audio, div.jp-video
{
    line-height: 1.6;
    color: #666;
    border: 1px solid #2c2c2c;
    background-color: #eeeeee;
    position: relative;
}

div.jp-video div.jp-jplayer
{
    min-height: 270px;
}
.one_third div.jp-video div.jp-jplayer
{
    min-height: 150px;
}
.one_fourth div.jp-video div.jp-jplayer
{
    min-height: 120px;
}

div.jp-video-270p
{
    width: 480px;
}

div.jp-video-resp
{
    width: 99.5%;
}

div.jp-video-full
{
    position: static !important;
    position: relative;
}

.jp-view-container
{
    position: relative;
}
.jp-view-container .jp-video-play
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

div.jp-jplayer video
{
    display: block;
}
div.jp-jplayer object
{
    min-height: 270px;
}

div.jp-video-full div.jp-jplayer
{
    top: 0;
    left: 0;
    position: fixed !important;
    overflow: hidden;
    z-index: 1000;
    position: relative;
    overflow: hidden;
}
div.jp-video-full div.jp-gui
{
    position: fixed !important;
    position: static;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 36px;
    z-index: 1001;
}
div.jp-video-full div.jp-interface
{
    position: absolute !important;
    bottom: 0;
    left: 0;
    z-index: 1000;
}

/* controls container */
div.jp-interface
{
    position: relative;
    background-color: #3d3d3d;
    width: 100%;
    height: 36px;
    border-top: 1px solid #2c2c2c;
}

/* controls */
div.jp-interface ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: inline-block;
    height: 36px;
    text-align: center;
}
div.jp-interface ul li
{
    margin: 0;
}
div.jp-interface ul li a
{
    line-height: 36px;
    width: 36px;
    display: block;
    text-indent: -9999px;
}

.jp-play-controls
{
    border-right: 1px solid #2c2c2c;
    float: left;
}

a.jp-play, a.jp-pause, a.jp-full-screen, a.jp-mute, a.jp-unmute, a.jp-volume-max, div.jp-volume-bar, a.jp-restore-screen, a.jp-repeat, a.jp-repeat-off, a.jp-shuffle, a.jp-shuffle-off, div.jp-volume-bar-value
{
    background: url("dark-player.controls.png") 0 0 no-repeat;
}

a.jp-play
{
    background-position: 0 0;
}

a.jp-play:hover
{
    background-position: -40px 0;
}

a.jp-pause
{
    background-position: 0 -40px;
    display: none;
}

a.jp-pause:hover
{
    background-position: -40px -40px;
}

/*  progress bar */
div.jp-progress-container
{
    margin-left: 40px;
    margin-right: 90px;
    height: 36px;
}

div.jp-progress
{
    overflow: hidden;
    margin: 13px 10px;
    background: #292929;
}

div.jp-audio div.jp-progress
{
    height: 10px;
}

div.jp-video div.jp-progress
{
    height: 10px;
}

div.jp-seek-bar
{
    background: #2c2c2c;
    width: 0px;
    height: 100%;
    cursor: pointer;
}

div.jp-play-bar
{
    background: #cecece;
    width: 0px;
    height: 100%;
}

div.jp-seeking-bg
{
    background: url("jplayer.blue.seeking.gif");
}

/* VOLUME and TOGGLE fullscreen */
.jp-volume-toggle
{
    position: absolute;
    right: 0;
    top: 1px;
    border-left: 1px solid #2c2c2c;
    width: 85px;
}

/* volume controls */
.jp-volume-container
{
    height: 36px;
    float: left;
}

.jp-volume-controls
{
    float: left;
    margin-right: -8px !important;
}

div.jp-volume-bar
{
    overflow: hidden;
    background-position: 0 -250px;
    width: 30px;
    height: 10px;
    cursor: pointer;
    margin: 13px 2px 13px 10px;
    display: inline-block;
}

div.jp-volume-bar-value
{
    background-position: 0 -260px;
    width: 0px;
    height: 10px;
}

a.jp-mute
{
    background-position: 0px -160px;
}
a.jp-mute:hover
{
    background-position: -40px -160px;
}

a.jp-unmute
{
    background-position: 0px -200px;
    display: none;
}
a.jp-unmute:hover
{
    background-position: -40px -200px;
}

a.jp-volume-max
{
    background-position: 0 -186px;
}
a.jp-volume-max:hover
{
    background-position: -19px -186px;
}

div.jp-current-time
{
    width: 44px;
    line-height: 36px;
    float: left;
    font-size: 11px;
    text-align: center;
}

div.jp-video-play
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.5);
}

div.jp-video-270p div.jp-video-play
{
    height: 270px;
}

div.jp-video-360p div.jp-video-play
{
    height: 360px;
}

div.jp-video-full div.jp-video-play
{
    height: 100%;
    z-index: 1000;
}

a.jp-video-play-icon
{
    position: absolute;
    display: block;
    width: 60px;
    height: 40px;
    margin-left: -30px;
    margin-top: -20px;
    left: 50%;
    top: 50%;
    text-indent: -9999px;
    background: url("dark-video-play.png") 0px -50px no-repeat;
}

a.jp-video-play-icon:hover
{
    background-position: 0px 0px;
}

div.jp-jplayer audio, div.jp-jplayer
{
    width: 0px;
    height: 0px;
    background-color: #3d3d3d;
    position: relative;
}

/* toggle */
ul.jp-toggles
{
    float: right;
}

a.jp-full-screen
{
    background-position: 0 -80px;
}

a.jp-full-screen:hover
{
    background-position: -40px -80px;
}

a.jp-restore-screen
{
    background-position: -60px -310px;
}

a.jp-restore-screen:hover
{
    background-position: -90px -310px;
}

a.jp-repeat
{
    background-position: 0 -290px;
}

a.jp-repeat:hover
{
    background-position: -30px -290px;
}

a.jp-repeat-off
{
    background-position: -60px -290px;
}

a.jp-repeat-off:hover
{
    background-position: -90px -290px;
}

a.jp-shuffle
{
    background-position: 0 -270px;
}

a.jp-shuffle:hover
{
    background-position: -30px -270px;
}

a.jp-shuffle-off
{
    background-position: -60px -270px;
}

a.jp-shuffle-off:hover
{
    background-position: -90px -270px;
}

/* NO SOLUTION error feedback */
.jp-no-solution
{
    position: absolute;
    width: 390px;
    margin-left: -202px;
    left: 50%;
    top: 10px;
    padding: 5px;
    font-size: .8em;
    background-color: #eee;
    border: 2px solid #009be3;
    color: #000;
    display: none;
}
.jp-no-solution a
{
    color: #000;
}
.jp-no-solution span
{
    font-size: 1em;
    display: block;
    text-align: center;
    font-weight: bold;
}

/* Light Skin */
.jp-light.jp-audio, .jp-light.jp-video
{
    border: 1px solid #eeeeee;
    background-color: #2c2c2c;
}
.jp-light div.jp-interface
{
    background-color: #f8f8f8;
    border-top: 1px solid #eeeeee;
}
.jp-light .jp-play-controls
{
    border-right: 1px solid #eeeeee;
}
.jp-light div.jp-progress
{
    background: #e0e0e0;
}
.jp-light div.jp-seek-bar
{
    background: #eeeeee;
}
.jp-light div.jp-play-bar
{
    background: #3d3d3d;
}
.jp-light .jp-volume-toggle
{
    border-left: 1px solid #eeeeee;
}
.jp-light div.jp-jplayer audio, .jp-light div.jp-jplayer
{
    background-color: #f8f8f8;
}
.jp-light a.jp-play, .jp-light a.jp-pause, .jp-light a.jp-full-screen, .jp-light a.jp-mute, .jp-light a.jp-unmute, .jp-light a.jp-volume-max, .jp-light div.jp-volume-bar, .jp-light a.jp-restore-screen, .jp-light a.jp-repeat, .jp-light a.jp-repeat-off, .jp-light a.jp-shuffle, .jp-light a.jp-shuffle-off, .jp-light div.jp-volume-bar-value
{
    background-image: url("light-player.controls.png");
}
.jp-light a.jp-video-play-icon
{
    background-image: url("light-video-play.png");
}
.jp-light div.jp-video-play
{
    background-color: rgba(255, 255, 255, 0.65);
}

div.jp-audio div.jp-interface
{
    border-top-color: transparent;
}

@media only screen and (max-width: 649px)
{
    div.jp-video div.jp-jplayer
    {
        min-height: 145px;
    }
}