/*
 * Skin for jPlayer Plugin (jQuery JavaScript Library)
 * http://www.happyworm.com/jquery/jplayer
 *
 * Skin Name: Basic
 *
 * 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
 */
#NowPlaying
{
	border: none;
	font-size:12px; 
	color:#6699CC; 
	height:35px;
	position:absolute; 
	top:30px; 
	left:12px; 
	width:245px;
	overflow:hidden;
}
div.jp-single-player, div.jp-playlist-player
{
	/* Edit the font-size to counteract inherited font sizing. 	 * Eg. 1.25em = 1 / 0.8em 	 */ /*font-size:1em;*/ /* No parent CSS that can effect the size in these demos */ /*font-family:Verdana, Arial, sans-serif; 	line-height:1.6;*/ /*color: #666;*/
}
div.jp-interface
{
	position: relative; /*background-color:#eee;*/
	width: 270px;
	height: 80px; /*border:1px solid #009be3;*/
}
div.jp-single-player div.jp-interface
{
	border-bottom: none;
}
div.jp-playlist-player div.jp-interface
{
	top: 195px;
}
div.jp-interface ul.jp-controls
{
	list-style-type: none;
	padding: 0;
	margin: 0 0 0 10px;
}
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: 20px;
	width: 40px;
	height: 40px;
}
div.jp-single-player a.jp-play, div.jp-single-player a.jp-pause
{
	left: 40px;
}
div.jp-playlist-player a.jp-play, div.jp-playlist-player a.jp-pause
{
	left: 28px;
}
a.jp-play
{
	background: url( "jplayer.basic.jpg" ) 0 0 no-repeat;
}
a.jp-play:hover
{
	background: url( "jplayer.basic.jpg" ) -41px 0 no-repeat;
}
a.jp-pause
{
	background: url( "jplayer.basic.jpg" ) 0 -42px no-repeat;
}
a.jp-pause:hover
{
	background: url( "jplayer.basic.jpg" ) -41px -42px no-repeat;
}
a.jp-stop
{
	top: 26px;
	background: url( "jplayer.basic.jpg" ) 0 -83px no-repeat;
	width: 28px;
	height: 28px;
}
div.jp-single-player a.jp-stop
{
	left: 90px;
}
div.jp-playlist-player a.jp-stop
{
	left: 67px;
}
a.jp-stop:hover
{
	background: url( "jplayer.basic.jpg" ) -29px -83px no-repeat;
}
a.jp-previous
{
	left: 0px;
	top: 26px;
	background: url( "jplayer.basic.jpg" ) 0 -112px no-repeat;
	width: 28px;
	height: 28px;
}
a.jp-previous:hover
{
	background: url( "jplayer.basic.jpg" ) -29px -112px no-repeat;
}
a.jp-next
{
	left: 97px;
	top: 26px;
	background: url( "jplayer.basic.jpg" ) 0 -141px no-repeat;
	width: 28px;
	height: 28px;
}
a.jp-next:hover
{
	background: url( "jplayer.basic.jpg" ) -29px -141px no-repeat;
}
div.jp-progress
{
	position: absolute;
	overflow: hidden;
	background-color: #eaeaea;
	border-top: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	left: 10px;
	top: 10px;
	width: 250px; /*122*/
	height: 7px;
}
div.jp-single-player div.jp-progress
{
	left: 130px;
}
div.jp-playlist-player div.jp-progress
{
	/*left:164px;*/
}
div.jp-load-bar
{
	background: #6699cc url( "jplayer.basic.jpg" ) 0 -202px repeat-x;
	width: 0px;
	height: 75px;
	cursor: pointer;
}
div.jp-play-bar
{
	background: url( "jplayer.basic.jpg" ) 0 -218px repeat-x;
	width: 0px;
	height: 5px;
}
a.jp-volume-min
{
	top: 32px;
	background: url( "jplayer.basic.jpg" ) 0 -170px no-repeat;
	width: 18px;
	height: 15px;
}
div.jp-single-player a.jp-volume-min
{
	left: 274px;
}
div.jp-playlist-player a.jp-volume-min
{
	left: 154px;
}
a.jp-volume-min:hover
{
	background: url( "jplayer.basic.jpg" ) -19px -170px no-repeat;
}
a.jp-volume-max
{
	top: 32px;
	background: url( "jplayer.basic.jpg" ) 0 -186px no-repeat;
	width: 18px;
	height: 15px;
}
div.jp-single-player a.jp-volume-max
{
	left: 346px;
}
div.jp-playlist-player a.jp-volume-max
{
	left: 222px;
}
a.jp-volume-max:hover
{
	background: url( "jplayer.basic.jpg" ) -19px -186px no-repeat;
}

div.jp-volume-bar
{
	position: absolute;
	overflow: hidden;
	top: 37px;
	/*background: url( "jplayer.basic.jpg" ) 0 -250px repeat-x;*/
	background-color: #eaeaea;
	border-top: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	width: 46px;
	height: 7px;
	cursor: pointer;
}
div.jp-single-player div.jp-volume-bar
{
	left: 292px;
}
div.jp-playlist-player div.jp-volume-bar
{
	left: 180px;
}
div.jp-volume-bar-value
{
	/*background: url( "jplayer.basic.jpg" ) 0 -256px repeat-x;*/
	background-color: #6699cc;
	width: 0px;
	height: 5px;
}
div.jp-play-time, div.jp-total-time
{
	position: absolute;
	top: 20px;
	width: 240px;
	font-size: 11px;
	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: 130px;
}
div.jp-playlist-player div.jp-play-time, div.jp-playlist-player div.jp-total-time
{
	display: none; /*left:164px;*/
}
div.jp-playlist
{
	/*border: solid 1px #eaeaea;*/
	width: 230px;
	overflow: hidden; /* 	background: #ccc; 	 	float: left;*/
}
div.jp-playlist ul
{
	list-style-type: none;
	margin: 0;
	padding: 5px; /*background-color:#ccc; 	border:1px solid #009be3;*/
	border-top: none; /**/ /*font-size:.72em;*/
	width: 240px;
}
div.jp-single-player div.jp-playlist li
{
	/*padding: 5px 0 5px 5px; 	font-weight: bold;*/
}
div.jp-playlist-player div.jp-playlist li
{
	/*padding: 5px 0 4px 5px; border-bottom: 1px dotted #000;*/
	height: 20px;
	line-height: 20px;
}
div.jp-playlist-player div.jp-playlist li.jplayer_playlist_item_last
{
	/*padding: 5px 0 5px 5px;*/
	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;*/
	font-weight: bold;
}
div.jp-playlist-player div.jp-playlist a
{
	font-size: 12px;
	color: #6699CC;
	font-weight: normal;
	text-decoration: none;
}
div.jp-playlist-player div.jp-playlist a:hover
{
	font-weight: bold;
	color: #6699CC;
}
div.jp-playlist-player div.jp-playlist a.jplayer_playlist_current
{
	color:#0d88c1; 	font-weight: bold;
}