/* * 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: 3.0 (jPlayer 2.0.0) * Date: 20th December 2010 */ 

div.jp-audio { /* Edit the font-size to counteract inherited font sizing. * Eg. 1.25em = 1 / 0.8em */ font-size:1.8em; width:420px;  /* No parent CSS that can effect the size in these demos */ }

div.jp-interface { position: relative; background-color:none; /* width:418px; */ width:100%; }

div.jp-audio div.jp-type-single div.jp-interface { height:80px; border-bottom:none; }
div.jp-audio div.jp-type-playlist div.jp-interface { height:80px; }

div.jp-interface ul.jp-controls { position:absolute; top:25px; left:0; list-style-type:none; padding:0; margin: 0; }
	div.jp-interface ul.jp-controls li { /* position: absolute; */ display:inline; }
	div.jp-interface ul.jp-controls a { position: absolute; overflow:hidden; text-indent:-9999px; }

a.jp-play, a.jp-pause { width:40px; height:40px; z-index:1; }

div.jp-audio div.jp-type-single a.jp-play, div.jp-audio div.jp-type-single a.jp-pause { top:20px; left:40px; }
div.jp-audio div.jp-type-playlist a.jp-play, div.jp-audio div.jp-type-playlist a.jp-pause { top:20px; left:48px; }


a.jp-play { background: url("../images/jplayer.blue.monday.jpg") 0 0 no-repeat; }
	a.jp-play:hover { background: url("../images/jplayer.blue.monday.jpg") -41px 0 no-repeat; }
	
a.jp-pause { background: url("../images/jplayer.blue.monday.jpg") 0 -42px no-repeat; display: none; }
	a.jp-pause:hover { background: url("../images/jplayer.blue.monday.jpg") -41px -42px no-repeat; }
	
div.jp-audio div.jp-type-single a.jp-stop { display:none; }
div.jp-audio div.jp-type-playlist a.jp-stop { display:none; } 

/*a.jp-stop { background: url("../images/jplayer.blue.monday.jpg") 0 -83px no-repeat; width:28px; height:28px; z-index:1; }
	a.jp-stop:hover { background: url("../images/jplayer.blue.monday.jpg") -29px -83px no-repeat; }*/
	
div.jp-audio div.jp-type-playlist a.jp-previous { left:20px; top:26px; }

a.jp-previous { background: url("../images/jplayer.blue.monday.jpg") 0 -112px no-repeat; width:28px; height:28px; }
	a.jp-previous:hover { background: url("../images/jplayer.blue.monday.jpg") -29px -112px no-repeat; }
	
div.jp-audio div.jp-type-playlist a.jp-next { left:88px; top:26px; }

a.jp-next { background: url("../images/jplayer.blue.monday.jpg") 0 -141px no-repeat; width:28px; height:28px; }
a.jp-next:hover { background: url("../images/jplayer.blue.monday.jpg") -29px -141px no-repeat; }
div.jp-progress { position: absolute; overflow:hidden; background-color: #ddd; }
div.jp-audio div.jp-type-single div.jp-progress { top:32px; left:130px; width:122px; height:15px; }
div.jp-audio div.jp-type-playlist div.jp-progress { top:6px; left:20px; width:320px; height:15px; }

div.jp-seek-bar { background: url("../images/jplayer.blue.monday.jpg") 0 -202px repeat-x; width:0px; /* height:15px; */ height:100%; cursor: pointer; }
div.jp-play-bar { background: url("../images/jplayer.blue.monday.jpg") 0 -218px repeat-x ; width:0px; /* height:15px; */ height:100%; }
/* The seeking class is added/removed inside jPlayer */ div.jp-seeking-bg { background: url("../images/pbar-ani.gif"); }
a.jp-mute, a.jp-unmute { width:18px; height:15px; }
div.jp-audio div.jp-type-single a.jp-mute, div.jp-audio div.jp-type-single a.jp-unmute { top:32px; left:274px; }
div.jp-audio div.jp-type-playlist a.jp-mute, div.jp-audio div.jp-type-playlist a.jp-unmute { top:32px; left:264px; }

a.jp-mute { background: url("../images/jplayer.blue.monday.jpg") 0 -186px no-repeat; }
a.jp-mute:hover { background: url("../images/jplayer.blue.monday.jpg") -19px -170px no-repeat; }
a.jp-unmute { background: url("../images/jplayer.blue.monday.jpg") 0 -170px no-repeat; display: none; }
a.jp-unmute:hover { background: url("../images/jplayer.blue.monday.jpg") -19px -186px no-repeat; }
div.jp-volume-bar { position: absolute; overflow:hidden; background: url("../images/jplayer.blue.monday.jpg") 0 -250px repeat-x; width:46px; height:5px; cursor: pointer; }
div.jp-audio div.jp-type-single div.jp-volume-bar { top:37px; left:302px; }
div.jp-audio div.jp-type-playlist div.jp-volume-bar { top:62px; left:293px; }

div.jp-volume-bar-value { background: url("../images/jplayer.blue.monday.jpg") 0 -256px repeat-x; width:0px; height:5px; }

div.jp-current-time, div.jp-duration { position:absolute; top:23px; width:40px; font-style:oblique; font-size:0.5em; }
	div.jp-current-time { left:20px; }
	div.jp-duration { left:300px; text-align:right; }

div.jp-playlist { /* width:418px; */ width:100%;  }
div.jp-playlist ul { list-style-type:none; margin:0; padding:0 20px; /* background-color:#ccc; */ /* border:1px solid #009be3; */ /* border-top:none; */ /* width:378px; */ }
div.jp-type-single div.jp-playlist li { padding:5px 0 5px 20px; font-weight:bold; }
div.jp-type-playlist div.jp-playlist li { padding:5px 0 4px 20px; }

div.jp-type-playlist div.jp-playlist li.jp-playlist-last { padding:5px 0 5px 20px; border-bottom:none; }
div.jp-type-playlist div.jp-playlist li.jp-playlist-current { list-style-type:square; list-style-position:inside; padding-left:8px; }
div.jp-type-playlist div.jp-playlist a { /*color: #666;*/ text-decoration: none; }
div.jp-type-playlist div.jp-playlist a:hover { /*color:#0d88c1;*/ cursor:auto; }
div.jp-type-playlist div.jp-playlist a.jp-playlist-current { /*color:#0d88c1; */}
div.jp-type-playlist div.jp-playlist div.jp-free-media { display:inline; margin-left:20px; }

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

li.playListItem { display:none; }
li.playListItem.jp-playlist-current { position:absolute; top:-32px; left:10px;  display:block; }

.plain li.playListItem { display:block; /*display:none;*/ }
.plain li.playListItem.jp-playlist-current { position: static; top: auto; left:auto;  /*position:absolute; top:-32px; left:10px; */ }
.plain div.jp-type-playlist div.jp-playlist li.jp-playlist-current { padding-left:20px; }