/* -------------
 * Buttons
 * ------------- */
button {
	margin: 0px;
	padding: 0px;
	border: none;
	background-color: transparent;
	cursor: pointer;
	overflow: visible;
}
*:first-child+html button[type]{width: 1;} /* IE7 */
button span {
	background: #fff url('default/forms/button-right.png') no-repeat top right;
	display: block;
	float: left;
	padding-right: 4px; /* sliding doors padding */
}
button span span {
	background: transparent url('default/forms/button-left.png') no-repeat top left;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	padding: 0px 4px 0px 8px;
	line-height: 24px;
	display: block;
	text-decoration: none;
	white-space: nowrap;
}
.fx3 button span { background: #fff url('default/forms/button-right-purple.png') no-repeat top right }
.fx3 button span span { background: transparent url('default/forms/button-left-purple.png') no-repeat top left; }

button span.hover {
	background-position: bottom left;
}
button span span.hover {
	background-position: bottom right;
}


/* -------------
 * Inputs
 * ------------- */
.jNiceInputWrapper {
	float: left;
	clear: right;
	background: transparent url('default/forms/text-left.png') no-repeat left top;
	*background-position: 0px 1px;
	_background-position: 0px 1px;
	padding-left: 8px;
}
.jNiceInputWrapper input {
	background: transparent url('default/forms/text-right.png') no-repeat right top;
	border: none;
	height: 21px;
	width: 240px;
	padding: 7px 5px 3px 5px;
}
.jNiceInputWrapper input.extrawide { width: 340px; }
.jNiceInputWrapper input.wide { width: 290px; }
.jNiceInputWrapper input.medium { width: 180px; }
#form_login .jNiceInputWrapper { clear: both; }

/* -------------
 * Files
 * ------------- */
.jNiceFile {
	opacity: .25;
	filter: alpha(opacity=25);
	position: absolute;
	margin-top: -35px;
	height: 31px;
}
.jNiceFileWrapper {
	background: transparent url('default/forms/file-right.png') no-repeat top right;
	height: 41px;
	width: 219px;
	padding-right: 119px;
}
.jNiceFileWrapper div.jNiceFileName {
position: relative;
	background: transparent url('default/forms/file-left.png') no-repeat top left;
	height: 41px;
	padding-left: 15px;
	line-height: 41px;
	text-align: left;
}



/* -------------
 * Radios
 * ------------- */
.jRadioWrapper { float: left;}
.jNiceRadio {
	background: transparent url('default/forms/radio.png') no-repeat top left;
	height: 11px;
	width: 11px;
	margin: 5px;
	overflow: hidden;
	display: block; /*display: -moz-inline-block;*/
}
.jNiceRadio.jNiceChecked { background-position: 0px -11px; }

/* -------------
 * Checkboxes
 * ------------- */
.jNiceCheckboxWrapper { position: relative; }
.jNiceCheckbox {
	background: url('default/forms/check.png') no-repeat top left;
	height: 14px;
	width: 14px;
	/* float: left; */
	margin-right: 5px;
	overflow: hidden;
	display: inline-block;/*display: -moz-inline-block;*/
}
.jNiceCheckbox.jNiceChecked { background-position: 0px -14px; }


/* -------------
 * Selects
 * ------------- */
.jNiceSelectWrapper {
	float: left;
	position: relative;
	height: 24px;
	width: auto;
}
.jNiceSelectWrapper div span {
	float: left;
	display: block;
	background: url('default/forms/select-left.png') no-repeat left top;
	height: 31px;
	width: 116px;
	padding: 8px 0px 7px 15px;
	overflow: hidden;
	text-align: left;
	font-size: 14px;
}
.jNiceSelectWrapper div a {
	display: block;
	float: left;
	width: 34px;
	height: 31px;
	background: url('default/forms/select-button.png') no-repeat top left;
}
.jNiceSelectWrapper div a:hover { background-position: bottom left; }
.jNiceSelectWrapper div a.open { background-position: top right; }
.jNiceSelectWrapper div a.open:hover { background-position: bottom right; }

.jNiceSelectWrapper ul {
	display: none;
	position: absolute;
	top: 23px;
	left: -25px;
/*
	_left: -20px;
	*left: -20px;
*/
	list-style: none;
	background: #e9e9e9 url('default/forms/select-list.png') no-repeat bottom left;
	padding: 0px;
	
	max-height: 150px !important;
	height: auto !important;
	height: 150px;
	
	width: 100%;
	overflow: auto;
	overflow-x: hidden;
	z-index: 1000;
}
.jNiceSelectWrapper ul a {
	display: block;
	padding: 5px 10px 5px 15px;
	text-decoration: none;
	text-align: left;
	font-size: 14px;
	color: #2d2d2d;
	font-weight: normal;
}
.jNiceSelectWrapper ul a:hover { color: #32b31a; }
.jNiceSelectWrapper ul a.selected { color: #32b31a; }

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