#playbar { width:100%; min-width:975px; height:88px; z-index:200; bottom:0; left:0;  margin:0; padding:0; font-size:0.8333em; font-weight:900; color:#fff; position:fixed; _position:absolute; border-top:solid 1px #545454; }
#playbar a { line-height:26px; color:#fff; }
#playbar a:hover { text-decoration:none; }
#my-playlists ul, #my-playlists li, #playbar ul, #playbar li{ list-style-image:none; list-style-position:outside; list-style-type:none; } 

#playbar div.header span.maxi, #playbar div.header span.mini , #playbar a.create span, #playbar a.manage span, #playbar a.save span , #playbar a.clear span  { background:transparent url('/assets/img/playbar/icon-plus.png') no-repeat 0 59%; padding:0 0 0 8px;  } 
#playbar div.header span.mini { background-image:url('/assets/img/playbar/icon-minus.png'); } 
#playbar a.create span, #playbar a.save span { background-image:url('/assets/img/playbar/icon-plus.png'); } 
#playbar a.manage span { background-image:url('/assets/img/playbar/icon-manage.png'); margin-left:1em;  } 
#playbar a.clear span { background-image:url('/assets/img/playbar/icon-minus.png'); margin-left:1em;  } 

#playbar.maximized { height:88px; } 
#playbar.maximized div.header span.maxi { display:none; } 
#playbar.maximized div.header span.mini { display:inline; } 

#playbar.minimized, #playbar div.header { height:26px !important; overflow:hidden; } 
#playbar.minimized div.bar-wrapper { display:none; } 
#playbar.minimized div.header span.maxi { display:inline; } 
#playbar.minimized div.header span.mini { display:none; } 

#playbar div.header, #playbar div.bar-wrapper { padding:0 20px;  } 

#playbar div.header { background-color:#000; margin:0 !important; padding:0 !important;}
#playbar div.header a { padding:0 35px;  color:#df2100; text-align:center; }
#playbar div.header a.active { background-color:#282828; color:#fff; }

#playbar div.bar-wrapper { background-color:#282828; height:62px; } 
#playbar div.bar-wrapper div.ad { width:110px; height:48px; margin:9px 0 0; } 
#playbar div.bar-wrapper div.lists { width:216px; height:48px; margin:9px 9px 0 0; }
#playbar div.bar-wrapper div.lists div.select { width:180px; padding-right:5px; background:transparent url('/assets/img/playbar/bg-playlist-select.png') repeat ; font-weight:800; line-height:27px; height:27px; overflow:hidden; } 
#playbar div.bar-wrapper div.lists div.select div { padding:0 8px; background:transparent url('/assets/img/playbar/icon-arrow-up.png') no-repeat right 10px; font-weight:800; cursor:pointer;} 
#playbar div.bar-wrapper div.lists div.select div.disabled { background:none; cursor:default;} 

#my-playlists { position:absolute; padding:5px; width:175px; left:0; top:0; z-index:300; background:#444 url('/assets/img/playbar/icon-arrow-down.png') no-repeat 168px 9px; font-weight:800; color:#999; font-size:0.8333em; height:300px; overflow:auto; overflow-x:hidden;} 
#my-playlists li { font-weight:800; line-height:22px; border-bottom:solid 1px #696969; padding:0 3px; cursor:pointer;  }
#my-playlists li.current, #my-playlists li.hoverOn { background-color:#555; color:#fff;} 

#playbar div.scrollable li { list-style-image:none; list-style-position:outside; list-style-type:none; width:86px; height:52px; margin-right:1px;} 
#playbar div.scrollable li img {  width:86px; height:52px; } 
#playbar div.bar-wrapper div.play { width:81px; height:48px; margin:9px 0 0; }
#playbar div.bar-wrapper div.play .icon-play { width:41px; height:41px; float:left; background:transparent url('/assets/img/playbar/icon-play.png') no-repeat 0 0; text-indent:-9999em; margin:1px 40px 1px 0; cursor:pointer; }
#playbar div.bar-wrapper div.selector-not-enabled div.msg { font-weight:400; margin:9px 0 0;}

#playbar div.bar-wrapper div.play .disabled { background-position:0 !important;  cursor:default !important; }
#playbar div.bar-wrapper div.play .hover { background-position:0 -41px; }
#playbar div.bar-wrapper div.play .down { background-position:0 -82px; }
#playbar div.bar-wrapper div.scrollable-wrapper { height:52px; margin:0; padding:5px 0 0; } 
#playbar div.bar-wrapper div.scrollable-wrapper div.empty { padding:6px 0 0 16px; font-weight:800; z-index:2; position:relative; font-size:16px; text-align:left; } 
#playbar div.bar-wrapper div.scrollable-wrapper div.empty div.empty-icon span{  padding:0px 28px 0 0; background:transparent url('/assets/img/playbar/icon-add.png') no-repeat right 0; overflow:hidden; height:23px; line-height:20px; font-size:13px;} 
#playbar div.bar-wrapper div.scrollable-wrapper div.scrollable { height:52px; margin:0 1px; padding:0; position:relative; overflow:hidden;} 
#playbar div.bar-wrapper div.scrollable-wrapper div.scrollable ul { position:absolute; clear:both; height:52px; width:6525px; background:transparent url('/assets/img/playbar/bg-scroller.png') repeat-x 0 0; } 
#playbar div.bar-wrapper div.scrollable-wrapper div.scrollable ul li {  float:left; width:86px; height:52px; margin-right:1px; position:relative; top:0; border:0 !important; } 
#playbar div.bar-wrapper div.scrollable-wrapper div.scrollable ul li.ui-state-highlight { background-color:#000; opacity:0.15; filter:Alpha(Opacity=15); } 
#playbar div.bar-wrapper div.scrollable-wrapper div.scrollable ul li div.hover{ position:absolute; left:0; top:0; border:2px solid #df2100; height:48px; width:82px; opacity:0.9; filter:Alpha(Opacity=90);} 
#playbar div.bar-wrapper div.scrollable-wrapper div.scrollable ul li div.remove{ position:absolute; left:66px; top:32px; height:15px; width:15px; background:transparent url('/assets/img/playbar/icon-remove.png') no-repeat 0 0; cursor:pointer; opacity:0.9; filter:Alpha(Opacity=90); } 
#playbar div.bar-wrapper div.scrollable-wrapper div.scrollable ul li.now-playing div.hover{ display:block !important;  border:2px solid #fff !important;  } 
#playbar div.bar-wrapper div.scrollable-wrapper div.scrollable ul.ui-sortable-disabled li div.remove { display:none !important;  } 
#playbar div.bar-wrapper div.scrollable-wrapper div.scrollable ul li.empty { margin:0; } 


#playbar div.bar-wrapper .btn-go { margin:0; width:22px; height:52px; background:transparent url('/assets/img/playbar/icon-scroller-buttons.png') no-repeat 0 0; text-indent:-9999em; cursor:pointer; margin-right:1px; }
#playbar div.bar-wrapper .btn-go-right { background-position:-22px 0; margin-left:1px; } 
#playbar div.bar-wrapper .btn-go-left-hover { background-position:0 -52px; } 
#playbar div.bar-wrapper .btn-go-right-hover { background-position:-22px -52px; } 

#playbar  #go-left.disabled, 
#playbar div.bar-wrapper .btn-go-left-disabled { background-position:0 -104px !important;  cursor:default !important; }
#playbar  #go-right.disabled, #playbar div.bar-wrapper .btn-go-right-disabled { background-position:-22px -104px !important;  cursor:default !important; }

#playBar { display:none !important; } 


.ui-draggable-dragging .listContent , .ui-draggable-dragging .listThumb a , .ui-draggable-dragging .listThumb span, div.scrollable ul .listContent , div.scrollable ul .listThumb a , div.scrollable ul .listThumb span { display:none !important; } 
.ui-draggable-dragging, .ui-draggable-dragging img { display:block !important; float:left;  width:86px !important; height:52px !important; }

#pb-tip { position:absolute; z-index:400; color:#fff; left:0; top:0; background-color:#df2100; padding:7px 10px; } 
#pb-tip.now-playing {background-color:#fff; color:#df2100; } 
#pb-tip div.title { font-size:1.2em; font-weight:800;} 
#pb-tip div.artist {font-size:1em; } 

#dialog-create-new-playlist form input, #dialog-create-new-playlist form textarea { border:solid 1px #ccc; font-size:1.1em; width:100%; display:block;} 

#manage-menu { position:absolute; top:10px; left:10px; padding:2px 16px; background-color:#282828;  border:solid 1px #6b6b6b; z-index:201;}
#manage-menu ul li{ line-height:20px;}
#manage-menu ul li a{ font-weight:800; color:#fff; font-size:11px;}