/* Jamroom 5 Playlist Module CSS */

.playlist_box {
    position:inherit;
    width:400px;
    text-align:left;
    background-color:#000000;
    border:4px solid #0D4C72;
    border-radius:0;
    padding:12px;
    white-space:nowrap;
    display:none;
    z-index:10000;
    overflow:visible;
    box-shadow:0 0 2px #000000;
    color:#FFFFFF;
}

#playlist_message {
    padding-left:5px;
    font-size:12px
}
.playlist_name {
    padding:5px;
}
.playlist_name a {
    text-decoration:underline;
    color:#006600;
}
.playlist_count {
    white-space:nowrap;
    font-size:10px
}
.playlist_button {
    width:70px;
}
.playlist_success {
    border-radius:5px;
    background-color:#006600;
    color:#FFF;
}
.playlist_error {
    border-radius:5px;
    background-color:#CC0000;
    color:#FFF;
}

.jr_audio_black_overlay_player div.jp-current-time,
.jr_audio_black_overlay_player div.jp-duration {
    margin-top:2px !important;
}
.jr_audio_gray_overlay_player div.jp-current-time,
.jr_audio_gray_overlay_player div.jp-duration {
    margin-top:2px !important;
}
.jrplaylist_black_overlay_player div.jp-current-time,
.jrplaylist_black_overlay_player div.jp-duration {
    margin-top:2px !important;
}
.jrplaylist_gray_overlay_player div.jp-current-time,
.jrplaylist_gray_overlay_player div.jp-duration {
    margin-top:2px !important;
}
.jrvideo_black_overlay_player div.jp-current-time,
.jrvideo_black_overlay_player div.jp-duration {
    margin-top:2px !important;
}
.jrvideo_player_gray_overlay div.jp-current-time,
.jrvideo_player_gray_overlay div.jp-duration {
    margin-top:2px !important;
}

@media handheld, only screen and (max-width: 767px) {
    .playlist_box {
        position:absolute;
        width:80%;
        right:0;
    }
    .playlist_button {
        width:50px;
    }
    .playlist_name {
        font-size:12px;
    }
}