/* Generic BrowseAmp Window
 * Copyright 2005 Tom W.M.  All rights reserved.
 */

/* associated XHTML:

<div class="gen-container" id="container">
 <div class="gen-titlebar">
  <div class="gen-titlebartiles">
   <div></div><div></div><div></div><div></div><div></div><div></div><div></div>
   <div></div><div></div><div></div><div></div><div></div><div></div><div></div>
   <div></div><div></div><div></div><div></div><div></div><div></div><div></div>
   <div></div><div></div><div></div><div></div><div></div><div></div><div></div>
   <div></div><div></div><div></div><div></div><div></div><div></div><div></div>
   <div></div><div></div><div></div><div></div><div></div><div></div><div></div>
   <div></div><div></div><div></div><div></div><div></div><div></div><div></div>
   <div></div><div></div><div></div><div></div><div></div><div></div><div></div>
   <div></div><div></div><div></div><div></div><div></div><div></div><div></div>
  </div>
  <div class="gen-ul"></div>
  <div class="gen-ur"></div>
  <div class="gen-close"></div>
  <div class="gen-center">
   <div class="gen-center-l"></div>
   <div class="gen-center-text">
    <div class="gen-center-tiles">
     <div></div><div></div><div></div><div></div><div></div><div></div>
     <div></div><div></div><div></div><div></div><div></div><div></div>
     <div></div><div></div><div></div><div></div><div></div><div></div>
    </div>
    <!-- text spans here -->
   </div>
   <div class="gen-center-r"></div>
  </div>
 </div>
 <div class="gen-ltiles">
  <div></div><div></div><div></div><div></div><div></div><div></div><div></div>
  <div></div><div></div><div></div><div></div><div></div><div></div><div></div>
  <div></div><div></div><div></div><div></div><div></div><div></div><div></div>
  <div></div><div></div><div></div><div></div><div></div><div></div><div></div>
 </div>
 <div class="gen-rtiles">
  <div></div><div></div><div></div><div></div><div></div><div></div><div></div>
  <div></div><div></div><div></div><div></div><div></div><div></div><div></div>
  <div></div><div></div><div></div><div></div><div></div><div></div><div></div>
  <div></div><div></div><div></div><div></div><div></div><div></div><div></div>
 </div>
 <div class="gen-ltiles-end"></div>
 <div class="gen-rtiles-end"></div>
 <div class="gen-statusbar">
  <div class="gen-statusbartiles">
   <div></div><div></div><div></div><div></div><div></div><div></div><div></div>
   <div></div><div></div><div></div><div></div><div></div><div></div><div></div>
   <div></div><div></div><div></div><div></div><div></div><div></div><div></div>
   <div></div><div></div><div></div><div></div><div></div><div></div><div></div>
   <div></div><div></div><div></div><div></div><div></div><div></div><div></div>
   <div></div><div></div><div></div><div></div><div></div><div></div><div></div>
   <div></div><div></div><div></div><div></div><div></div><div></div><div></div>
   <div></div><div></div><div></div><div></div><div></div><div></div><div></div>
  </div>
  <div class="gen-bl"></div>
  <div class="gen-br"></div>
 <div>
 <div class="gen-content">
<!-- content start -->

<!-- content end -->
 </div>
</div>

*/

div.gen-container {
 position: relative;
 min-width: 200px;
 min-height: 200px;
 background: rgb(0,0,0);
 }

div.gen-titlebar {
 position: absolute;
 left: 0;
 top: 0;
 right: 0;
 height: 20px;
 }
div.gen-ltiles div,
div.gen-rtiles div,
div.gen-rtiles-end,
div.gen-ltiles-end,
div.gen-statusbar div,
div.gen-titlebar div {
 background-image: url(skins/Winamp2Classic/gen.png);
 }
div.gen-titlebar div {
 top: 0;
 height: 20px;
 }
div.gen-titlebartiles {
 position: absolute;
 left: 25px;
 right: 0px;
 overflow: hidden;
 background-repeat: no-repeat;
 }
div.gen-titlebartiles div {
 background-position: -104px 0;
 width: 25px;
 float: left;
 }

div.gen-ul {
 position: absolute;
 left: 0;
 width: 25px;
 }

div.gen-ur {
 position: absolute;
 right: 0;
 width: 25px;
 background-position: -130px 0;
 }

div.gen-close {
 position: absolute;
 float: none;
 display: block;
 top: 2px !important;
 right: 3px !important;
 width: 8px;
 height: 9px !important;
 background-image: none !important;
 font-size: 0;
 line-height: 0;
 cursor: pointer;
 }

div.gen-close:active,
div.gen-close:focus {
 background: url(skins/Winamp2Classic/gen.png) no-repeat -148px -41px !important;
 }

div.gen-center {
 position: relative;
 min-width: 80px;
 width: 30%; /* this should be set via Javascript based on the width of the text */
 margin: auto;
 background:none;
 }

div.gen-center-l {
 position: absolute;
 width: 24px;
 left: -24px;
 background-position: -26px 0px;
 }
div.gen-center-r {
 position: absolute;
 width: 24px;
 right: -24px;
 background-position: -78px 0px;
 }
div.gen-center-text {
 position: absolute;
 left: 0;
 right: 0;
 }
div.gen-center-tiles {
 position: absolute;
 overflow: hidden;
 left: 0;
 right: -24px;
 }
div.gen-center-tiles div {
 width: 24px;
 float: left;
 background-position: -52px 0;
 }

div.gen-ltiles {
 position: absolute;
 left: 0;
 bottom: 14px;
 overflow: hidden;
 width: 10px;
 top: 20px;
 }
div.gen-ltiles div {
 width: 10px;
 height: 29px;
 background-position: -127px -42px;
 }
div.gen-rtiles {
 position: absolute;
 overflow: hidden;
 right: 0;
 width: 8px;
 top: 20px;
 bottom: 14px;
 }
div.gen-rtiles div {
 width: 8px;
 height: 29px;
 background-position: -139px -42px;
 }
div.gen-ltiles-end {
 position: absolute;
 left: 0;
 width: 9px;
 height: 24px;
 bottom: 14px;
 background-position: -158px -42px;
 }
div.gen-rtiles-end {
 position: absolute;
 right: 0;
 width: 8px;
 height: 24px;
 bottom: 14px;
 background-position: -170px -42px;
 }
div.gen-statusbar {
 position: absolute;
 left: 0; right: 0;
 bottom: 0;
 height: 14px;
 }

div.gen-statusbartiles {
 position: absolute;
 left: 0;
 right: 0;
 height: 14px;
 bottom: 0;
 overflow: hidden;
 }
div.gen-statusbartiles div {
 float: left;
 width: 25px;
 height: 14px;
 background-position: -127px -72px;
 }
div.gen-bl {
 position: absolute;
 left: 0; bottom: 0;
 height: 14px;
 width: 124px;
 background-position: 0px -42px;
 }
div.gen-br {
 position: absolute;
 right: 0; bottom: 0;
 height: 14px;
 width: 125px;
 background-position: 0 -57px;
 }
div.gen-content {
 display: block;
 position: absolute;
 left: 10px;
 right: 10px;
 top: 20px;
 bottom: 14px;
 overflow: auto;
 }