﻿/*
 * Adapted from:
 *
 * 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.1
 * Date: 13th May 2010
 */

div.jp-single-player {

    /* Edit the font-size to counteract inherited font sizing.
     * Eg. 1.25em = 1 / 0.8em
     */
    line-height:1.6;
   
    direction:ltr;
	position: relative;
	
	
	
}
div.jp-interface {
    position: relative;
    width:950px;
    height:50px;    
    
    margin-left:auto;
    margin-right:auto;
    
    
    border-bottom:none;
}

/*DAN:*/
div.jp-single-player #song_title
{
    position:absolute;
    top: 7px;
    right: 7px;
    direction: rtl;
    width: 350px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

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 {
    position: absolute;
    overflow:hidden;
    text-indent:-9999px;
}
a.jp-play,
a.jp-pause {
    top:10px;
    left:525px;
    width:16px;
    height:16px;
}


a.jp-play {
    background:  url("../images/player_spirites.png") -12px -12px no-repeat;
}
a.jp-play:hover {
    background:  url("../images/player_spirites.png") -53px -12px no-repeat;
}
a.jp-pause {
    background:  url("../images/player_spirites.png") -13px -53px no-repeat;
    display: none;
}
a.jp-pause:hover {
    background:  url("../images/player_spirites.png") -53px -54px no-repeat;
}
/*
a.jp-stop {
    top:26px;
    background: url("../images/player_spirites.png") 0 -83px no-repeat;
    width:28px;
    height:28px;
    left:90px;
}
a.jp-stop:hover {
    background: url("../images/player_spirites.png") -29px -83px no-repeat;
}*/
a.jp-previous {
    left:500px;
    top:11px;
    background: url("../images/player_spirites.png") -5px -119px no-repeat;
    width:20px;
    height:15px;
}
a.jp-previous:hover {
    background: url("../images/player_spirites.png") -32px -119px no-repeat;
}
a.jp-next {
    left:548px;
    top: 11px;
    background: url("../images/player_spirites.png") -5px -148px no-repeat;
    width:20px;
    height:15px;
}
a.jp-next:hover {
    background: url("../images/player_spirites.png") -33px -147px no-repeat;
}

div.jp-progress {
    position: absolute;
    overflow:hidden;
    z-index:10;
    top:15px;
    left:242px; /* 409 */
    width:135px; /*200*/
    height:6px;
    border: solid 1px #989898;
}

div.jp-load-bar {
    background-color: black;
    width:0%;
    height:6px;
    cursor: pointer;
}
div.jp-play-bar {
    background-color: #FFFFFF;
    width:0px;
    height:6px;
}

a.jp-volume-min {
    top:11px;
    left:25px;
    background: url("../images/player_spirites.png") 0 -170px no-repeat;
    width:18px;
    height:15px;
}


a.jp-volume-min:hover {
    background: url("../images/player_spirites.png") -18px -170px no-repeat;
}
a.jp-volume-max {
    top:11px;
    background: url("../images/player_spirites.png") 0 -184px no-repeat;
    width:18px;
    height:15px;
    left:98px;
}


a.jp-volume-max:hover {
    background: url("../images/player_spirites.png") -19px -184px no-repeat;
}

div.jp-volume-bar {
    position: absolute;
    overflow:hidden;
    top:15px;
    left:43px;
    
    background: url("../images/player_spirites.png") -23px -227px repeat-x;
    
    /*width:46px;
    height:5px;*/
    width:50px;
    height:7px;
    cursor: pointer;
}

div.jp-volume-bar-value {
    background: url("../images/player_spirites.png") -23px -218px repeat-x;
    width:0px;
    height:7px;
}
div.jp-play-time,
div.jp-total-time {
    position: absolute;
    top:12px;
    left:213px;
    width:194px;
    font-size:.64em;
    font-style:oblique;
    text-align:left;
    z-index:1;
}
div.jp-total-time {
    text-align: right;
}



