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


/* -------------
 * Checkboxes
 * ------------- */
span.jqTransformCheckboxWrapper {
	clear:left;
	display:block;
	float:left;
	margin:1px 5px 0 0;
	margin:0px 5px 0 0\9;
	width:15px !important;
}
a.jqTransformCheckbox {
	height: 15px;
	width: 15px !important;
	display:block;
	font-size:0;
}
a.jqTransformChecked {
	background-position: center bottom;
}


/* -------------
 * Radios
 * ------------- */
.jqTransformRadioWrapper {
	float: left;
	display:block;
	margin:1px 5px 0 0;
	margin:0px 5px 0 0\9;
}
.jqTransformRadio {
	vertical-align: middle;
	height: 15px;
	width: 15px;
	display:block;/*display: -moz-inline-block;*/
	font-size:0;
}


/* -------------
 * Selects
 * ------------- */
.jqTransformSelectWrapper {
	position:relative;
	height:16px;
	color:#000;
	background:#FFF;
}
.jqTransformSelectWrapper ul a {
	font-size:115%\9; /* for IE */
	color:#333;
}
.jqTransformSelectWrapper div span {
	float:none;
	position:absolute;
	white-space:nowrap;
	line-height:1em;
	padding:1px 0 0 4px;
	overflow:hidden;
	cursor:pointer;
}
.jqTransformSelectWrapper a.jqTransformSelectOpen {
	display:block;
	position:absolute;
	right:1px;
	top:1px;
	width:15px;
	height:14px;
	overflow:hidden;
}
.jqTransformSelectWrapper ul {
	position: absolute;
	top: 16px;
	left: 0px;
	list-style: none;
	display: none;
	margin: 0px;
	padding: 0px;
	height: 200px;
	overflow: auto;
	overflow-y: auto;
	z-index:10;
}
.jqTransformSelectWrapper ul a {
	display:block;
	text-decoration:none;
	padding:1px 5px;
}
.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {
	text-decoration:none;
}