/* -------------
 * Radios
 * ------------- */
.jRadioWrapper { float: left; z-index: 2; display:block; width:15px; position:relative; height:15px; margin:6px 15px 0 0; }
.jNiceRadio {
	background: url(../img/custom-radio-15x15.png) no-repeat left bottom;
	height: 15px;
	width: 15px;
	overflow:hidden;
	cursor:pointer;
	display:block;
}
.jNiceRadio.jNiceChecked { background-position:left top;}

/* -------------
 * Checkboxes
 * ------------- */
.jNiceCheck { display:block; float:left; margin:3px 10px 0 0; font-size:0;}
.jNiceCheckbox {
	background: url(../img/custom-checkbox.png) no-repeat 0 top;
	height: 13px;
	width: 12px;
	float:left;
	display:block;
	cursor:pointer;
}

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

/* -------------
 * Selects
 * ------------- */
.jNiceWrapper select {border:none;margin:0;padding:0;}
.jNiceSelectWrapper select { display:none; visibility:hidden;}

/**************************** CSS For Customize Selectbox ***********************************/

/* -------------
 * Selects
 * ------------- */
.jNiceSelectWrapper {
	display:block;
	position:relative;
	height: 31px;
	width:95px;
	float:left;
	background:url(../img/search-bg-rptr.png) repeat-x bottom #fff;
	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
}

.jNiceSelectWrapper div span {
	float: none;
	height: 30px;
	color: #9a9a9a;
	line-height:30px;
	padding:0;
	overflow: hidden;
	font-size:14px;
	display:block;
	width:64px;
	text-align:center;
}

.jNiceSelectWrapper div a {
	display: block;
	position: absolute;
	top:0;
	right: 0;
	width: 30px;
	height: 31px;
	border-left:1px solid #bbb;
	background: url(../img/arrow-black.png) no-repeat center center;
}

.jNiceSelectWrapper2 div a {
	display: block;
	position: absolute;
	top:0;
	right: 0;
	width: 30px;
	height: 31px;
	border-left:1px solid #bbb;
	background: url(../img/arrow-black.png) no-repeat center center;
}

.jNiceSelectWrapper ul {
	position: absolute;
	background:#fafafa;
	top: 34px;
	left: -1px;
	list-style: none;
	display: none;
	padding:3px 0;
	border:1px solid #bbb;
	z-index:999999;
	width:100%;
	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
}

.jNiceSelectWrapper ul li { display:list-item;}


.jNiceSelectWrapper ul a {
	display: block;
	padding:0 10px;
	text-decoration: none;
	color: #000;
	line-height:20px;
	text-transform:uppercase;
}

.jNiceSelectWrapper ul a:hover { color:#085b29;}
.jNiceSelectWrapper ul a.selected { color:#085b29;}

/******************** End CSS For Customize Form Element ***********************/

.jNiceFocus { border: dotted 1px #666666; }

.jNiceHidden {opacity:0;z-index:-1;position:absolute; left:-9999px;}
.jNiceWrapper {position:relative;vertical-align:top;}
.jNiceWrapper input {outline:none;moz-outline:none;}