| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320 |
- form.jqtransformdone label{
- margin:-6px 15px -6px 4px;
- display: inline-block;
- }
- 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: 0 12px 0 0; /* 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:0 0 0 12px;
- font-weight: normal;
- font-size: 12px;
- line-height:32px;
- display: block;
- text-decoration: none;
- height: 33px;
- white-space:nowrap;
- }
- /*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; }
- /* IE 7 */
- *+ html button.jqTransformButton { height:33px; }
- /* -------------
- * Inputs
- * ------------- */
- .jqTransformInputWrapper {
- background: transparent url(img/input/input_text_left.gif) no-repeat left top;
- height: 31px;
- padding: 0px;
- }
- .jqTransformInputInner {
- background: transparent url(img/input/input_text_right.gif) no-repeat top right;
- padding: 0px;
- margin: 0px;
- }
- .jqTransformInputInner div {
- height: 31px;
- margin:0px 4px;
- overflow:hidden;
- }
- .jqTransformInputInner div input {
- font-family:Arial, Helvetica, sans-serif;
- font-size:12px;
- line-height: 18px;
- vertical-align: middle;
- height: 18px;
- color:#404040;
- border: none!important;
- padding:6px 0 7px!important;
- margin: 0px!important;
- background:transparent!important;
- }
- /* 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{}
- table.jqTransformTextarea tr{
- /*border: 1px solid red;*/
- }
- table.jqTransformTextarea textarea{
- margin: 0;
- padding: 0;
- border: 0;
- background: none;
- overflow:auto;
- resize: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 {display:inline-block;margin:-6px 0;}
- .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:inline-block;
- margin:-6px 0;
- }
- 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;
- }
- .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;
- /*border: 1px solid #CCCCCC;*/
- /* border-right: none;*/
- }
- .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;
- text-decoration:none;
- }
- /* -------------
- * Hidden - used to hide the original form elements
- * ------------- */
- .jqTransformHidden {display: none;}
|