/* skin-sprites.css — generated by import_skin.py */
/* Each class is a fixed-size element showing one sprite via
   background-position. Use like <button class="spr-play"></button>.
   Scale only by integer factors or the pixel art turns to mush. */

[class^="spr-"], [class*=" spr-"] {
  display: inline-block;
  image-rendering: pixelated;
  background-repeat: no-repeat;
  border: 0; padding: 0; background-color: transparent;
}

/* ---- balance (balance.png) ---- */
.spr-main-balance-background { width:38px; height:420px; background-image:url(balance.png); background-position:-9px 0; }
.spr-main-balance-thumb { width:14px; height:11px; background-image:url(balance.png); background-position:-15px -422px; }
.spr-main-balance-thumb:active { background-position:0 -422px; }

/* ---- cbuttons (cbuttons.png) ---- */
.spr-prev { width:23px; height:18px; background-image:url(cbuttons.png); background-position:0 0; }
.spr-prev:active { background-position:0 -18px; }
.spr-play { width:23px; height:18px; background-image:url(cbuttons.png); background-position:-23px 0; }
.spr-play:active { background-position:-23px -18px; }
.spr-pause { width:23px; height:18px; background-image:url(cbuttons.png); background-position:-46px 0; }
.spr-pause:active { background-position:-46px -18px; }
.spr-stop { width:23px; height:18px; background-image:url(cbuttons.png); background-position:-69px 0; }
.spr-stop:active { background-position:-69px -18px; }
.spr-next { width:23px; height:18px; background-image:url(cbuttons.png); background-position:-92px 0; }
.spr-next:active { background-position:-92px -18px; }
.spr-eject { width:22px; height:16px; background-image:url(cbuttons.png); background-position:-114px 0; }
.spr-eject:active { background-position:-114px -16px; }

/* ---- eqmain (eqmain.png) ---- */
.spr-eq-window-background { width:275px; height:116px; background-image:url(eqmain.png); background-position:0 0; }
.spr-eq-title-bar { width:275px; height:14px; background-image:url(eqmain.png); background-position:0 -149px; }
.spr-eq-title-bar-selected { width:275px; height:14px; background-image:url(eqmain.png); background-position:0 -134px; }
.spr-eq-slider-background { width:209px; height:129px; background-image:url(eqmain.png); background-position:-13px -164px; }
.spr-eq-slider-thumb { width:11px; height:11px; background-image:url(eqmain.png); background-position:0 -164px; }
.spr-eq-slider-thumb-selected { width:11px; height:11px; background-image:url(eqmain.png); background-position:0 -176px; }
.spr-eq-close-button { width:9px; height:9px; background-image:url(eqmain.png); background-position:0 -116px; }
.spr-eq-close-button:active { background-position:0 -125px; }
.spr-eq-maximize-button-active-fallback { width:9px; height:9px; background-image:url(eqmain.png); background-position:-254px -152px; }
.spr-eq-on-button { width:26px; height:12px; background-image:url(eqmain.png); background-position:-10px -119px; }
.spr-eq-on-button:active { background-position:-128px -119px; }
.spr-eq-on-button-selected { width:26px; height:12px; background-image:url(eqmain.png); background-position:-69px -119px; }
.spr-eq-on-button-selected:active { background-position:-187px -119px; }
.spr-eq-auto-button { width:32px; height:12px; background-image:url(eqmain.png); background-position:-36px -119px; }
.spr-eq-auto-button:active { background-position:-154px -119px; }
.spr-eq-auto-button-selected { width:32px; height:12px; background-image:url(eqmain.png); background-position:-95px -119px; }
.spr-eq-auto-button-selected:active { background-position:-213px -119px; }
.spr-eq-graph-background { width:113px; height:19px; background-image:url(eqmain.png); background-position:0 -294px; }
.spr-eq-graph-line-colors { width:1px; height:19px; background-image:url(eqmain.png); background-position:-115px -294px; }
.spr-eq-presets-button { width:44px; height:12px; background-image:url(eqmain.png); background-position:-224px -164px; }
.spr-eq-presets-button-selected { width:44px; height:12px; background-image:url(eqmain.png); background-position:-224px -176px; }
.spr-eq-preamp-line { width:113px; height:1px; background-image:url(eqmain.png); background-position:0 -314px; }

/* ---- eq_ex (eq_ex.png) ---- */
.spr-eq-shade-background-selected { width:275px; height:14px; background-image:url(eq_ex.png); background-position:0 0; }
.spr-eq-shade-background { width:275px; height:14px; background-image:url(eq_ex.png); background-position:0 -15px; }
.spr-eq-shade-volume-slider-left { width:3px; height:7px; background-image:url(eq_ex.png); background-position:-1px -30px; }
.spr-eq-shade-volume-slider-center { width:3px; height:7px; background-image:url(eq_ex.png); background-position:-4px -30px; }
.spr-eq-shade-volume-slider-right { width:3px; height:7px; background-image:url(eq_ex.png); background-position:-7px -30px; }
.spr-eq-shade-balance-slider-left { width:3px; height:7px; background-image:url(eq_ex.png); background-position:-11px -30px; }
.spr-eq-shade-balance-slider-center { width:3px; height:7px; background-image:url(eq_ex.png); background-position:-14px -30px; }
.spr-eq-shade-balance-slider-right { width:3px; height:7px; background-image:url(eq_ex.png); background-position:-17px -30px; }
.spr-eq-maximize-button { width:9px; height:9px; background-image:url(eq_ex.png); background-position:-1px -38px; }
.spr-eq-minimize-button { width:9px; height:9px; background-image:url(eq_ex.png); background-position:-1px -47px; }
.spr-eq-shade-close-button { width:9px; height:9px; background-image:url(eq_ex.png); background-position:-11px -38px; }
.spr-eq-shade-close-button:active { background-position:-11px -47px; }

/* ---- main (main.png) ---- */
.spr-main-window-background { width:275px; height:116px; background-image:url(main.png); background-position:0 0; }

/* ---- monoster (monoster.png) ---- */
.spr-main-stereo { width:29px; height:12px; background-image:url(monoster.png); background-position:0 -12px; }
.spr-main-stereo-selected { width:29px; height:12px; background-image:url(monoster.png); background-position:0 0; }
.spr-main-mono { width:27px; height:12px; background-image:url(monoster.png); background-position:-29px -12px; }
.spr-main-mono-selected { width:27px; height:12px; background-image:url(monoster.png); background-position:-29px 0; }

/* ---- numbers (numbers.png) ---- */
.spr-no-minus-sign { width:5px; height:1px; background-image:url(numbers.png); background-position:-9px -6px; }
.spr-minus-sign { width:5px; height:1px; background-image:url(numbers.png); background-position:-20px -6px; }
.spr-digit-0 { width:9px; height:13px; background-image:url(numbers.png); background-position:0 0; }
.spr-digit-1 { width:9px; height:13px; background-image:url(numbers.png); background-position:-9px 0; }
.spr-digit-2 { width:9px; height:13px; background-image:url(numbers.png); background-position:-18px 0; }
.spr-digit-3 { width:9px; height:13px; background-image:url(numbers.png); background-position:-27px 0; }
.spr-digit-4 { width:9px; height:13px; background-image:url(numbers.png); background-position:-36px 0; }
.spr-digit-5 { width:9px; height:13px; background-image:url(numbers.png); background-position:-45px 0; }
.spr-digit-6 { width:9px; height:13px; background-image:url(numbers.png); background-position:-54px 0; }
.spr-digit-7 { width:9px; height:13px; background-image:url(numbers.png); background-position:-63px 0; }
.spr-digit-8 { width:9px; height:13px; background-image:url(numbers.png); background-position:-72px 0; }
.spr-digit-9 { width:9px; height:13px; background-image:url(numbers.png); background-position:-81px 0; }

/* ---- playpaus (playpaus.png) ---- */
.spr-main-playing-indicator { width:9px; height:9px; background-image:url(playpaus.png); background-position:0 0; }
.spr-main-paused-indicator { width:9px; height:9px; background-image:url(playpaus.png); background-position:-9px 0; }
.spr-main-stopped-indicator { width:9px; height:9px; background-image:url(playpaus.png); background-position:-18px 0; }
.spr-main-not-working-indicator { width:9px; height:9px; background-image:url(playpaus.png); background-position:-36px 0; }
.spr-main-working-indicator { width:9px; height:9px; background-image:url(playpaus.png); background-position:-39px 0; }

/* ---- pledit (pledit.png) ---- */
.spr-playlist-top-tile { width:25px; height:20px; background-image:url(pledit.png); background-position:-127px -21px; }
.spr-playlist-top-left-corner { width:25px; height:20px; background-image:url(pledit.png); background-position:0 -21px; }
.spr-playlist-title-bar { width:100px; height:20px; background-image:url(pledit.png); background-position:-26px -21px; }
.spr-playlist-top-right-corner { width:25px; height:20px; background-image:url(pledit.png); background-position:-153px -21px; }
.spr-playlist-top-tile-selected { width:25px; height:20px; background-image:url(pledit.png); background-position:-127px 0; }
.spr-playlist-top-left-selected { width:25px; height:20px; background-image:url(pledit.png); background-position:0 0; }
.spr-playlist-title-bar-selected { width:100px; height:20px; background-image:url(pledit.png); background-position:-26px 0; }
.spr-playlist-top-right-corner-selected { width:25px; height:20px; background-image:url(pledit.png); background-position:-153px 0; }
.spr-playlist-left-tile { width:12px; height:29px; background-image:url(pledit.png); background-position:0 -42px; }
.spr-playlist-right-tile { width:20px; height:29px; background-image:url(pledit.png); background-position:-31px -42px; }
.spr-playlist-bottom-tile { width:25px; height:38px; background-image:url(pledit.png); background-position:-179px 0; }
.spr-playlist-bottom-left-corner { width:125px; height:38px; background-image:url(pledit.png); background-position:0 -72px; }
.spr-playlist-bottom-right-corner { width:150px; height:38px; background-image:url(pledit.png); background-position:-126px -72px; }
.spr-playlist-visualizer-background { width:75px; height:38px; background-image:url(pledit.png); background-position:-205px 0; }
.spr-playlist-shade-background { width:25px; height:14px; background-image:url(pledit.png); background-position:-72px -57px; }
.spr-playlist-shade-background-left { width:25px; height:14px; background-image:url(pledit.png); background-position:-72px -42px; }
.spr-playlist-shade-background-right { width:50px; height:14px; background-image:url(pledit.png); background-position:-99px -57px; }
.spr-playlist-shade-background-right-selected { width:50px; height:14px; background-image:url(pledit.png); background-position:-99px -42px; }
.spr-playlist-scroll-handle-selected { width:8px; height:18px; background-image:url(pledit.png); background-position:-61px -53px; }
.spr-playlist-scroll-handle { width:8px; height:18px; background-image:url(pledit.png); background-position:-52px -53px; }
.spr-playlist-add-url { width:22px; height:18px; background-image:url(pledit.png); background-position:0 -111px; }
.spr-playlist-add-url-selected { width:22px; height:18px; background-image:url(pledit.png); background-position:-23px -111px; }
.spr-playlist-add-dir { width:22px; height:18px; background-image:url(pledit.png); background-position:0 -130px; }
.spr-playlist-add-dir-selected { width:22px; height:18px; background-image:url(pledit.png); background-position:-23px -130px; }
.spr-playlist-add-file { width:22px; height:18px; background-image:url(pledit.png); background-position:0 -149px; }
.spr-playlist-add-file-selected { width:22px; height:18px; background-image:url(pledit.png); background-position:-23px -149px; }
.spr-playlist-remove-all { width:22px; height:18px; background-image:url(pledit.png); background-position:-54px -111px; }
.spr-playlist-remove-all-selected { width:22px; height:18px; background-image:url(pledit.png); background-position:-77px -111px; }
.spr-playlist-crop { width:22px; height:18px; background-image:url(pledit.png); background-position:-54px -130px; }
.spr-playlist-crop-selected { width:22px; height:18px; background-image:url(pledit.png); background-position:-77px -130px; }
.spr-playlist-remove-selected { width:22px; height:18px; background-image:url(pledit.png); background-position:-54px -149px; }
.spr-playlist-remove-selected-selected { width:22px; height:18px; background-image:url(pledit.png); background-position:-77px -149px; }
.spr-playlist-remove-misc { width:22px; height:18px; background-image:url(pledit.png); background-position:-54px -168px; }
.spr-playlist-remove-misc-selected { width:22px; height:18px; background-image:url(pledit.png); background-position:-77px -168px; }
.spr-playlist-invert-selection { width:22px; height:18px; background-image:url(pledit.png); background-position:-104px -111px; }
.spr-playlist-invert-selection-selected { width:22px; height:18px; background-image:url(pledit.png); background-position:-127px -111px; }
.spr-playlist-select-zero { width:22px; height:18px; background-image:url(pledit.png); background-position:-104px -130px; }
.spr-playlist-select-zero-selected { width:22px; height:18px; background-image:url(pledit.png); background-position:-127px -130px; }
.spr-playlist-select-all { width:22px; height:18px; background-image:url(pledit.png); background-position:-104px -149px; }
.spr-playlist-select-all-selected { width:22px; height:18px; background-image:url(pledit.png); background-position:-127px -149px; }
.spr-playlist-sort-list { width:22px; height:18px; background-image:url(pledit.png); background-position:-154px -111px; }
.spr-playlist-sort-list-selected { width:22px; height:18px; background-image:url(pledit.png); background-position:-177px -111px; }
.spr-playlist-file-info { width:22px; height:18px; background-image:url(pledit.png); background-position:-154px -130px; }
.spr-playlist-file-info-selected { width:22px; height:18px; background-image:url(pledit.png); background-position:-177px -130px; }
.spr-playlist-misc-options { width:22px; height:18px; background-image:url(pledit.png); background-position:-154px -149px; }
.spr-playlist-misc-options-selected { width:22px; height:18px; background-image:url(pledit.png); background-position:-177px -149px; }
.spr-playlist-new-list { width:22px; height:18px; background-image:url(pledit.png); background-position:-204px -111px; }
.spr-playlist-new-list-selected { width:22px; height:18px; background-image:url(pledit.png); background-position:-227px -111px; }
.spr-playlist-save-list { width:22px; height:18px; background-image:url(pledit.png); background-position:-204px -130px; }
.spr-playlist-save-list-selected { width:22px; height:18px; background-image:url(pledit.png); background-position:-227px -130px; }
.spr-playlist-load-list { width:22px; height:18px; background-image:url(pledit.png); background-position:-204px -149px; }
.spr-playlist-load-list-selected { width:22px; height:18px; background-image:url(pledit.png); background-position:-227px -149px; }
.spr-playlist-add-menu-bar { width:3px; height:54px; background-image:url(pledit.png); background-position:-48px -111px; }
.spr-playlist-remove-menu-bar { width:3px; height:72px; background-image:url(pledit.png); background-position:-100px -111px; }
.spr-playlist-select-menu-bar { width:3px; height:54px; background-image:url(pledit.png); background-position:-150px -111px; }
.spr-playlist-misc-menu-bar { width:3px; height:54px; background-image:url(pledit.png); background-position:-200px -111px; }
.spr-playlist-list-bar { width:3px; height:54px; background-image:url(pledit.png); background-position:-250px -111px; }
.spr-playlist-close-selected { width:9px; height:9px; background-image:url(pledit.png); background-position:-52px -42px; }
.spr-playlist-collapse-selected { width:9px; height:9px; background-image:url(pledit.png); background-position:-62px -42px; }
.spr-playlist-expand-selected { width:9px; height:9px; background-image:url(pledit.png); background-position:-150px -42px; }

/* ---- posbar (posbar.png) ---- */
.spr-main-position-slider-background { width:248px; height:10px; background-image:url(posbar.png); background-position:0 0; }
.spr-main-position-slider-thumb { width:29px; height:10px; background-image:url(posbar.png); background-position:-248px 0; }
.spr-main-position-slider-thumb-selected { width:29px; height:10px; background-image:url(posbar.png); background-position:-278px 0; }

/* ---- shufrep (shufrep.png) ---- */
.spr-main-shuffle-button { width:47px; height:15px; background-image:url(shufrep.png); background-position:-28px 0; }
.spr-main-shuffle-button:active { background-position:-28px -15px; }
.spr-main-shuffle-button-selected { width:47px; height:15px; background-image:url(shufrep.png); background-position:-28px -30px; }
.spr-main-shuffle-button-selected:active { background-position:-28px -45px; }
.spr-main-repeat-button { width:28px; height:15px; background-image:url(shufrep.png); background-position:0 0; }
.spr-main-repeat-button:active { background-position:0 -15px; }
.spr-main-repeat-button-selected { width:28px; height:15px; background-image:url(shufrep.png); background-position:0 -30px; }
.spr-main-repeat-button-selected:active { background-position:0 -45px; }
.spr-main-eq-button { width:23px; height:12px; background-image:url(shufrep.png); background-position:0 -61px; }
.spr-main-eq-button:active { background-position:-46px -61px; }
.spr-main-eq-button-selected { width:23px; height:12px; background-image:url(shufrep.png); background-position:0 -73px; }
.spr-main-eq-button-depressed-selected { width:23px; height:12px; background-image:url(shufrep.png); background-position:-46px -73px; }
.spr-main-playlist-button { width:23px; height:12px; background-image:url(shufrep.png); background-position:-23px -61px; }
.spr-main-playlist-button:active { background-position:-69px -61px; }
.spr-main-playlist-button-selected { width:23px; height:12px; background-image:url(shufrep.png); background-position:-23px -73px; }
.spr-main-playlist-button-depressed-selected { width:23px; height:12px; background-image:url(shufrep.png); background-position:-69px -73px; }

/* ---- titlebar (titlebar.png) ---- */
.spr-main-title-bar { width:275px; height:14px; background-image:url(titlebar.png); background-position:-27px -15px; }
.spr-main-title-bar-selected { width:275px; height:14px; background-image:url(titlebar.png); background-position:-27px 0; }
.spr-main-easter-egg-title-bar { width:275px; height:14px; background-image:url(titlebar.png); background-position:-27px -72px; }
.spr-main-easter-egg-title-bar-selected { width:275px; height:14px; background-image:url(titlebar.png); background-position:-27px -57px; }
.spr-main-options-button { width:9px; height:9px; background-image:url(titlebar.png); background-position:0 0; }
.spr-main-options-button:active { background-position:0 -9px; }
.spr-main-minimize-button { width:9px; height:9px; background-image:url(titlebar.png); background-position:-9px 0; }
.spr-main-minimize-button:active { background-position:-9px -9px; }
.spr-main-shade-button { width:9px; height:9px; background-image:url(titlebar.png); background-position:0 -18px; }
.spr-main-shade-button:active { background-position:-9px -18px; }
.spr-main-close-button { width:9px; height:9px; background-image:url(titlebar.png); background-position:-18px 0; }
.spr-main-close-button:active { background-position:-18px -9px; }

/* ---- volume (volume.png) ---- */
.spr-main-volume-background { width:68px; height:420px; background-image:url(volume.png); background-position:0 0; }
.spr-main-volume-thumb { width:14px; height:11px; background-image:url(volume.png); background-position:-15px -422px; }
.spr-main-volume-thumb-selected { width:14px; height:11px; background-image:url(volume.png); background-position:0 -422px; }


/* ---- bitmap font (text.png), 5x6 cells ---- */
.skinchar { display:inline-block; width:5px; height:6px;
  background-image:url(text.png); image-rendering:pixelated;
  background-repeat:no-repeat; vertical-align:baseline; }