#wallpaper { background: url(/images/wallpaper1.jpg) no-repeat; margin: 0px -40px !important; position: relative; margin: 0px -38px 0px -30px; }
#canvas
  {
  height: 335px;
  background: repeat-y top left;
  position: relative; overflow: hidden;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/shadow.png');
  }
#canvas[id] { background-image: url(/images/shadow.png); }

#palette
  {
  overflow: auto;
  padding: 10px;
  margin: 0px -40px 40px -40px;
  min-height: 200px;
  }
.palette { background: none; }
.palette-loading { background: url(/images/loading.gif) no-repeat center center; }

.toolbar
  {
  padding-top: 1em;
  height: 2em;
  margin: 0px -20px;
  }
.toolbar .options a
  {
  padding: 0px 5px;
  font-family: Helvetica;
  color: #777;
  text-decoration: none;
  outline: none;
  }
.toolbar a.selected { background-color: #7F7F7F; color: white; }
#basket
  {
  padding-right: 10px;
  float: right;
  }
#basket a { text-transform: uppercase; color: #993333; font-weight: bold; }
#palette-overlay
  {
  position: absolute;
  background-color: #000;
  }
.backdrop-thumb
  {
  float: right;
  width: 16px;
  height: 16px;
  margin: 3px 3px 0px 3px;
  margin-top: 3px;
  border: 2px solid white;
  cursor: pointer;
  }
.dropdown { z-index: 100; line-height: 1.4em; padding: 6px; border: 1px solid #b1b6af; background: #fff; position: absolute; }
.dropdown ul { list-style: none; padding: 0px; margin: 0px; }
.dropdown a { margin: 0px; }

#basket b { color: #a89872; }

#dialog
  {
  position: absolute;
  top: 80px;
  left: 290px;
  width: 270px;
  background-color: white;
  border: 1px solid black;
  padding: 15px;
  }
.letter { float: left; background-repeat: none; }

#palette-no-matches { padding-top: 2em; text-align: center; color: #a33; font-weight: bold; border: 1px solid #a33; padding: 10px; margin: 40px 200px 0px 200px; }