/* -------------
 * Inputs
 * ------------- */
.jNiceInputWrapper {
	background: transparent url(/i/forms/input-left.png) no-repeat left top;
	height: 41px;
	padding: 0;
}

.jNiceInputInner {
	background: transparent url(/i/forms/input-right.png) no-repeat right top;
	padding: 1px 4px 0 0;
}

.jNiceInputInner div {
	height: 41px;
}

.jNiceInputInner input {
	border: 0;
	color: #404040;	
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 18px;
	height: 17px;
	margin: 0;
	padding: 6px 0 0 4px;
	vertical-align: middle;
}

.jNiceSafari .jNiceInputInner div {
	position: relative;
	overflow: hidden;
}

.jNiceSafari input {
	background-color: none;
	position: absolute;
	top: -2px;
	left: -4px;
	height: 26px; 
}

/* -------------
 * Radios
 * ------------- */
.jRadioWrapper {float: left;}
.jNiceRadio {
	background: transparent url(/i/forms/radio.png) no-repeat center top;
	display: block; /*display: -moz-inline-block;*/
	vertical-align: middle;
	width: 21px; height: 19px;
}


/* -------------
 * Checkboxes
 * ------------- */
.jNiceCheckbox {
	background: transparent url(/i/checkbox.png) no-repeat center top;
	display: block; /*display: -moz-inline-block;*/
	cursor: pointer;
	vertical-align: middle;
	width: 18px; height: 18px;
}

/* -------------
 * Checked - Used for both Radio and Checkbox
 * ------------- */
.jNiceChecked {background-position: center bottom;}


/* -------------
 * Selects
 * ------------- */
.jNiceSelectWrapper {
	color: #666;
	position: relative;
	width: 116px; height: 32px;
}

.jNiceSelectWrapper div span {
	background: transparent url(/i/select-left.png) no-repeat top left;
	float: none;	
	line-height: 15px;
	overflow: hidden;
	padding: 8px 0 0 8px;
	position: absolute;
	width: 85px; height: 24px;
	z-index: 1;
}

.jNiceSelectWrapper div a {
	background: transparent url(/i/select-right.png) no-repeat center center;
	display: block;
	position: absolute; right: 0px;
	width: 32px; height: 32px;
	z-index: 2;
	text-transform: capitalize;
}

.jNiceSelectWrapper ul {
	background: none;
	display: none;
	list-style: none;
	margin: 0;
	padding: 5px 0 0;
	overflow: auto;
	overflow-y: auto;
	position: absolute; top: 25px; left: 0px;
	width: 107px; height: 180px;
	z-index: 100;

}

.jNiceSelectWrapper p {
	background: url(/i/select-bottom.png) no-repeat 50% 100%;
	display: none;
	margin-top: 7px;
	padding: 0 0 10px;
	width: 116px; height: 205px;
	position: absolute;
	z-index: 4;
}

.jNiceSelectWrapper.opened p {
	display: block;
}

#content-inner .jNiceSelectWrapper ul, #content-inner .jNiceSelectWrapper p {padding-right: 0;}
#content-inner .jNiceSelectWrapper ul li {background: none; margin: 0; padding: 0 0 0 2px;}



.jNiceSelectWrapper ul a {
	background: #fff;
	color: #666;
	display: block;
	padding: 5px 0 5px 13px;
	text-decoration: none !important;
	position: relative; z-index: 3;
}

.jNiceSelectWrapper ul a:hover {background:#d6ebe3;}
.jNiceSelectWrapper ul a.selected {background: #f0f0e6;}

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