/**
 * RTS UI player widget styles.
 */

/* Basic structure & placeholders */
.player-widget .player-overlay {
    position: absolute;
    z-index: 600;
    top: 0;
    left: 0;
    background: #666666;
    width: 100%;
}

.player-widget .player-object,
.player-widget .play-ctrl {
    position: absolute;
    width: 39px;
    height: 39px;
    left: 4px;
    top: 7px;
}

.player-widget .player-object {
    z-index: 199;
    overflow: hidden;
}
.player-widget .player-object audio {
    width: 200px;
    height: 50px;
    margin-left: -200px;
}

.player-widget .player-wrapper {
    color: #fff;
    overflow: hidden;
    position: relative;
}

.player-widget .player-controls {
    height: 53px;
    background: #333;
    position: relative;
}

.player-widget .player-info {
    height: 24px;
    background: #333;
    margin: 1px 0 0;
    position: relative;
}

/* Play control */
.player-widget .play-ctrl {
    z-index: 200;
    background: url("/img/audio/player/play.png") 0 0 no-repeat;
}
.player-widget .play-ctrl span {
    display: block;
    width: 100%;
    height: 100%;
    visibility: hidden;
    background: url("/img/audio/player/player-loading.gif") center no-repeat;
}
.player-widget .play-ctrl.playing { background-position: 0 -39px; }
.player-widget .play-ctrl.loading { background-position: 0 -78px; }
.player-widget .play-ctrl.loading span { visibility: visible; }

/* Progressbar control */
.player-widget .progressbar-wrapper {
    position: relative;
    top: 21px;
    margin: 0 10px 0 52px;
    padding: 0 6px 0 0;
    background: #A11F22;
    border-radius: 4px;
    border: 1px solid #000;
}
.player-widget .progressbar {
    position: relative;
    height: 9px;
    cursor: pointer;
}
.player-widget .progressbar .progress-value {
    position: relative;
    height: 9px;
    width: 0%;
    background: #555;
    border-radius: 4px;
}
.player-widget .progressbar .progress-value.live {
    color: #A31E21;
}
.player-widget .progressbar .progress-dragger {
    position: absolute;
    width: 19px;
    height: 17px;
    right: 0;
    margin: -3px -9px;
    
    background: url("/img/audio/player/dragger.png") no-repeat scroll left top transparent;
}
.player-widget .progressbar .progress-dragger.ui-draggable-dragging { background-position: 0 -17px; }
.progress-value.live .progress-dragger.ui-draggable-dragging { background-position: 0 -34px; }

.player-widget .progressbar .progress-time {
    display: block;
    position: absolute;
    width: 100px;
    top: -19px;
    right: -50px;
    text-align: center;
    cursor: default;
}

/* Live scale control */
.player-widget .scale {
    position: relative;
    overflow: hidden;
    top: 23px;
    margin: 0 10px 0 52px;
    height: 16px;
}
.player-widget .scale span.bar {
    display: block;
    width: 1px;
    height: 6px;
    background: url("/img/audio/player/scale-bar.jpg") no-repeat scroll left top transparent;
    position: absolute;
    right: 0;
}

.player-widget .scale.aod span.bar {
    width: 6px;
}
.player-widget .scale.aod .duration {
    position: absolute;
    right: 0;
    top: 5px;
    font-size: 0.833em;
}

.player-widget .scale.live { display:none; }
.player-widget .scale.live span.bar span.hour {
    display: block;
    position: relative;
    top: 5px;
    font-size: 0.833em;
    width: 100px;
    text-align: center;
    right: 50px;
}

.player-widget .scale.live span.bar span.hour span {
    position: relative;
}

/* Volume control */
.player-widget .volume-icon {
    display: block;
    position: relative;
    height: 18px;
    width: 19px;
    left: 6px;
    top: 3px;
    z-index: 201;
    padding: 0;
    margin: 0;
    background: url("/img/audio/player/icon-volume.png") no-repeat scroll left top transparent;
}

.player-widget .volume-slider {
    position: absolute;
    height: 8px;
    width: 62px;
    left: 27px;
    top: 8px;
    background: url("/img/audio/player/volume-slider.png") no-repeat scroll left top transparent;
}

.player-widget .volume-dragger-wrapper {
    position: absolute;
    height: 17px;
    width: 65px;
    left: 25px;
    top: 4px;
}

.player-widget .volume-dragger {
    position: absolute;
    width: 19px;
    height: 17px;
    left: 0;
    top: 0;
    background: url("/img/audio/player/dragger.png") no-repeat scroll left top transparent;
}
.player-widget .volume-dragger.ui-draggable-dragging { background-position: 0 -17px; }

.player-widget .details-link {
    color: #FFF;
    font-size: 0.833em;
    position: absolute;
    right: 5px;
    top: 5px;
}

/* Currently playing title control */
.player-widget .playing-title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    line-height: 24px;
    font-style: italic;
}
.player-widget .marquee-audio {
    position: relative;
    display: block;
    margin: 0 100px;
    background: #333;
    width: auto;
    height: 24px;
    overflow: hidden;
}


.player-widget div.horizontal_scroller, .player-widget div.vertical_scroller{
        display:block;
        overflow:hidden;
        height: 18px;
        background: #333;
}

.player-widget div.scrollingtext{
        position:absolute;
        white-space:nowrap;
        background: #333;
        width: auto;
        padding: 0 1px;
}