div.jp-single-player,
div.jp-playlist-player { font-size:1.25em; font-family:Verdana, Arial, sans-serif; line-height:1.6; color: #666; position:relative; }
div.jp-interface { position: relative; width:200px; height:20px; border:0px solid #009be3; }
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 { overflow:hidden; text-indent:-9999px; }

li.jp-play,
li.jp-pause { display: block; position: absolute; top:3px; width:9px; height:9px; cursor: pointer; border:0px solid red }

div.jp-single-player li.jp-play,
div.jp-single-player li.jp-pause { left:2px; }

/*div.jp-playlist-player li.jp-play, div.jp-playlist-player li.jp-pause { left:48px; }*/

li.jp-play { background: url(player.gif) 0 0 no-repeat; }
li.jp-play:hover { background: url(player.gif) -9px 0 no-repeat; }
li.jp-pause { background: url(player.gif) 0 -42px no-repeat; }
li.jp-pause:hover { background: url(player.gif) -41px -42px no-repeat; }

li.jp-stop { position: absolute; top:3px; background: url(player.gif) 0 -19px no-repeat; width:9px; height:9px; cursor: pointer; border:0px solid red }
div.jp-single-player li.jp-stop { left:12px; }
/*div.jp-playlist-player li.jp-stop { left:126px; }*/
li.jp-stop:hover { background: url(player.gif) -9px -19px no-repeat; }

/*
li.jp-previous { position: absolute; left:20px; top:26px; background: url(player.gif) 0 -112px no-repeat; width:28px; height:28px; cursor: pointer; }
li.jp-previous:hover { background: url(player.gif) -29px -112px no-repeat; }
li.jp-next { position: absolute; left:88px; top:26px; background: url(player.gif) 0 -141px no-repeat; width:28px; height:28px; cursor: pointer; }
li.jp-next:hover { background: url(player.gif) -29px -141px no-repeat; }
*/

div.jp-progress { position: absolute; overflow:hidden; top:6px; background-color: #8D5F0A; width:110px; height:2px; }
div.jp-single-player div.jp-progress { left:26px; }
/*div.jp-playlist-player div.jp-progress { left:164px; }*/
div.jp-load-bar { background: url(player.gif) 0 -30px repeat-x; width:0px; height:2px; cursor: pointer; }
div.jp-play-bar { background: url(player.gif) 0 -35px repeat-x ; width:0px; height:2px; }

div.jp-play-time,
div.jp-total-time { position: absolute; top:10px; width:110px; font-size:9px; color:#8D5F0A; }
div.jp-total-time { text-align: right; }
div.jp-single-player div.jp-play-time,
div.jp-single-player div.jp-total-time { left:26px; }

li.jp-volume-min { position: absolute; top:3px; background: url(player.gif) 0 -40px no-repeat; width:8px; height:8px; cursor: pointer; }
div.jp-single-player li.jp-volume-min { left:150px; }
/*div.jp-playlist-player li.jp-volume-min { left:296px;}*/
li.jp-volume-min:hover { background: url(player.gif) -10px -40px no-repeat; }

li.jp-volume-max { position: absolute; top:3px; background: url(player.gif) 0 -50px no-repeat; width:8px; height:8px; cursor: pointer; }
div.jp-single-player li.jp-volume-max { left:190px; }
/*div.jp-playlist-player li.jp-volume-max { left:368px; }*/
li.jp-volume-max:hover { background: url(player.gif) -10px -50px no-repeat; }

div.jp-volume-bar { position: absolute; overflow:hidden; top:6px; background: url(player.gif) 0 -60px repeat-x; width:30px; height:2px; cursor: pointer; }
div.jp-single-player div.jp-volume-bar { left:158px; }
/*div.jp-playlist-player div.jp-volume-bar { left:314px; }*/
div.jp-volume-bar-value { background: url(player.gif) 0 -63px repeat-x; width:0px; height:2px; }


/*
div.jp-playlist-player div.jp-play-time,
div.jp-playlist-player div.jp-total-time { left:162px; }
div.jp-playlist { width:418px; }
div.jp-playlist ul{ list-style-type:none; margin:0 0 10px 0; background-color:#ccc; border:1px solid #009be3; border-top:none; width:378px; font-size:.72em; }
div.jp-single-player div.jp-playlist ul { padding:5px 20px 5px 20px; }
div.jp-playlist-player div.jp-playlist ul { padding:10px 20px 20px 20px; }
div.jp-single-player div.jp-playlist li { padding:0 0 0 20px; font-weight:bold; }
div.jp-playlist-player div.jp-playlist li {	padding:4px 0 4px 20px; border-bottom:1px solid #eee; cursor: pointer; }
div.jp-playlist-player div.jp-playlist li.jplayer_playlist_current { color:#0d88c1; list-style-type:square; list-style-position:inside; padding-left:6px; cursor: default; }
div.jp-playlist-player div.jp-playlist li:hover { color:#0d88c1; }
*/
