0byt3m1n1-V2

Path: /home/nlpacade/www/arcaneoverseas.com/form/jqtransformplugin/ [ Home ]
File: jqtransform.css
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/arcane_btn.png) no-repeat right top;
    display: block;
    text-indent: -5000px;
    float: left;
    padding: 0px 4px 0px 0px; /* sliding doors padding */
    margin: 0px;
    height: 39px;
    width: 105px;
}
button.jqTransformButton span:hover {
    background: transparent url(img/arcane_btn_hover.png) no-repeat right top;
}

button.jqTransformButton span span {
   
}

/*hover*/
button.jqTransformButton_hover span span {  }
button.jqTransformButton_hover span {  }

/*clicked*/
button.jqTransformButton_click span span {  }
button.jqTransformButton_click span { }

/* 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 {
    height: 31px;
    padding: 0px;
    float:left;
}

.jqTransformInputInner {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    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: 0px 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;
    padding-top: 5px; padding-left: 5px;
}

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 .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;
    /*border: 1px solid #CCCCCC;*/
    /*	border-right: none;*/
}

.jqTransformSelectWrapper  a.jqTransformSelectOpen {
    display: block;
    position: absolute;
    right: 0px;
    width: 38px;
    height: 31px;
    background: url(img/select_right.png) no-repeat 3px -3px;
}

.jqTransformSelectWrapper ul {
    position: absolute;
    width: 383px !important;
    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;}