/* custom text control */

div.cc-text,
div.cc-text .cc-states {
  display: block;
  *zoom: 1; /* ie6, ie7 */
}

/* control element */

div.cc-text input,
div.cc-text textarea {
  display: block;
  border: 0 none;
  margin: 0; padding: 0;
  resize: none; outline: none;
  background-color: transparent;
  background-image: url('jquery.custom-pixel.gif'); /* ie6, ie7 */
}

/* customization */

/* --- */

input.cc-text,
textarea.cc-text {
  font-size: 10pt;
  height: auto; width: 100%;
}
input.cc-text {
  height: 34px;
  *line-height: 34px; /* ie6, ie7 */
  /* standard padding + border = 2 * 3px */
}

/* --- */

div.cc-text input.cc-text,
div.cc-text textarea.cc-text {
  font-size: 10pt;
  height: auto; width: 100%;
}
div.cc-text input.cc-text {
  height: 32px;
  *line-height: 32px;  /* ie6, ie7 */
  /* this will fix margins for ie */
  left: 4px; top: 50%;
  margin-top: -16px;
  position: absolute;
}

div.cc-text .cc-holder {
  margin: 0; padding: 2px 4px;
  border: 2px solid #D8DBE0;
  background-color: #ffffff;
  position: relative; /* ie patch */
}

/* --- */

/* states */

div.cc-text .cc-state input.cc-text,
div.cc-text .cc-state textarea.cc-text {
  color: #808080;
}

div.cc-text .cc-state-hover input.cc-text,
div.cc-text .cc-state-focused input.cc-text,
div.cc-text .cc-state-focused-hover input.cc-text,
div.cc-text .cc-state-hover textarea.cc-text,
div.cc-text .cc-state-focused textarea.cc-text,
div.cc-text .cc-state-focused-hover textarea.cc-text {
  color: black;
}