/* Styles for ColorPicker popUp */

#colorpicker {
  position: absolute;
  width: 145px;
  height: 138px; /* 138 statt 135 */
  overflow: hidden;
  background: #F9F9F9;
  border: 2px #C0C0C0 outset;
  z-index: 1000;
  left: -500px; /* DE: workaround ff position problem */
  top: 7em !important; /* neu Positionierung */
  margin-top: 150px; /* neu Positionierung */
  margin-left: -60px !important; /* neu Positionierung */
}

#colorpicker-hue-container {
    position: absolute; 
    top: 4px;
    left: 120px; 
    width: 18px;
    height: 110px; 
}

#colorpicker-hue-bg-img {
    width: 100%; 
    height: 100%; 
}

#colorpicker-hue-slider {
    position: absolute; 
    top: 0;
    left: 0; 
    width: 100%;
    height: 100%; 
}

#colorpicker-hue-thumb { 
    position: absolute; 
    top: 0;
    left: 0;
    width: 18px; 
    height: 18px; 
    z-index: 1009;
    cursor: default;
}

#colorpicker-bar {
  text-align: right;
  padding-right: 10px;
}

#colorpicker-close {
  cursor: pointer;
  color: blue;
  font-size: 10px;
  font-family: Tahoma, Helvetica, Sans-Serif;
  font-weight: bold;
}

#colorpicker-div {
  position: absolute; 
  top: 8px;
  left: 8px; 
  width: 100px;
  height: 100px; 
  border: 1px solid #666;
}

#colorpicker-bg,
#colorpicker-bg-overlay { 
  position: absolute; 
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1001;
  overflow: hidden;
}
#colorpicker-selector { 
  position: absolute; 
  top: 0px;
  left: 0px;
  width: 11px; 
  height: 11px; 
  z-index: 1009;
  margin-top: -6px;
  margin-left: -6px;
  cursor: default;
}
#colorpicker-selector img {
  position: absolute;
  left: 0;
  top: 0;
}
#colorpicker-footer {
  position: absolute; 
  top: 114px;
/* left: 10px; */
  left: 9px; /* 9 statt 10 */
  width: 127px;
}

#colorpicker-value {
  float: left;
}


/* DE: More space for Linux browsers */
/*
#colorpicker-value,
#colorpicker-value-input {
  font-size: 9px !important;
  font-family: Helvetica, Verdana, Sans-Serif;
  height: 10px;
}

#colorpicker-value-input {
  width: 40px;
}
*/
#colorpicker-value,
#colorpicker-value-input {
  font-size: 9px !important;
  font-family: Arial, Sans-Serif;
  height: 12px;
}
#colorpicker-value-input {
  width: 44px;
  border: 1px solid grey !important; /* neu */
  margin: 0 0 0 2px; /* neu */
  padding: 2px 2px 0 2px; /* neu */
}
/*\ DE: More space for Linux browsers */


#colorpicker-okbutton {
  float: right;
/*  padding: 0 10px; */
  padding: 2px; /* etw kleiner */
/* background: #3366FF; */
  background: #D72222; /* rot */
  font-size: 10px;
/* font-family: Tahoma, Helvetica, Sans-Serif; */
  font-family: Arial, Helvetica, Sans-Serif; /* Arial statt Tahoma */
  font-weight: 700; /* neu fett statt normal */
/*  border: 1px solid #666666; */
  border: none; /* kein Rand */
  color: #ffffff;
  cursor: pointer; /* neu */
}


/* DE: IE fixes */
* html #colorpicker {
  height: 140px;
}
* html #colorpicker-okbutton {
  font: 10px;
  padding: 2px 2px 0px 2px; /* etw kleiner */
}

* html #colorpicker-value,
* html #colorpicker-value-input {
  height: 15px;
}

* html #colorpicker-value-input {
	padding: 1px 2px 1px 2px; /* korrektur */
}

* html #colorpicker-footer {
  left: 7px; /* Korrektur neu */
  width: 129px; /* Korrektur neu */
}

/*\DE: IE fixes */