/* -------------
 * Radios
 * ------------- */
.jqTransformRadioWrapper { float: left; display: block; margin: 0px 4px; margin-top: 5px; }
.jqTransformRadio { background: transparent url(../images/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(../images/checkbox2.gif) no-repeat 0px 0px; vertical-align: middle; height: 14px; width: 14px; display: block; /*display: -moz-inline-block;*/ }

a.jqTransformCheckbox2 { background: transparent url(../images/checkbox3.gif) no-repeat 0px 0px; vertical-align: middle; height: 14px; width: 14px; display: block; /*display: -moz-inline-block;*/ }

/* -------------
 * Checked - Used for both Radio and Checkbox
 * ------------- */
a.jqTransformChecked { background-position: 0px -20px; }


/* -------------
 * Selects
 * ------------- */
.jqTransformSelectWrapper { width: 57px; position: relative; height: 23px; background: url(../images/select1.gif) no-repeat 0px -50px; float: left; }
.jqTransformSelectWrapper:hover { background: url(../images/select1.gif) no-repeat 0px -75px; }
.jqTransformSelectWrapper div span { font-size: 12px; float: none; position: absolute; white-space: nowrap; height: 23px; line-height: 10px; 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: 17px; height: 23px; }

.jqTransformSelectWrapper ul { position: absolute; top: 23px; left: 0px; list-style: none; background-color: #000; border: solid 1px #a1a1a1; display: none; margin: 0px; padding: 0px; z-index: 2000; line-height: 25px; width: 30px; }
.jqTransformSelectWrapper ul a { display: block; padding-left: 7px; text-decoration: none; color: #fff; background-color: #515151; font-size: 12px; font-family: "΢ÈíÑźÚ"; text-shadow: 1px 1px #000; }

.jqTransformSelectWrapper ul a.selected { background: #262626; color: #fff; }

.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover { background: url(../images/hover1.gif) repeat-x 0px 0px; color: #fff; }

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