form.jqtransformdone label margin-top: 4px margin-right: 8px display: block float: left form.jqtransformdone div.rowElem clear: both padding: 4px 0px /* ------------- * Buttons * ------------- */ button.jqTransformButton margin: 0px padding: 0px border: none background-color: transparent cursor: pointer overflow: visible font-family: Arial *:first-child+html button.jqTransformButton[type] width: 1 /* IE7 */ button.jqTransformButton span background: transparent url(img/btn_right.gif) no-repeat right top display: block float: left padding: 0px 4px 0px 0px /* sliding doors padding */ margin: 0px height: 33px button.jqTransformButton span span background: transparent url(img/btn_left.gif) no-repeat top left color: #333 padding: 8px 4px 0px 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: 0px float: left .jqTransformInputInner background: transparent url(img/input/input_text_right.gif) no-repeat top right padding: 0px margin: 0px .jqTransformInputInner div height: 31px margin: 0px 0px 0px 8px .jqTransformInputInner div input font-family: Arial, Helvetica, sans-serif font-size: 12px line-height: 18px vertical-align: middle height: 31px color: #404040 border: none padding: 8px 0px 0px 0px margin: 0px 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: 0px 8px .jqTransformSafari .jqTransformInputInner div input background-color: none 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 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: 0px -5px table.jqTransformTextarea-hover td#jqTransformTextarea-tm background-position: 0px -5px table.jqTransformTextarea-hover td#jqTransformTextarea-tr background-position: 0px -5px table.jqTransformTextarea-hover td#jqTransformTextarea-ml background-position: -5px 0px table.jqTransformTextarea-hover td#jqTransformTextarea-mm background-image: url(img/textarea/textarea-mm-hover.gif) table.jqTransformTextarea-hover td#jqTransformTextarea-mr background-position: -5px 0px table.jqTransformTextarea-hover td#jqTransformTextarea-bl background-position: 0px -5px table.jqTransformTextarea-hover td#jqTransformTextarea-bm background-position: 0px -5px table.jqTransformTextarea-hover td#jqTransformTextarea-br background-position: 0px -5px /*focus*/ table.jqTransformTextarea-focus td#jqTransformTextarea-tl background-position: 0px -10px table.jqTransformTextarea-focus td#jqTransformTextarea-tm background-position: 0px -10px table.jqTransformTextarea-focus td#jqTransformTextarea-tr background-position: 0px -10px table.jqTransformTextarea-focus td#jqTransformTextarea-ml background-position: -10px 0px table.jqTransformTextarea-focus td#jqTransformTextarea-mm background-image: url(img/textarea/textarea-mm-focus.gif) table.jqTransformTextarea-focus td#jqTransformTextarea-mr background-position: -10px 0px table.jqTransformTextarea-focus td#jqTransformTextarea-bl background-position: 0px -10px table.jqTransformTextarea-focus td#jqTransformTextarea-bm background-position: 0px -10px table.jqTransformTextarea-focus td#jqTransformTextarea-br background-position: 0px -10px table.jqTransformTextarea .jqTransformSafariTextarea div position: relative overflow: hidden border: 0px solid red table.jqTransformTextarea .jqTransformSafariTextarea textarea background: none position: absolute top: -10px left: -10px padding: 10px 10px 10px 10px resize: none /* ------------- * Radios * ------------- */ .jqTransformRadioWrapper float: left display: block margin: 0px 4px margin-top: 5px .jqTransformRadio background: transparent url(img/radio.gif) no-repeat center top vertical-align: middle height: 19px width: 18px display: block /*display: -moz-inline-block */ /* ------------- * Checkboxes * ------------- */ span.jqTransformCheckboxWrapper display: block float: left margin-top: 5px a.jqTransformCheckbox background: transparent url(img/checkbox.gif) no-repeat center top vertical-align: middle height: 19px width: 18px display: block /*display: -moz-inline-block */ /* ------------- * Checked - Used for both Radio and Checkbox * ------------- */ a.jqTransformChecked background-position: center bottom /* ------------- * Selects * ------------- */ .jqTransformSelectWrapper width: 45px position:relative height: 31px background: url(img/select_left.gif) no-repeat top left float: left .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 .jqTransformSelectWrapper a.jqTransformSelectOpen display: block position: absolute right: 0px width: 31px height: 31px background: url(img/select_right.gif) no-repeat center center .jqTransformSelectWrapper ul position: absolute width: 43px top: 30px left: 0px list-style: none background-color: #FFF border: solid 1px #CCC display: none margin: 0px padding: 0px 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