form.jqtransformdone label { margin: 4px 0 10px; display: block; float: left }

/* -------------
 * Buttons
 * ------------- */
.jqTransformButtonWrapper { background-color: transparent !important; background: transparent url("img/button_left.png") no-repeat left top; height: 23px; padding: 0px; float: left }
.jqTransformButton { background-color: transparent !important; background: transparent url("img/button_right.png") no-repeat right top; height: 23px; border: none; margin: 0px !important; vertical-align: middle }
.jqTransformButton-hover .jqTransformButton { background-position: right -23px; color: #000 !important; border: none !important }
.jqTransformButton-hover.jqTransformButtonWrapper { background-position: left -23px }
.jqTransformButton-click .jqTransformButton { background-position: right -46px }
.jqTransformButton-click.jqTransformButtonWrapper { background-position: left -46px }

/* -------------
 * Inputs
 * ------------- */
.jqTransformInputWrapper { background: transparent url("img/input_left.png") no-repeat left top; height: 23px; padding: 0px; float: left }
.jqTransformInputWrapper div { background: transparent url("img/input_right.png") no-repeat right top; padding: 0px; margin: 0px; height: 23px }
.jqTransformInputWrapper div input { vertical-align: middle; height: 23px; border: none; padding: 1px 0px 0px 6px; margin: 0px; background: transparent }
.jqTransformInputWrapper-hover { background-position: left -23px }
.jqTransformInputWrapper-hover div { background-position: right -23px }
.jqTransformInputWrapper-focus { background-position: left -46px }
.jqTransformInputWrapper-focus div { background-position: right -46px }
.jqTransformInputWrapper.required { background-image: url("img/input_left_error.png") }
.jqTransformInputWrapper.required div { background-image: url("img/input_right_error.png") }
.jqTransformInputWrapper.required div input { border: none; background: none }
.jqTransformInputWrapper.readonly { background: none !important }
.jqTransformInputWrapper.readonly div { background: none !important }
.jqTransformInputWrapper.readonly input { background: none !important; border: none !important; color: #7f7f7f; padding-left: 0 !important } 

/* IE6 */
* html .jqTransformInputWrapper div input { padding: 6px 0 0 0; margin: 0 0 0 -8px; height: 24px }
/* IE7 */
*+ html .jqTransformInputWrapper div input { padding: 6px 0 0 0; margin-left: -10px; height: 24px }

/* -------------
 * Textarea
 * ------------- */
.jqTransformTextarea { float: left; margin-bottom: 6px }
.jqTransformTextarea .jqtransformdone { border: none !important; background: none !important; margin: 0 !important; float: none !important }
.jqTransformTextarea-tr, .jqTransformTextarea-br { height: 5px; clear: both; float: none; padding-right: 5px }
.jqTransformTextarea-tr { background: url("img/textarea_tr.png") no-repeat right top }
.jqTransformTextarea-br { background: url("img/textarea_br.png") no-repeat right top }
.jqTransformTextarea-hover .jqTransformTextarea-tr, .jqTransformTextarea-hover .jqTransformTextarea-br { background-position: right -5px }
.jqTransformTextarea-focus .jqTransformTextarea-tr, .jqTransformTextarea-focus .jqTransformTextarea-br { background-position: right -10px }
.jqTransformTextarea-tl, .jqTransformTextarea-bl { width: 5px; height: 5px }
.jqTransformTextarea-tl { background: url("img/textarea_tl.png") no-repeat left top }
.jqTransformTextarea-bl { background: url("img/textarea_bl.png") no-repeat left top }
.jqTransformTextarea-hover .jqTransformTextarea-tl, .jqTransformTextarea-hover .jqTransformTextarea-bl { background-position: 0 -5px }
.jqTransformTextarea-focus .jqTransformTextarea-tl, .jqTransformTextarea-focus .jqTransformTextarea-bl { background-position: 0 -10px }
.jqTransformTextarea-l, .jqTransformTextarea-r, .jqTransformTextarea-l-hover, .jqTransformTextarea-r-hover { float: left; padding-bottom: 5px }
.jqTransformTextarea-l, .jqTransformTextarea-l-hover { width: 5px }
.jqTransformTextarea-l { background: url("img/textarea_l.png") repeat-y left top }
.jqTransformTextarea-hover .jqTransformTextarea-l { background: url("img/textarea_l_hover.png") repeat-y left top }
.jqTransformTextarea-focus .jqTransformTextarea-l { background: url("img/textarea_l_focus.png") repeat-y left top }
.jqTransformTextarea-r, .jqTransformTextarea-r-hover { padding-right: 5px; padding-bottom: 0 }
.jqTransformTextarea-r { background: url("img/textarea_r.png") repeat-y right top }
.jqTransformTextarea-hover .jqTransformTextarea-r { background: url("img/textarea_r_hover.png") repeat-y right bottom }
.jqTransformTextarea-focus .jqTransformTextarea-r { background: url("img/textarea_r_focus.png") repeat-y right bottom }
.jqTransformTextarea .jqTransformSafariTextarea { background: none; position: absolute; top: -5px; left: 1px; padding: 5px ; resize: none }
.jqTransformTextarea.required .jqTransformTextarea-tr { background-image: url("img/textarea_tr_error.png") }
.jqTransformTextarea.required .jqTransformTextarea-br { background-image: url("img/textarea_br_error.png") }
.jqTransformTextarea.required .jqTransformTextarea-tl { background-image: url("img/textarea_tl_error.png") }
.jqTransformTextarea.required .jqTransformTextarea-bl { background-image: url("img/textarea_bl_error.png") }
.jqTransformTextarea.required .jqTransformTextarea-l { background-image: url("img/textarea_l_error.png") }
.jqTransformTextarea.required.jqTransformTextarea-hover .jqTransformTextarea-l { background-image: url("img/textarea_l_hover_error.png") }
.jqTransformTextarea.required.jqTransformTextarea-focus .jqTransformTextarea-l { background-image: url("img/textarea_l_focus_error.png") }
.jqTransformTextarea.required .jqTransformTextarea-r { background-image: url("img/textarea_r_error.png") }
.jqTransformTextarea.required.jqTransformTextarea-hover .jqTransformTextarea-r { background-image: url("img/textarea_r_hover_error.png") }
.jqTransformTextarea.required.jqTransformTextarea-focus .jqTransformTextarea-r { background-image: url("img/textarea_r_focus_error.png") }

/* -------------
 * Radio
 * ------------- */
.jqTransformRadioWrapper { float: left; display: block; margin: 4px 4px 0 0 }
.jqTransformRadioWrapper a { background: transparent url("img/radio.png") no-repeat 0 0; vertical-align: middle; height: 15px; width: 18px; display: block; border: none !important }
.jqTransformRadioWrapper-hover a { background-position: -20px 0 }
.jqTransformRadioWrapper a.jqTransformChecked { background-position: 0 -19px }
.jqTransformRadioWrapper-hover a.jqTransformChecked { background-position: -20px -19px }
.jqTransformRadioWrapper a:before { display: none }

/* -------------
 * Checkbox
 * ------------- */
.jqTransformCheckboxWrapper { float: left; display: block; margin: 4px 4px 0 0 }
.jqTransformCheckboxWrapper a { background: transparent url("img/checkbox.png") no-repeat 0 0; vertical-align: middle; height: 15px; width: 18px; display: block; border: none !important }
.jqTransformCheckboxWrapper-hover a { background-position: -20px 0 }
.jqTransformCheckboxWrapper a.jqTransformChecked { background-position: 0 -19px }
.jqTransformCheckboxWrapper-hover a.jqTransformChecked { background-position: -20px -19px }
.jqTransformCheckboxWrapper a:before { display: none }

/* -------------
 * Select
 * ------------- */
.jqTransformSelectWrapper { position: relative; height: 23px; background: url("img/select_left.png") no-repeat left top; float: left }
.jqTransformSelectWrapper div span { float: none; position: absolute; white-space: nowrap; height: 23px; padding: 4px 0 0 7px; overflow: hidden; cursor: pointer }
.jqTransformSelectWrapper a.jqTransformSelectOpen { display: block; position: absolute; right: 0px; width: 23px; height: 23px; background: url("img/select_right.png") no-repeat right top; border: none !important }
.jqTransformSelectWrapper ul { position: absolute; margin: 0 !important; top: 22px; left: 0px; list-style: none; background-color: #fff; border: solid 1px #82d92b !important; display: none; margin: 0px; padding: 0px; height: 154px; overflow: auto; overflow-y: auto; z-index: 10 }
.jqTransformSelectWrapper li { background: none !important; padding: 0 !important }
.jqTransformSelectWrapper ul a { display: block; padding: 2px 5px; text-decoration: none; color: #333; background-color: #fff; font-size: 12px; border-bottom: none !important }
.jqTransformSelectWrapper ul a.selected { background: #ededed; color: #333 !important; border-bottom: none !important }
.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover { background: #82d92b; color: #fff !important }
.jqTransformSelectWrapper a:before { display: none }
.jqTransformSelectWrapper-hover.jqTransformSelectWrapper { background-position: left -23px }
.jqTransformSelectWrapper-focus.jqTransformSelectWrapper { background-position: left -46px }
.jqTransformSelectWrapper-hover a.jqTransformSelectOpen { background-position: right -23px }
.jqTransformSelectWrapper-focus a.jqTransformSelectOpen { background-position: right -46px }
.jqTransformSelectWrapper.required { background-image: url("img/select_left_error.png") }
.jqTransformSelectWrapper.required a.jqTransformSelectOpen { background-image: url("img/select_right.png") }

/* -------------
 * Hidden - used to hide the original form elements
 * ------------- */
.jqTransformHidden { display: none }