/* -------------
 * Selects
 * ------------- */
.jqTransformSelectWrapper {  position:relative;height: 20px; padding:0px 0px 0 10px; color:#000; font-size:11px;  text-align:left; margin-top:0px; margin-left:0px; background:none; font-family:Arial;}
.jqTransformSelectWrapper div span {font-size: 11px;position: absolute; white-space: nowrap;height: 20px; line-height:20px; padding:0px 0 0 0px;overflow: hidden;cursor:pointer; z-index:1}
.jqTransformSelectWrapper a.jqTransformSelectOpen {display: block;position: absolute;right: 0px;width: 7px; height: 4px;background:url(http://www.genderclearinghouse.org/En/static/en/image/gif/select.gif) center center no-repeat ;overflow:hidden; top:9px;}
.jqTransformSelectWrapper ul {position: absolute;  top:20px;left:-1px;list-style: none;background-color: #fff;display: none;margin: 0;padding:0px 8px 12px 10px;overflow: auto; z-index:1; height:auto; border:#e2e3ea solid 1px;}
.jqTransformSelectWrapper ul a {display: block;padding: 2px 0px;text-decoration: none;color:#000;font-size: 11px; border-bottom:#000 dotted 1px;}
.jqTransformSelectWrapper ul a.selected {display:block; text-decoration:underline;}
.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {text-decoration:underline;}

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


form.jqtransformdone label{
	/*margin-top:4px;
	/*margin-right: 8px;
	display: block;
	float:left;*/
}
form.jqtransformdone div.rowElem{
	clear:both;
	padding:0px 0px;
}
/* -------------
 * Buttons
 * ------------- */


/* -------------


/* -------------
 * Radios
 * ------------- */
.jqTransformRadioWrapper {float: left;display:block;margin:0px 0px 0 0px;}
.jqTransformRadio {
	background:url(http://www.genderclearinghouse.org/En/static/en/image/gif/radio.gif) no-repeat center top;
	vertical-align: middle;
	height: 14px;
	width: 14px;
	display:block;/*display: -moz-inline-block;*/
}

/* -------------
 * Checkboxes
 * ------------- */
span.jqTransformCheckboxWrapper{
	display:block;float:left;
}
a.jqTransformCheckbox {
	background:url(http://www.genderclearinghouse.org/En/static/en/image/gif/chek.gif) no-repeat center top; margin-right:4px;
	vertical-align: middle;
	height: 13px;
	width: 13px;
	display:block;/*display: -moz-inline-block;*/
}

/* -------------
 * Checked - Used for both Radio and Checkbox
 * ------------- */
a.jqTransformChecked { background-position: left bottom;}