/*
 * Skin for jPlayer Plugin (jQuery JavaScript Library)
 *
 * Skin Name: LabelWorx Small
 *
 * Copyright (c) 2011 LabelWorx Ltd
 *
 * Author: Chris Chambers
 * Skin Version: 1.0 (jPlayer 2.0.0)
 * Date: 8th June 2011
 */

div.jp-waveform, div.jp-waveform-pop { margin-left:19px; z-index:0 }

div.jp-audio, div.jp-audio-pop {

    /* Edit the font-size to counteract inherited font sizing.
     * Eg. 1.25em = 1 / 0.8em
     */

    font-size:1.25em;

    font-family:Verdana, Arial, sans-serif;
    line-height:1.6;
    color: #666;
}

div.jp-audio, div.jp-audio-pop {
    width:55px;
    text-align: left;
}

div.jp-interface, div.jp-interface-pop {
    position: relative;
    background-color:#eee;
    width:100%;
    border:1px solid #E5E5E5;
}

div.jp-audio div.jp-type-single div.jp-interface, div.jp-audio-pop div.jp-type-single-pop div.jp-interface-pop {
    height:18px;
}

div.jp-interface ul.jp-controls, div.jp-interface-pop ul.jp-controls-pop {
    list-style-type:none;
    padding:0;
    margin: 0;
}

div.jp-interface ul.jp-controls li {
    display:inline;
}

div.jp-interface ul.jp-controls a, div.jp-interface-pop ul.jp-controls-pop a {
    position: absolute;
    overflow:hidden;
    text-indent:-9999px;
}

a.jp-play,
a.jp-pause,
a.jp-play-pop,
a.jp-pause-pop {
    width:18px;
    height:18px;
    z-index:1;
    border-right:1px solid #E5E5E5;
}

div.jp-audio div.jp-type-single a.jp-play,
div.jp-audio div.jp-type-single a.jp-pause,
div.jp-audio div.jp-type-single a.jp-play-pop,
div.jp-audio div.jp-type-single a.jp-pause-pop {
    top:0px;
    left:0px;
}

a.jp-play, a.jp-play-pop {
    background: url("../images/player-button-play.jpg") 0 0 no-repeat;
}

a.jp-pause, a.jp-pause-pop {
    background: url("../images/player-button-pause.jpg") 0 0 no-repeat;
    display: none;
}

div.jp-progress, div.jp-progress-pop {
    display:none;
    position: absolute;
    overflow:hidden;
    background-color: #ddd;
}

div.jp-audio div.jp-type-single div.jp-progress {
    top:0px;
    left:19px;
    width:96px;
    height:18px;
    /* for IE */
    filter:alpha(opacity=40);
    /* CSS3 standard */
    opacity:0.4;
}

div.jp-audio div.jp-type-playlist div.jp-progress {
    top:32px;
    left:164px;
    width:122px;
    height:15px;
}

div.jp-progress-pop {
    display: block;
}

div.jp-seek-bar, div.jp-seek-bar-pop {
    width:0px;
    background-color:#FFF;
    height:100%;
    cursor: pointer;
}

div.jp-play-bar, div.jp-play-bar-pop {
    background-color: #D75600;
    width:0px;
    height:100%;
}

div.jp-current-time, div.jp-current-time-pop {
    background:#000;
    color:#FFF;
    position: absolute;
    font-size:.64em;
}

div.jp-audio div.jp-type-single div.jp-current-time, div.jp-audio-pop div.jp-type-single-pop div.jp-current-time-pop {
    top:0px;
    right:0px;
    width:34px;
    padding: 2px 1px;
    text-align:center;
    /* for IE */
    filter:alpha(opacity=80);
    /* CSS3 standard */
    opacity:0.8;
}

div.jp-jplayer, div.jp-jplayer-pop {
    width:0px;
    height:0px;
    background-color: #000000;
}

/*
div.jp-jplayer-pop { display: block; }
jp-audio-pop { overflow: hidden; }
*/