
form.jqtransformdone div.rowElem {
  clear: both;
  padding: 4px 0;
}

/* -------------
* Buttons
* ------------- */
button.jqTransformButton {
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
  cursor: pointer;
  overflow: visible;
  font-family: Arial;
}

*:first-child+html button.jqTransformButton[type] {
  width: 1px;
}

/* IE7 */

button.jqTransformButton span {
  background: transparent url(img/btn_right.gif) no-repeat right top;
  display: block;
  float: left;
  padding: 0 4px 0 0; /* sliding doors padding */
  margin: 0;
  height: 33px;
}

button.jqTransformButton span span {
  background: transparent url(img/btn_left.gif) no-repeat top left;
  color: #333;
  padding: 8px 4px 0 8px;
  font-weight: normal;
  font-size: 12px;
  line-height: 13px;
  display: block;
  text-decoration: none;
  height: 33px;
}

/*hover*/
button.jqTransformButton_hover span span {
  background-position: left -33px;
}

button.jqTransformButton_hover span {
  background-position: right -33px;
}

/*clicked*/
button.jqTransformButton_click span span {
  background-position: left -66px;
}

button.jqTransformButton_click span {
  background-position: right -66px;
}

/* IE 6 */
* html button.jqTransformButton {
  height: 33px;
}

* button.jqTransformButton span span {
  height: 25px;
}

/* IE 7 */
*+ html button.jqTransformButton {
  height: 33px;
}

*+ button.jqTransformButton span span {
  height: 25px;
}

/* -------------
* Inputs
* ------------- */
.jqTransformInputWrapper {
  background: transparent url(img/input/input_text_left.gif) no-repeat left top;
  height: 31px;
  padding: 0;
}

.jqTransformInputInner {
  background: transparent url(img/input/input_text_right.gif) no-repeat top right;
  padding: 0;
  margin: 0;
}

.jqTransformInputInner div {
  height: 31px;
  margin: 0 0 0 8px;
}

.jqTransformInputInner div input {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 18px;
  vertical-align:top;
  height: 31px;
  color: #404040;
  border: none;
  padding: 8px 0 0 0;
  margin: 0;
  background: transparent;
}

/*  IE6 */
* html .jqTransformInputInner div input {
  padding: 6px 0 0 0;
  margin: 0 0 0 -8px;
  height: 24px;
}

/* Ie7 */
*+ html .jqTransformInputInner div input {
  padding: 6px 0 0 0;
  margin-left: -10px;
  height: 24px;
}

/*hover*/
.jqTransformInputWrapper_hover {
  background-position: left -31px;
}

.jqTransformInputWrapper_hover div.jqTransformInputInner {
  background-position: right -31px;
}

/*focus*/
.jqTransformInputWrapper_focus {
  background-position: left -62px;
}

.jqTransformInputWrapper_focus div.jqTransformInputInner {
  background-position: right -62px;
}

.jqTransformSafari .jqTransformInputInner div {
  position: relative;
  overflow: hidden;
  margin: 0 8px;
}

.jqTransformSafari .jqTransformInputInner div input {
  background-color: transparent;
  position: absolute;
  top: -10px;
  left: -2px;
  height: 42px;
  padding-left: 4px;
}

/* -------------
* Textarea
* ------------- */
table.jqTransformTextarea td#jqTransformTextarea-mm textarea {
  font-size: 12px;
  line-height: 16px;
}

table.jqTransformTextarea td {
  font-size: 1px;
  line-height: 1px;
  width: 5px;
  height: 5px;
  margin: 0;
  padding: 0;
}

table.jqTransformTextarea {
}

table.jqTransformTextarea tr {
  /*border: 1px solid red;*/

}

table.jqTransformTextarea textarea {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
}

table.jqTransformTextarea td#jqTransformTextarea-tl {
  background: url(img/textarea/textarea_tl.gif) no-repeat top left;
}

table.jqTransformTextarea td#jqTransformTextarea-tm {
  background: url(img/textarea/textarea_tm.gif) repeat-x top left;
}

table.jqTransformTextarea td#jqTransformTextarea-tr {
  background: url(img/textarea/textarea_tr.gif) no-repeat top left;
}

table.jqTransformTextarea td#jqTransformTextarea-ml {
  background: url(img/textarea/textarea_ml.gif) repeat-y top left;
}

table.jqTransformTextarea td#jqTransformTextarea-mm {
  background: url(img/textarea/textarea-mm.gif) repeat;
}

table.jqTransformTextarea td#jqTransformTextarea-mr {
  background: url(img/textarea/textarea_mr.gif) repeat-y top left;
}

table.jqTransformTextarea td#jqTransformTextarea-bl {
  background: url(img/textarea/textarea_bl.gif) no-repeat top left;
}

table.jqTransformTextarea td#jqTransformTextarea-bm {
  background: url(img/textarea/textarea_bm.gif) repeat-x top left;
}

table.jqTransformTextarea td#jqTransformTextarea-br {
  background: url(img/textarea/textarea_br.gif) no-repeat top left;
}

/*hover*/
table.jqTransformTextarea-hover td#jqTransformTextarea-tl {
  background-position: 0 -5px;
}

table.jqTransformTextarea-hover td#jqTransformTextarea-tm {
  background-position: 0 -5px;
}

table.jqTransformTextarea-hover td#jqTransformTextarea-tr {
  background-position: 0 -5px;
}

table.jqTransformTextarea-hover td#jqTransformTextarea-ml {
  background-position: -5px 0;
}

table.jqTransformTextarea-hover td#jqTransformTextarea-mm {
  background-image: url(img/textarea/textarea-mm-hover.gif);
}

table.jqTransformTextarea-hover td#jqTransformTextarea-mr {
  background-position: -5px 0;
}

table.jqTransformTextarea-hover td#jqTransformTextarea-bl {
  background-position: 0 -5px;
}

table.jqTransformTextarea-hover td#jqTransformTextarea-bm {
  background-position: 0 -5px;
}

table.jqTransformTextarea-hover td#jqTransformTextarea-br {
  background-position: 0 -5px;
}

/*focus*/
table.jqTransformTextarea-focus td#jqTransformTextarea-tl {
  background-position: 0 -10px;
}

table.jqTransformTextarea-focus td#jqTransformTextarea-tm {
  background-position: 0 -10px;
}

table.jqTransformTextarea-focus td#jqTransformTextarea-tr {
  background-position: 0 -10px;
}

table.jqTransformTextarea-focus td#jqTransformTextarea-ml {
  background-position: -10px 0;
}

table.jqTransformTextarea-focus td#jqTransformTextarea-mm {
  background-image: url(img/textarea/textarea-mm-focus.gif);
}

table.jqTransformTextarea-focus td#jqTransformTextarea-mr {
  background-position: -10px 0;
}

table.jqTransformTextarea-focus td#jqTransformTextarea-bl {
  background-position: 0 -10px;
}

table.jqTransformTextarea-focus td#jqTransformTextarea-bm {
  background-position: 0 -10px;
}

table.jqTransformTextarea-focus td#jqTransformTextarea-br {
  background-position: 0 -10px;
}

table.jqTransformTextarea .jqTransformSafariTextarea div {
  position: relative;
  overflow: hidden;
  border: 0 solid red;
}

table.jqTransformTextarea .jqTransformSafariTextarea textarea {
  background: none;
  position: absolute;
  top: -10px;
  left: -10px;
  padding: 10px 10px 10px 10px;
  resize: none;
}

/* -------------
* Radios
* ------------- */
.jqTransformRadioWrapper {
  margin: 0 4px;
  margin-top: 5px;
}

.jqTransformRadio {
  background: transparent url(img/radio.gif) no-repeat center top;
  vertical-align: middle;
  height: 19px;
  width: 18px;
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block; /* see http://www.quirksmode.org/css/display.html */
}

/* -------------
* Checkboxes
* ------------- */
span.jqTransformCheckboxWrapper {
  margin-top: 5px;
}

a.jqTransformCheckbox {
  background: transparent url(img/checkbox.gif) no-repeat center top;
  vertical-align: middle;
  height: 19px;
  width: 18px;
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block; /* see http://www.quirksmode.org/css/display.html */
}

/* -------------
 * Checked - Used for both Radio and Checkbox
 * ------------- */
a.jqTransformChecked {
  background-position: center bottom;
}

/* -------------
* Selects
* ------------- */
.jqTransformSelectWrapper {
  display: block;
  width: 45px;
  position: relative;
  height: 31px;
  background: url(img/select_left.gif) no-repeat top left;
  text-align: left;
}

.jqTransformSelectWrapper li {
  list-style: none;
  padding: 0;
  margin: 0;
}

.jqTransformSelectWrapper div span {
  font-size: 12px;
  float: none;
  position: absolute;
  white-space: nowrap;
  height: 31px;
  line-height: 15px;
  padding: 8px 0 0 7px;
  overflow: hidden;
  cursor: pointer;
  width: 93%;
  display: block;
  /*border: 1px solid #CCCCCC;*/
  /*	border-right: none;*/
}

.jqTransformSelectWrapper  a.jqTransformSelectOpen {
  display: block;
  position: absolute;
  right: 0;
  width: 31px;
  height: 31px;
  background: url(img/select_right.gif) no-repeat center center;
}

.jqTransformSelectWrapper ul {
  position: absolute;
  width: 43px;
  left: 0;
  list-style: none;
  background-color: #FFF;
  border: solid 1px #CCC;
  display: none;
  margin: 0;
  padding: 0;
  height: 150px;
  overflow: auto;
  overflow-y: auto;
  z-index: 10;
}

.jqTransformSelectWrapper ul a {
  display: block;
  padding: 5px;
  text-decoration: none;
  color: #333;
  background-color: #FFF;
  font-size: 12px;
}

.jqTransformSelectWrapper ul a.selected {
  background: #EDEDED;
  color: #333;
}

.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {
  background: #3582c4;
  color: #fff;
}

/* -------------
 * Hidden - used to hide the original form elements
 * ------------- */
.jqTransformHidden {
  display: none;
}
