@charset "UTF-8";
/* plfull.css - styles for #playlist when full size
 * Copyright 2005 Tom W.M.  All rights reserved.
 */

/* makes highlighting *appear* to be disabled*/
::-moz-selection {
 background: inherit;
 color: inherit;
 }

#playlist {
 display: block;
 position: absolute;
 top: 116px;
 left: 0px;
 right: 0px;
 bottom: 0px;
 min-height: 80px;
 cursor: url(skins/Winamp2Classic/pnormal.cur), auto;
 }

#pl_titlebar {
 position: absolute;
 top: 0px;
 left: 0px;
 right: 0px;
 height: 20px;
 z-index: 1;
 min-width: 275px;
 cursor: url(skins/Winamp2Classic/ptbar.cur), auto;
 }

#pl_titlebar_filler {
 position: absolute;
 left: 25px;
 right: 25px;
 height: 20px;
 top: 0;
 overflow: hidden;
 z-index: -1;
 word-spacing: 0;
 white-space: nowrap;
 }
#pl_titlebar_filler div {
 float: left;
 top: 0;
 width: 25px;
 height: 20px;
 background: url(skins/Winamp2Classic/pledit.png);
 background-position: -127px 0;
 z-index: -1;
 }
#pl_titlebar_filler span {
 display: block;
 position: absolute;
 right: 0;
 top: 0;
 width: 25px;
 height: 20px;
 background: url(skins/Winamp2Classic/pledit.png);
 background-position: -127px 0;
 z-index: -1;
 }

#pl_tlcorner {
 position: absolute;
 height: 20px;
 width: 25px;
 top: 0;
 left: 0;
 background: url(skins/Winamp2Classic/pledit.png);
 }

#pl_center {
 margin-left: auto;
 margin-right: auto;
 width: 99px;
 height: 20px;
 background: url(skins/Winamp2Classic/pledit.png);
 background-position: -26px 0;
 }

#pl_trcorner {
 position: absolute;
 top: 0px;
 right: 0px;
 width: 25px;
 height: 20px;
 background: url(skins/Winamp2Classic/pledit.png);
 background-position: -153px 0;
 }

/* close and windowshade buttons: 
cursor: url(skins/Winamp2Classic/pclose.cur), pointer;
cursor: url(skins/Winamp2Classic/pswnorm.cur), pointer;
*/

#pl_viewframe {
 position: absolute;
 top: 20px;
 left: 0;
 right: 0;
 bottom: 38px;
 }

#pl_lefttiles {
 position: absolute;
 left: 0;
 top: 0;
 bottom: 0;
 width: 25px;
 overflow: hidden;
 }
#pl_lefttiles div {
 height: 29px;
 width: 25px;
 background: url(skins/Winamp2Classic/pledit.png);
 background-position: 0 -42px;
 }

#pl_righttiles {
 position: absolute;
 right: 0;
 top: 0;
 bottom: 0;
 width: 25px;
 overflow: hidden;
 }
#pl_righttiles div {
 height: 29px;
 width: 25px;
 background: url(skins/Winamp2Classic/pledit.png);
 background-position: -26px -42px;
 }

#pl_bottombar {
 position: absolute;
 left: 0;
 right: 0;
 bottom: 0;
 height: 38px;
 }

#pl_bottomleft {
 position: absolute;
 left: 0;
 bottom: 0;
 height: 38px;
 width: 125px;
 background: url(skins/Winamp2Classic/pledit.png);
 background-position: 0 -72px;
 }

#pl_bottombar_filler {
 position: absolute;
 left: 125px;
 right: 25px;
 height: 38px;
 top: 0;
 overflow: hidden;
 }
#pl_bottombar_filler div {
 float: left;
 top: 0;
 width: 25px;
 height: 38px;
 background: url(skins/Winamp2Classic/pledit.png);
 background-position: -179px 0;
 /*z-index: -1;*/
 }

#pl_bottomright {
 position: absolute;
 right: 0;
 bottom: 0;
 height: 38px;
 width: 150px;
 background: url(skins/Winamp2Classic/pledit.png);
 background-position: -126px -72px;
 }

#pllistcontainer {
 position: absolute;
 left: 11px;
 right: 20px;
 top: 0px;
 bottom: 0;
 overflow: hidden;
 }

#pltbody {
 position: absolute;
 padding-top: 4px;
 padding-bottom: 5px;
 top: 0;
 left: 0;
 right: 0;
 }

#track {
 position: absolute;
 width: 8px;
 top: 0px;
 /*bottom: -2px;*/
 bottom: 0;
 right: 7px;
 z-index: 100;
 cursor: url(skins/Winamp2Classic/pvscroll.cur), auto;
 }

#drag {
 position: absolute;
 top: 0;
 height: 18px;
 width: 8px;
 background: url(skins/Winamp2Classic/pledit.png);
 background-position: -52px -53px;
 }
#track.drag #drag, /* not currently used */
#drag:active {
 background-position: -61px -53px;
 }

#pl_scroll_up {
 position: absolute;
 right: 7px;
 width: 8px;
 height: 6px;
 top: 1px;
 cursor: pointer;
 }

#pl_scroll_down {
 position: absolute;
 right: 7px;
 width: 8px;
 height: 6px;
 top: 7px;
 cursor: pointer;
 }

#pl_listoptions {
 position: absolute;
 width: 25px;
 height: 18px;
 left: 103px;
 top: 8px;
 }
#pl_listoptions:hover {
 top: -28px;
 height: 54px;
 background: url(skins/Winamp2Classic/pledit.png);
 background-position: -250px -111px;
 }
#pl_listoptions a,
#pl_add a,
#pl_rem a,
#pl_sel a,
#pl_misc a {
 display: none;
 height: 18px;
 width: 22px;
 margin-left: 3px;
 background: url(skins/Winamp2Classic/pledit.png);
 }
#pl_listoptions:hover a,
#pl_add:hover a,
#pl_rem:hover a,
#pl_sel:hover a,
#pl_misc:hover a {display: block;}
a#pl_newlist {background-position: -204px -111px;}
a#pl_savelist {background-position: -204px -130px;}
a#pl_loadlist {background-position: -204px -149px;}
a#pl_newlist:hover {background-position: -227px -111px;}
a#pl_savelist:hover {background-position: -227px -130px;}
a#pl_loadlist:hover {background-position: -227px -149px;}

#pl_buttonarray {
 position: absolute;
 left: 4px;
 top: 22px;
 height: 9px;
 width: 56px;
 }
#pl_buttonarray a span {
 display: none;
 }
#pl_buttonarray a {
 position: absolute;
 display: block;
 height: 9px;
 width: 9px;
 }
#pl_buttonarray a#pl_back {
 left: 0px;
 }
#pl_buttonarray #pl_play {
 left: 9px;
 width: 10px;
 }
#pl_buttonarray #pl_pause {
 left: 19px;
 width: 10px;
 }
#pl_buttonarray #pl_stop {
 left: 29px;
 }
#pl_buttonarray #pl_forward {
 left: 38px;
 }
#pl_buttonarray #pl_eject {
 left: 47px;
 }





#pl_add {
 position: absolute;
 width: 25px;
 height: 18px;
 left: 11px;
 top: 8px;
 }
#pl_add:hover {
 top: -28px;
 height: 54px;
 background: url(skins/Winamp2Classic/pledit.png);
 background-position: -48px -111px;
 }
a#pl_addurl {background-position: 0 -111px;}
a#pl_adddir {background-position: 0 -130px;}
a#pl_addfile {background-position: 0 -149px;}
a#pl_addurl:hover {background-position: -23px -111px;}
a#pl_adddir:hover {background-position: -23px -130px;}
a#pl_addfile:hover {background-position: -23px -149px;}
#pl_rem {
 position: absolute;
 width: 25px;
 height: 18px;
 left: 40px;
 top: 8px;
 }
#pl_rem:hover {
 top: -46px;
 height: 72px;
 background: url(skins/Winamp2Classic/pledit.png);
 background-position: -100px -111px;
 }
a#pl_remmisc {background-position: -54px -168px;}
a#pl_remall {background-position: -54px -111px;}
a#pl_remcrop {background-position: -54px -130px;}
a#pl_remsel {background-position: -54px -149px;}
a#pl_remmisc:hover {background-position: -77px -168px;}
a#pl_remall:hover {background-position: -77px -111px;}
a#pl_remcrop:hover {background-position: -77px -130px;}
a#pl_remsel:hover {background-position: -77px -149px;}
#pl_sel {
 position: absolute;
 width: 25px;
 height: 18px;
 left: 69px;
 top: 8px;
 }
#pl_sel:hover {
 top: -28px;
 height: 54px;
 background: url(skins/Winamp2Classic/pledit.png);
 background-position: -150px -111px;
 }
a#pl_selinv {background-position: -104px -111px;}
a#pl_selzero {background-position: -104px -130px;}
a#pl_selall {background-position: -104px -149px;}
a#pl_selinv:hover {background-position: -127px -111px;}
a#pl_selzero:hover {background-position: -127px -130px;}
a#pl_selall:hover {background-position: -127px -149px;}
#pl_misc {
 position: absolute;
 width: 25px;
 height: 18px;
 left: 98px;
 top: 8px;
 }
#pl_misc:hover {
 top: -28px;
 height: 54px;
 background: url(skins/Winamp2Classic/pledit.png);
 background-position: -200px -111px;
 }
a#pl_miscsortlist {background-position: -154px -111px;}
a#pl_miscfileinf {background-position: -154px -130px;}
a#pl_miscopts {background-position: -154px -149px;}
a#pl_miscsortlist:hover {background-position: -177px -111px;}
a#pl_miscfileinf:hover {background-position: -177px -130px;}
a#pl_miscopts:hover {background-position: -177px -149px;}





#pllistcontainer table {
 width: 100%;
 overflow: hidden;
 }
#pllistcontainer tr {
 position: relative;
 display: block;
 font-size: 10px;
 white-space: nowrap;
 width: 100%;
 overflow: hidden;
 }
#pllistcontainer td.trackname {
 display: block;
 line-height: 10px;
 padding-left: 3px;
 padding-top: 2px;
 padding-bottom: 3px;
 }
#pllistcontainer td.fade {
 display: block;
 position: absolute;
 top: 0;
 right: 64px;
 height: 10px;
 width: 10px;
 }
#pllistcontainer td.fade div {
 position: absolute;
 height: 15px;
 width: 4px;
 right: 16px;
 top: 0;
 opacity: .2;
 }
#pllistcontainer td.fade div + div {
 opacity: .4;
 right: 12px;
 }

#pllistcontainer td.fade div + div + div {
 opacity: .6;
 right: 8px;
 }
#pllistcontainer td.fade div + div + div + div {
 opacity: .8;
 right: 4px;
 }
#pllistcontainer td.fade div + div + div + div + div {
 opacity: 1;
 right: 0;
 }

#pllistcontainer td.trackops {
 display: block;
 position: absolute;
 right: 32px;
 top: 0;
 width: 30px;
 height: 13px;
 background-color: inherit;
 }
#pllistcontainer td.trackops div {
 display: block;
 width: 34px;
 position: relative;
 top: 1px;
 height: 10px;
 }
#pllistcontainer tr td.trackops div a:hover {
 opacity: 1;
 }
#pllistcontainer td.pos {
 position: absolute;
 right: 0;
 top: 0;
 width: 30px;
 text-align: right;
 }

#pllistcontainer {
 color: rgb(0,255,0);
 background-color: rgb(0,0,0);
 }

#pllistcontainer tr td.trackops div a.trackup {
 border-bottom-width: 10px;
 border-left-width: 5px;
 border-right-width: 5px;
 }
#pllistcontainer tr td.trackops div a.trackdown {
 border-top-width: 10px;
 border-left-width: 5px;
 border-right-width: 5px;
 left: 10px;
 }
#pllistcontainer tr td.trackops div a.trackdel {
 height: 4px;
 width: 10px;
 left: 23px;
 top: 3px;
 }

#pllistcontainer tr td.trackops div a {
 display: block;
 position: absolute;
 top: 0;
 opacity: .5;
 border-style: solid;
 border-width: 0;
 background-color: rgb(0,255,0);
 border-top-color: rgb(0,255,0);
 border-bottom-color: rgb(0,255,0);
 border-left-color: rgb(0,0,0);
 border-right-color: rgb(0,0,0);
 }

/* normal track, selected */
#pllistcontainer tr.selected td.trackops a {
 background-color: rgb(0,255,0);
 border-top-color: rgb(0,255,0);
 border-bottom-color: rgb(0,255,0);
 border-left-color: rgb(40,40,66);
 border-right-color: rgb(40,40,66);
 }

/* current track, not selected */
#pllistcontainer tr.current td.trackops a {
 background-color: rgb(0,128,255);
 border-top-color: rgb(0,128,255);
 border-bottom-color: rgb(0,128,255);
 border-left-color: rgb(0,0,0);
 border-right-color: rgb(0,0,0);
 }

/* current track, selected */
#pllistcontainer tr.current.selected td.trackops a {
 background-color: rgb(0,128,255);
 border-top-color: rgb(0,128,255);
 border-bottom-color: rgb(0,128,255);
 border-left-color: rgb(40,40,66);
 border-right-color: rgb(40,40,66);
 }

#pllistcontainer tr.current {
 color: rgb(0,128,255);
 }

#pllistcontainer tr.selected {
 background-color: rgb(40,40,66);
 }

#pllistcontainer tr td.trackops,
#pllistcontainer tr td.pos,
#pllistcontainer tr td div {
 background-color: rgb(0,0,0);
 }

#pllistcontainer tr.selected td.trackops,
#pllistcontainer tr.selected td.pos,
#pllistcontainer tr.selected td div {
 background-color: rgb(40,40,66);
 }

#pl_selectedtotal {
 position: absolute;
 height: 9px;
 width: 91px;
 left: 0px;
 top: -15px;
 padding-top: 3px;
 padding-left: 3px;
 overflow: hidden;
 }

#pl_currenttime {
 position: absolute;
 top: 0;
 left: 59px;
 width: 34px;
 height: 8px;
 }
#pl_currenttime_min {
 position: absolute;
 left: 0;
 top: 0;
 width: 20px;
 height: 8px;
 padding-top: 1px;
 }
#pl_currenttime_sec {
 position: absolute;
 left: 23px;
 top: 0;
 width: 11px;
 height: 8px;
 padding-top: 1px;
 }