/*
 * Skin for jPlayer Plugin (jQuery JavaScript Library)
 * http://www.happyworm.com/jquery/jplayer
 *
 * Skin Name: Blue Monday
 *
 * Copyright (c) 2010 Happyworm Ltd
 * Dual licensed under the MIT and GPL licenses.
 *  - http://www.opensource.org/licenses/mit-license.php
 *  - http://www.gnu.org/copyleft/gpl.html
 *
 * Author: Silvia Benvenuti
 * Skin Version: 2.0
 * Date: 29th April 2010
 */

div.jp-single-player,
div.jp-playlist-player {font-size:1em;font-family:Verdana, Arial, sans-serif;line-height:1.6;color: #666;}
div.jp-interface {position: relative;width:400px;height:30px;}
div.jp-single-player div.jp-interface {border-bottom:none;}
div.jp-playlist-player div.jp-interface {}

div.jp-interface ul.jp-controls {list-style-type:none;padding:0;margin: 0;}
div.jp-interface ul.jp-controls li {position: absolute;}
div.jp-interface ul.jp-controls a {display: block;position: absolute;overflow:hidden;text-indent:-9999px;}
a.jp-play, a.jp-pause {top:0px;width:22px;height:20px}

div.jp-single-player a.jp-play,
div.jp-single-player a.jp-pause {
    left:10px;
}

a.jp-play {background: url("./images/skin.jpg") -8px -9px no-repeat;}
a.jp-play:hover {background: url("./images/skin.jpg") -8px -9px no-repeat;}
a.jp-pause {background: url("./images/skin.jpg") -8px -40px no-repeat;}
a.jp-pause:hover {background: url("./images/skin.jpg") -8px -40px no-repeat;}

div.jp-single-player a.jp-stop {left:90px;}
div.jp-playlist-player a.jp-stop {left:126px;}
a.jp-stop:hover {background: url("./images/skin.jpg") -29px -83px no-repeat;}
a.jp-previous {left:20px;top:26px;background: url("./images/skin.jpg") 0 -112px no-repeat;width:28px;height:28px;}
a.jp-previous:hover {background: url("./images/skin.jpg") -29px -112px no-repeat;}
a.jp-next {
    left:88px;
    top:26px;
    background: url("./images/skin.jpg") 0 -141px no-repeat;
    width:28px;
    height:28px;
}
a.jp-next:hover {
    background: url("./images/skin.jpg") -29px -141px no-repeat;
}
div.jp-progress {
    position: absolute;
    overflow:hidden;
    top:2px;
    background-color: #ddd;
    width:222px;
    height:15px;
}
div.jp-single-player div.jp-progress {
    left:50px;
}
div.jp-playlist-player div.jp-progress {
    left:164px;
}
div.jp-load-bar {
    background: url("./images/skin.jpg") 0 -202px repeat-x;
    width:0px;
    height:15px;
    cursor: pointer;
}
div.jp-play-bar {
    background: url("./images/skin.jpg") 0 -218px repeat-x ;
    width:0px;
    height:15px;
}
a.jp-volume-min {
    top:0px;
    background: url("./images/skin.jpg") 0 -160px no-repeat;
    width:25px;
    height:20px;
}
div.jp-single-player a.jp-volume-min {
    left:284px;
}
div.jp-playlist-player a.jp-volume-min {
    left:296px;
}

a.jp-volume-max {
    top:0px;
    background: url("./images/skin.jpg") 0 -182px no-repeat;
    width:25px;
    height:20px;
}
div.jp-single-player a.jp-volume-max {
    left:362px;
}


div.jp-volume-bar {
    position: absolute;
    overflow:hidden;
    top:7px;
    background: url("./images/skin.jpg") 0 -250px repeat-x;
    width:46px;
    height:5px;
    cursor: pointer;
}
div.jp-single-player div.jp-volume-bar {
    left:308px;
}

div.jp-volume-bar-value {
    background: url("./images/skin.jpg") 0 -256px repeat-x;
    width:0px;
    height:5px;
}
div.jp-play-time,
div.jp-total-time {
    position: absolute;
    top:36px;
    width:122px;
    font-size:.64em;
    font-style:oblique;
}
div.jp-total-time {
    text-align: right;
}
div.jp-single-player div.jp-play-time,
div.jp-single-player div.jp-total-time {
    left:260px;
}
div.jp-playlist-player div.jp-play-time,
div.jp-playlist-player div.jp-total-time {
    left:164px;
}
div.jp-playlist {
    width:388px;
}
div.jp-playlist ul{
    list-style-type:none;
    margin:0;
    padding:0 20px;
    border-top:1px dotted #ccc;
    width:338px;
    font-size:.72em;
}
div.jp-single-player div.jp-playlist li {
    padding:5px 0 5px 20px;
    font-weight:bold;
}
div.jp-playlist-player div.jp-playlist li {
    padding:5px 0 4px 20px;
    border-bottom:1px solid #eee;
}
div.jp-playlist-player div.jp-playlist li.jplayer_playlist_item_last {
    padding:5px 0 5px 20px;
    border-bottom:none;
}
div.jp-playlist-player div.jp-playlist li.jplayer_playlist_current {
    list-style-type:square;
    list-style-position:inside;
    padding-left:8px;
}
div.jp-playlist-player div.jp-playlist a {
    color: #666;
    text-decoration: none;
}
div.jp-playlist-player div.jp-playlist a:hover {
    color:#0d88c1;
}
div.jp-playlist-player div.jp-playlist a.jplayer_playlist_current {
    color:#0d88c1;
}