.farbtastic {
  position: relative;
}
.farbtastic * {
  position: absolute;
  cursor: crosshair;
}
.farbtastic, .farbtastic .wheel {
  width: 195px;
  height: 195px;
}
.farbtastic .color, .farbtastic .overlay {
  top: 47px;
  left: 47px;
  width: 101px;
  height: 101px;
}
.farbtastic .wheel {
  background: url(/images/wheel.png) no-repeat;
  width: 195px;
  height: 195px;
}
.farbtastic .overlay {
  background: url(/images/mask.png) no-repeat;
}
.farbtastic .marker {
  width: 17px;
  height: 17px;
  margin: -8px 0 0 -8px;
  overflow: hidden; 
  background: url(/images/marker.png) no-repeat;
}



   .colorwell {
     border: 2px solid #fff;
     width: 3em;
     text-align: center;
     cursor: pointer;
     font-family: verdana;
     font-size: 7.5pt;
   }
   body .colorwell-selected {
     border: 2px solid #000;
     font-weight: bold;
   }


#panelOpcji {
 background-color: #F0F0F0;
 border: 1px #d79900 solid;
 border-collapse: collapse;
 border-spacing: 0px;
 font-family: verdana;
 font-size: 8pt;
 width: 100%;
}

#panelOpcji td {
border-bottom: 1px dotted #6699CC;
border-left: 1px dotted #CEDCEA;
 font-family: verdana;
 font-size: 8pt;
}

#panelOpcji th {
 border-left: 1px solid #000;
 border-bottom: 1px solid #000;
 font-weight: normal; 
}