form.jqtransformdone label{ margin-top:0px; margin-right: 0px; 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(../images/jqtranform/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(../images/jqtranform/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(../images/jqtranform/input/input_text_left.gif) no-repeat left top; height: 23px; padding: 0px; float:left; } .jqTransformInputInner { background: transparent url(../images/jqtranform/input/input_text_right.gif) no-repeat top right; padding: 0px; margin: 0px; line-height: 0px !important; } /* ------------- * Custom Add * ------------- */ .boContent .jqTransformInputInner, .subscribeContent .jqTransformInputInner, .contactContent .jqTransformInputInner { background:none white; padding: 0px; margin: 0px; line-height: 0px !important; } .jqTransformInputInner div { height: 23px; margin:0px 0px 0px 8px; } .jqTransformInputInner div input { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height: 18px !important; vertical-align: middle; height: 23px; color:#404040; border: none; padding: 1px 0px 0px 0px !important; margin: 0px; background:transparent; } /* IE6 */ * html .jqTransformInputInner div input { padding: 0px 0 0 0; margin: 0 0 0 -8px; height:23px; } /* Ie7 */ *+ html .jqTransformInputInner div input { padding: 2px 0 0 0; margin-left:-10px; height:23px; } /*hover*/ /*.jqTransformInputWrapper_hover{ background-position: left -23px ;} .jqTransformInputWrapper_hover div.jqTransformInputInner{ background-position: right -23px ;}*/ /*focus*/ /*.jqTransformInputWrapper_focus{ background-position: left -46px ;} .jqTransformInputWrapper_focus div.jqTransformInputInner{ background-position: right -46px ;}*/ .jqTransformSafari .jqTransformInputInner div { position: relative; overflow: hidden; margin:0px 8px; } .jqTransformSafari .jqTransformInputInner div input { background-color: none; position: absolute; top: -10px; left: 0; 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(../images/jqtranform/textarea/textarea_tl.gif) no-repeat top left;} table.jqTransformTextarea td#jqTransformTextarea-tm{background: url(../images/jqtranform/textarea/textarea_tm.gif) repeat-x top left;} table.jqTransformTextarea td#jqTransformTextarea-tr{background: url(../images/jqtranform/textarea/textarea_tr.gif) no-repeat top left;} table.jqTransformTextarea td#jqTransformTextarea-ml{background: url(../images/jqtranform/textarea/textarea_ml.gif) repeat-y top left;} table.jqTransformTextarea td#jqTransformTextarea-mm{background: url(../images/jqtranform/textarea/textarea-mm.gif) repeat;} table.jqTransformTextarea td#jqTransformTextarea-mr{background: url(../images/jqtranform/textarea/textarea_mr.gif) repeat-y top left;} table.jqTransformTextarea td#jqTransformTextarea-bl{background: url(../images/jqtranform/textarea/textarea_bl.gif) no-repeat top left;} table.jqTransformTextarea td#jqTransformTextarea-bm{background: url(../images/jqtranform/textarea/textarea_bm.gif) repeat-x top left;} table.jqTransformTextarea td#jqTransformTextarea-br{background: url(../images/jqtranform/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(../images/jqtranform/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(../images/jqtranform/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;} /* ------------- * Custom Add * ------------- */ .contactContent table.jqTransformTextarea td#jqTransformTextarea-tl, .contactContent table.jqTransformTextarea td#jqTransformTextarea-tm, .contactContent table.jqTransformTextarea td#jqTransformTextarea-tr, .contactContent table.jqTransformTextarea td#jqTransformTextarea-ml, .contactContent table.jqTransformTextarea td#jqTransformTextarea-mm, .contactContent table.jqTransformTextarea td#jqTransformTextarea-mr, .contactContent table.jqTransformTextarea td#jqTransformTextarea-bl, .contactContent table.jqTransformTextarea td#jqTransformTextarea-bm, .contactContent table.jqTransformTextarea td#jqTransformTextarea-br, .boDetails table.jqTransformTextarea td#jqTransformTextarea-tl, .boDetails table.jqTransformTextarea td#jqTransformTextarea-tm, .boDetails table.jqTransformTextarea td#jqTransformTextarea-tr, .boDetails table.jqTransformTextarea td#jqTransformTextarea-ml, .boDetails table.jqTransformTextarea td#jqTransformTextarea-mm, .boDetails table.jqTransformTextarea td#jqTransformTextarea-mr, .boDetails table.jqTransformTextarea td#jqTransformTextarea-bl, .boDetails table.jqTransformTextarea td#jqTransformTextarea-bm, .boDetails table.jqTransformTextarea td#jqTransformTextarea-br { background:none white;} 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: 0px; resize: none; } /* ------------- * Radios * ------------- */ .jqTransformRadioWrapper { display:block;float:left; margin-top:3px;margin-right:5px; } .jqTransformRadio { background: transparent url(../images/jqtranform/radio.gif) no-repeat center top; vertical-align: middle; height: 15px; width: 15px; display:block;/*display: -moz-inline-block;*/ font-size:0; line-height:none; } /* ------------- * Checkboxes * ------------- */ span.jqTransformCheckboxWrapper{ display:block;float:left; margin-top:1px; } a.jqTransformCheckbox { background: transparent url(../images/jqtranform/checkbox.gif) no-repeat center top; vertical-align: middle; height: 15px; width: 15px; 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: 23px; background: url(../images/jqtranform/select_left.gif) no-repeat top left; float:left; } .jqTransformSelectWrapper div span { font-size: 12px; float: none; position: absolute; white-space: nowrap; height: 17px; line-height: 10px; padding: 6px 0 0 7px; overflow: hidden; cursor:pointer; /*border: 1px solid #CCCCCC;*/ /* border-right: none;*/ } .jqTransformSelectWrapper a.jqTransformSelectOpen { display: block; position: absolute; right: 0px; width: 20px; height: 23px; background: url(../images/jqtranform/select_right.gif) no-repeat center center; } .jqTransformSelectWrapper ul { position: absolute; width: 43px; top: 22px; left: 0px; list-style: none; background-color: #000; border: solid 1px #807f7f; display: none; margin: 0px; padding: 0px; height: auto; max-height: 250px; overflow: auto; overflow-y: auto; z-index:10; } .jqTransformSelectWrapper ul a { display: block; padding: 3px; text-decoration: none; color:#807f7f; background-color: #000; font-size: 12px; } .jqTransformSelectWrapper ul a.selected { background: #FFF; color: #807f7f; } .jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover { background:#FFF; color: #807f7f; } /* ------------- * Hidden - used to hide the original form elements * ------------- */ .jqTransformHidden {display: none;}