/*  *********************** PLAYER ********************/
#header div[id*='mp3-jplayer-widget'] {
    position: absolute;
    z-index: 1;
    top: 25px;
    right: 20px;
    width: 220px;
    height: 67px
}

@media only screen and (max-width: 959px) {
    #header div[id*="mp3-jplayer-widget"] {
        top: 15px;
    }
}

@media only screen and (max-width: 767px) {
    #header div[id*="mp3-jplayer-widget"] {
        top: 85px;
        right: 15px;
        left: 15px;
        width: auto;
    }
}

.wrap-mjp .MI-image {
    display: none;
}

.wrap-mjp div.wrap-MI {
    padding: 0 !important
}

.wrap-mjp div.jp-interface {
    height: 67px;
    min-height: 67px
}

.wrap-mjp div.player-track-title br {
    display: none;
}

.wrap-mjp .mp3jplayerwidget .jp-play-time,
.wrap-mjp .mp3jplayerwidget .statusMI,
.wrap-mjp .mp3jplayerwidget .mp3j-popout-MI,
.wrap-mjp .playlist-toggle-MI {
    display: none !important
}

.wrap-mjp div.innerright, .wrap-mjp div.innerleft {
    background: none !important;
}

div.transport-MI div, div.mp3j-popout-MI:hover {
    background-color: transparent !important;
}

.wrap-mjp div.transport-MI div {
    background-image: url("images/player_buttons.png");
    float: right;
    text-indent: -9999px !important;
}

.wrap-mjp div.buttons-mjp {
    background-position: -41px 76px;
    height: 34px;
    left: -34px;
    margin: 1px 0 0 6px;
    position: absolute;
    width: 35px;
}

.wrap-mjp div.buttons-mjp:hover {
    background-position: -41px 34px;
}

.wrap-mjp .transport-MI .pause-mjp {
    background: url(images/player_buttons.png) no-repeat scroll -82px 1px transparent !important;
    cursor: pointer;
    height: 35px;
    left: -28px;
    margin: 0;
    position: absolute;
    text-indent: -9999px !important;
    width: 35px;
}

.wrap-mjp .transport-MI .pause-mjp:hover {
    background-position: -41px 1px !important;
}

.wrap-mjp .transport-MI .prev-mjp {
    background: url("images/player_buttons.png") no-repeat scroll 0 -41px transparent !important;
    cursor: pointer;
    height: 34px;
    left: -67px;
    margin: 0;
    position: absolute;
    text-indent: -9999px !important;
    width: 35px;
}

.wrap-mjp .transport-MI .prev-mjp:hover {
    background-position: 0 -83px !important;
}

.wrap-mjp .transport-MI .next-mjp {
    background: url("images/player_buttons.png") no-repeat scroll -82px -41px transparent !important;
    cursor: pointer;
    left: 12px;
    margin: 0;
    position: absolute;
    text-indent: -9999px !important;
    width: 35px;
    height: 34px;
}

.wrap-mjp .transport-MI .next-mjp:hover {
    background-position: -82px -83px !important;
}

/* .wrap-mjp div.MIsliderVolume .ui-slider-handle ,*/
.wrap-mjp div.vol-mjp .ui-slider-handle {
    background: url(images/player_buttons.png) -131px -4px no-repeat !important;
    height: 12px !important;
    width: 12px !important
}

.wrap-mjp div.innerx {
    background: none !important;
    bottom: 3px;
    height: 35px;
    left: 0;
    right: 0;
    width: auto;
    display: none;
}

.wrap-mjp div.innertab {
    background: none !important;
}

.wrap-mjp div.MIsliderVolume .ui-widget-header {
    background: url(images/volume_line.png) no-repeat scroll 0 top transparent !important;
}

.wrap-mjp div.MIsliderVolume .ui-slider-handle {
    background: url("images/vol-handle.png") no-repeat scroll 0 0 transparent !important;
    border: 0 none !important;
    cursor: default;
    height: 15px !important;
    margin-left: -5px;
    overflow: hidden !important;
    padding: 0 !important;
    top: -6px;
    width: 15px !important;
    z-index: 150;
}

.wrap-mjp div.MIsliderVolume .ui-slider-handle:hover {
    background-position: 0 -14px !important;
}

/* Volume */
.wrap-mjp div.MIsliderVolume {
    border-top: medium none !important;
    bottom: 34px;
    right: 13px;
    top: 16px !important;
    width: 70px !important;
}

/* Navigation Player */
.wrap-mjp div.transport-MI {
    bottom: auto;
    left: 59px;
    top: 0;
    position: absolute;
}

.wrap-mjp div.loadMI-mjp,
.wrap-mjp span.loadB-mjp,
.wrap-mjp span.load-mjp {
    background: none;
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}

.wrap-mjp div.poscolMI-mjp {
    background: #2f2c28;
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    bottom: 0 !important;
}

.wrap-mjp div.mp3j-popout-MI {
    display: none;
}

/*  **************************************************/
.jp-play-time, .jp-total-time, .statusMI {
    display: none;
}

/*  *********************** END OF PLAYER ********************/

/*  *************************  PAGE FOR SINGLE PLAYER  ***********************/

.single-offerspost #content article {
    padding-top: 0;
}

.single-offerspost article.offerspost .entry-header,
.single-offerspost article + p {
    display: none;
}

.single-offerspost article.offerpost .featured-thumbnail img,
.archive article.post-holder .featured-thumbnail img {
    width: 300px;
}

/* .single-offerspost #sidebar, .single-offerspost #sidebar2 {
    display: none;
} */
.single-offerspost article.offerpost .post-content {
    padding-left: 0;
}

/*  ************************  page with player  ***********************/

.wrap-mjp #player_holder {
    background: url(images/bg_player_holder.jpg) 0 0 repeat;
}

.wrap-mjp div.wrap-MI {
    width: 92% !important;
}

.wrap-mjp div.wrap-MI {
    padding: 35px 40px !important;
    margin: 0 !important
}

.wrap-mjp div.jp-interface {
    height: 80px;
    min-height: 80px;
    background: none !important;
}

.wrap-mjp div.player-track-title {
    color: #EAE7E4;
    font: 700 12px/16px 'Roboto';
    left: 15px !important;
    padding: 0 !important;
    top: 45px !important;
    position: absolute;
    z-index: 1;
}

.wrap-mjp div.player-track-title br,
.wrap-mjp div.statusMI,
.wrap-mjp .playlist-toggle-MI,
.wrap-mjp div.mp3j-popout-MI {
    display: none;
}

div.innerx {
    background: none !important;
    bottom: 3px;
    height: 35px;
}

div.innerright, div.innerleft, div.innertab {
    background: none !important;
}

.wrap-mjp div.jp-play-time {
    left: auto;
    opacity: 1;
    right: 0;
    top: 0;
    font-family: 'Droid Serif', sans-serif;
    font-size: 12px;
    color: #a7a7a7
}

.wrap-mjp .transport-MI > div {
    background: url("images/player_buttons.png") no-repeat scroll -42px -42px transparent !important;
    cursor: pointer;
    height: 34px;
    left: -13px;
    margin: 0;
    position: absolute;
    text-indent: -9999px !important;
    width: 35px;
}

.wrap-mjp .transport-MI .buttons-mjp:hover {
    background-position: -42px -84px !important;
}

.wrap-mjp .transport-MI .pause-mjp {
    background: url("images/player_buttons.png") no-repeat scroll -82px 0 transparent !important;
    cursor: pointer;
    height: 34px;
    left: -14px;
    margin: 0;
    position: absolute;
    text-indent: -9999px !important;
    width: 35px;
}

.wrap-mjp .transport-MI .pause-mjp:hover {
    background-position: -41px 0 !important;
}

.wrap-mjp .transport-MI .prev-mjp {
    background: url("images/player_buttons.png") no-repeat scroll 0 -42px transparent !important;
    cursor: pointer;
    height: 34px;
    left: -55px;
    margin: 0;
    position: absolute;
    text-indent: -9999px !important;
    width: 35px;
}

.wrap-mjp .transport-MI .prev-mjp:hover {
    background-position: 0 -84px !important;
}

.wrap-mjp .transport-MI .next-mjp {
    background: url("images/player_buttons.png") no-repeat scroll -82px -42px transparent !important;
    cursor: pointer;
    height: 34px;
    left: 28px;
    margin: 0;
    position: absolute;
    text-indent: -9999px !important;
    width: 35px;
}

.wrap-mjp .transport-MI .next-mjp:hover {
    background-position: -82px -84px !important;
}

.wrap-mjp .transport-MI .stop-mjp {
    background: url(images/player_buttons.png) -78px 4px no-repeat !important;
    text-indent: -9999px !important;
    width: 15px;
    margin: 0;
    cursor: pointer;
    position: absolute;
    left: -14px;
    display: none;
}

.wrap-mjp div.MIsliderVolume .ui-slider-handle, .wrap-mjp div.vol-mjp .ui-slider-handle {
    background: url("images/vol-handle.png") no-repeat scroll 0 0 transparent !important;
    border: 0 none !important;
    cursor: default;
    height: 15px !important;
    margin-left: -5px;
    overflow: hidden !important;
    padding: 0 !important;
    top: -7px;
    width: 15px !important;
    z-index: 150;
}

.wrap-mjp div.MIsliderVolume .ui-slider-handle:hover,
.wrap-mjp div.vol-mjp .ui-slider-handle:hover {
    background-position: 0 -14px !important;
}

.wrap-mjp div.bars_holder {
    position: absolute;
    width: 100%;
    height: 24px;
    top: 40px;
    background: #0b0907;
    border: 1px solid #1F1913;
}

.wrap-mjp .poscolMI_mp3j.soften-mjp {
    background: rgba(0, 180, 37, 0.91);
}

div.loadMI_mp3j, div.poscolMI_mp3j, div.posbarMI_mp3j {
    position: absolute;
    top: 0;
    left: 0;
}

/* Volume */
.wrap-mjp div.MIsliderVolume {
    bottom: auto;
    right: 5px;
    border-top: none;
    width: 70px !important;
    top: 30px
}

.wrap-mjp div.MIsliderVolume p:first-child {
    background: none repeat scroll 0 0 transparent;
    color: #000;
    font: 300 12px/14px 'Roboto';
    height: auto;
    left: -60px;
    padding: 0;
    position: absolute;
    text-transform: capitalize;
    top: -8px;
}

.wrap-mjp div.MIsliderVolume {
    height: 1px !important;
}

.wrap-mjp div.loadMI-mjp,
.wrap-mjp span.loadB-mjp,
.wrap-mjp span.load-mjp {
    background: #1a1a1a;
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    bottom: 0px !important;
}

.wrap-mjp div.poscolMI-mjp {
    background: #2f2c28;
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    bottom: 0 !important;
}

div.MIsliderVolume .ui-widget-header {
    background: #605E5B !important;
}

/* Play list */
/* .wrap-mjp div.playlist-colour{
    background: #000
} */
.wrap-mjp ul.UL-MI-mjp {
    background: none !important
}

.wrap-mjp ul.UL-MI-mjp li {
    margin-bottom: 1px;
}

.wrap-mjp ul.UL-MI-mjp a {
    font-family: 'Droid Serif', sans-serif !important;
    font-size: 12px !important;
    line-height: 12px !important;
    color: #9d9d9d !important;
    background: url(images/bg_UL-MI-mjp.png) 0 0 repeat-x !important;
    padding: 11px 0 11px 15px !important;
    text-transform: capitalize;
}

.wrap-mjp ul.UL-MI-mjp a:hover,
.wrap-mjp .mp3j_A_current {
    background: #0b0907 !important;
    color: #9d9d9d !important
}

div.playlist-colour {
    background: none !important;
}

#player_holder ul.UL-MI-mjp li {
    background: none !important;
}

/*  **************************************************/

#playlistCaption {
    font: 400 16px/54px 'Roboto';
    color: #333;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
}

/*  *************************  END  OF PAGE FOR SINGLE PLAYER  ***********************/

/* ===== jQuery UI ===== */
.ui-state-disabled {
    cursor: default !important;
}

.ui-slider {
    position: relative;
    text-align: left;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 200;
    cursor: default;
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.ui-state-default,
.ui-widget-content .ui-state-default {
    outline: none;
    border: 0px;
}

/* VOLUME */
div.MIsliderVolume {
    position: absolute;
    top: 6px;
    right: 10px;
    width: 60px;
    height: 4px !important;
    background: #606060;
    border: 1px solid #404040;
    cursor: pointer;
    font-size: 1px;
    z-index: 150;
}

div.MIsliderVolume .ui-widget-header {
    background: #707070 url('images/vol-grad60w2.png') repeat-y -15px top;
}

div.MIsliderVolume .ui-slider-handle {
    height: 11px !important;
    width: 10px !important;
    padding: 0px !important;
    margin-left: -5px;
    z-index: 150;
    overflow: hidden !important;
    cursor: pointer;

    top: -5px;
    background: transparent url('images/vol-handle.png') no-repeat -41px 0px;
    border: 1px solid #505050;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

div.MIsliderVolume .ui-slider-handle:hover {
}

div.MIsliderVolume .ui-state-active, div.MIsliderVolume .ui-widget-content .ui-state-active {
    outline: none;
}

/* LOADER AND POS SLIDER */
div.loadMI_mp3j, div.poscolMI_mp3j, div.posbarMI_mp3j {
    position: absolute;
    top: 0px;
    left: 0px;
}

div.loadMI_mp3j {
    bottom: 1px;
}

div.poscolMI_mp3j {
    bottom: 1px;
}

div.bars_holder .ui-widget-header, div.bars_holder .ui-widget-content {
    border: 0px !important;
    background: none;
}

div.bars_holder .ui-slider-horizontal {
    top: 0px;
    bottom: 0px;
    height: auto;
    z-index: 90;
}

div.posbarMI_mp3j {
    bottom: 0px;
    width: 100%;
}

div.posbarMI_mp3j .ui-slider-handle {
    top: -6px;
    margin-left: -1px !important;
    border: 0;
    bottom: -2px;
    width: 2px !important;
    z-index: 100;
    background: none;
    cursor: default;
    padding: 0px !important;
}

div.posbarMI_mp3j .ui-slider-handle:hover {
    background: none;
    z-index: 100;
}

div#wrapper_player {
    background: url("images/bg_after_sl_area.jpg") repeat scroll 0 0 transparent;
    padding: 20px 20px 0 20px;
}

div#wrapper_player .li-mjp {
    padding: 5px;
    font-size: 14px;
}

div#wrapper_player .li-mjp a {
    font-size: 14px;
}