div.jp-type-playlist {padding-top:1px;background:#000 url(../skin/bg.png) repeat-x}
div.jp-interface {height:40px;margin:0 auto;position:relative}
div.jp-type-playlist a.jp-play,div.jp-type-playlist a.jp-pause {left:44px}
/*
a.jp-play {width: 37px;height: 31px;background: url('../skin/sprites.png') no-repeat -482px -266px;}
a.jp-play:hover {width: 37px;height: 31px;background: url('../skin/sprites.png') no-repeat -469px -171px;}
a.jp-pause {width: 37px;height: 31px;background: url('../skin/sprites.png') no-repeat -520px -266px;}
a.jp-pause:hover {width: 37px;height: 31px;background: url('../skin/sprites.png') no-repeat -520px -266px;}
*/
/*a.jp-stop {top:26px;background: url("../skin/jplayer.blue.monday.jpg") 0 -83px no-repeat;width:28px;height:28px;}
div.jp-type-playlist a.jp-stop {left:126px;}
a.jp-stop:hover {background: url("../skin/jplayer.blue.monday.jpg") -29px -83px no-repeat;}
*/
/*
a.jp-previous {width: 37px;height: 31px;background: url('../skin/sprites.png') no-repeat -639px -359px;}
a.jp-previous:hover {width: 37px;height: 31px;background: url('../skin/sprites.png') no-repeat -567px -227px;}
a.jp-next {width: 37px;height: 31px;background: url('../skin/sprites.png') no-repeat -596px -266px;left:88px;}
a.jp-next:hover {width: 37px;height: 31px;background: url('../skin/sprites.png') no-repeat -558px -266px;}
*/
div.jp-type-playlist div.jp-progress {
position: relative;
margin: 5px 5px 0 5px;
width: 200px;
height: 30px;
border: 1px solid #000;
box-shadow: 0 1px 0 rgba(255,255,255,.15);
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.15);
background: #1e1919;
background: -moz-linear-gradient(top,  #1e1919 0%, #343030 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e1919), color-stop(100%,#343030));
background: -webkit-linear-gradient(top,  #1e1919 0%,#343030 100%);
background: -o-linear-gradient(top,  #1e1919 0%,#343030 100%);
background: -ms-linear-gradient(top,  #1e1919 0%,#343030 100%);
background: linear-gradient(to bottom,  #1e1919 0%,#343030 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e1919', endColorstr='#343030',GradientType=0)		
}
div.jp-seek-bar {
position: relative;
width: 200px;
height: 30px;
background: transparent;
cursor:pointer
}
div.jp-play-bar {
box-shadow: inset 0 1px 0 rgba(255,255,255,.2);
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2);
background: #ec0000;
background: -moz-linear-gradient(top,  #ec0000 0%, #e20000 21%, #b90000 72%, #a90000 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ec0000), color-stop(21%,#e20000), color-stop(72%,#b90000), color-stop(100%,#a90000));
background: -webkit-linear-gradient(top,  #ec0000 0%,#e20000 21%,#b90000 72%,#a90000 100%);
background: -o-linear-gradient(top,  #ec0000 0%,#e20000 21%,#b90000 72%,#a90000 100%);
background: -ms-linear-gradient(top,  #ec0000 0%,#e20000 21%,#b90000 72%,#a90000 100%);
background: linear-gradient(to bottom,  #ec0000 0%,#e20000 21%,#b90000 72%,#a90000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec0000', endColorstr='#a90000',GradientType=0 );
border-radius: 3px;
-webkit-border-radius: 3px
}
button.jp-mute {
position:relative;
top:2px;
left:8px;
width:8px;
height:10px;
background: url('../skin/sprites.png') no-repeat -51px -17px
}
button.jp-mute:hover {background: url('../skin/sprites.png') no-repeat -51px -17px}
button.jp-unmute {
position:relative;
top:2px;
left:10px;
width:8px;
height:10px;
background: url('../skin/sprites.png') no-repeat -51px -17px
}
button.jp-unmute:hover {background: url('../skin/sprites.png') no-repeat -51px -17px}
button.jp-volume-max {
position:relative;
top:2px;
left:70px;
width: 16px;
height: 10px;
background: url('../skin/sprites.png') no-repeat -51px -17px
}
button.jp-volume-max:hover {background: url('../skin/sprites.png') no-repeat -51px -17px}
div.jp-volume-bar {
position:absolute;
top:18px;
left:542px;
width:55px;
border-top:1px solid #000;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
cursor: pointer
}
div.jp-volume-bar-value {
background: url("../skin/akplayer.blue.monday.jpg") 0 0px repeat-x;
width:0px;
height:3px
}
div.jp-current-time,div.jp-duration {
font:normal 10px/15px Arial,Helvetica,sans-serif;
color:#666;
display:block;
position:absolute;
top:15px;
left:145px
}
div.jp-duration {left:608px}
div.other_controls{position:absolute;top:0;right:0}
div.other_controls .btn{float:left;margin-top:7px;margin-left:10px}
##############################################
b,strong {font-weight:bold}q{quotes:none}q:before,q:after{content:"";content:none}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align: baseline}sup{top:-0.5em}sub{bottom:-0.25em}ul,ol{ padding: 0 0 0 0}dd{margin: 0 0 0 40px}nav ul, nav ol { list-style: none; margin: 0; padding: 0}form{margin:0}fieldset{border:0;margin:0;padding:0}legend{border:0;margin-left:-7px;padding:0}label{cursor:pointer}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;vertical-align:middle}
button,input{line-height:normal;overflow:visible}
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button}
button{border:0;padding:0;outline:0}
.ir{display:block;text-indent:-999em;overflow:hidden;background-repeat:no-repeat;text-align:left;direction:ltr}
.embossed{display:inline-block;
padding:1px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
background:transparent;
background:-moz-linear-gradient(top,rgba(255,255,255,0) 33%,rgba(255,255,255,0.07) 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(33%,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,0.07)));
background:-webkit-linear-gradient(top,rgba(255,255,255,0) 33%,rgba(255,255,255,0.07) 100%);
background:-o-linear-gradient(top,rgba(255,255,255,0) 33%,rgba(255,255,255,0.07) 100%);
background:-ms-linear-gradient(top,rgba(255,255,255,0) 33%,rgba(255,255,255,0.07) 100%);
background:linear-gradient(top,rgba(255,255,255,0) 33%,rgba(255,255,255,0.07) 100%)}
.embossed>span{display:block;
position:relative;
cursor:pointer;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
border:1px solid #000;
background-color:#262626;
font:bold 12px/29px Arial,sans-serif;
color:#fff;
-webkit-font-smoothing:antialiased;
-webkit-box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.07);
-moz-box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.07);
box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.07)}
.embossed:hover>span{background-color:#1e1e1e}
.top_panel{position:fixed !important;top:0;left:0;width:100%;border-bottom:1px solid #000;background-color:#242121}
.top_panel .drawer{height:550px;overflow:auto;display:none}

.volume_knob {width:15px;height:16px;background:url('../skin/sprites.png') no-repeat -76px -77px}
.pull_drawer_down {width:32px;height:26px;background:url('../skin/sprites.png') no-repeat -713px -307px}
.pull_drawer_down:hover{width:32px;height:26px;background:url('../skin/sprites.png') no-repeat -713px -340px}
.pull_drawer_up {width:32px;height:26px;background:url('../skin/sprites.png') no-repeat -248px -134px}
.pull_drawer_up:hover{width:32px;height:26px;background:url('../skin/sprites.png') no-repeat -248px -21px}
.icn_home{width:12px;height:12px;background:url('../skin/sprites.png') no-repeat -84px -59px}