
/* ############## SPRITE IMAGE ############## */
.styledInput,
.styledInput > span {
	background-repeat:no-repeat;
	background-size:25px auto;
}

/* ############ CHECKBOX & RADIO ############ */
.styledInput.si-checkbox,
.styledInput.si-radio {
	height:21px;
	width:21px;
	background-position:right 2px;
}

.styledInput.si-checkbox.empty {
}
.styledInput.si-checkbox:hover,
.styledInput.si-checkbox.checked {
	background-position:right -22px;
}
.styledInput.si-radio.empty {
	background-position:right -47px;
}
.styledInput.si-radio:hover,
.styledInput.si-radio.checked {
	background-position:right -67px;
}

/* ################# SELECT ################# */

/* MAIN IMAGE */
.styledInput.si-select {
	background-position:right -92px;
}

/* DESCRIPTION AND LEFT CORNER IMAGE */
.styledInput.si-select > span {
	background:none;
	height:21px;
	padding:3px 0px 1px 0px;
	font-size:11px !important;
	line-height:1.4 !important;
}

/* OPTIONS POPUP CONTAINER (ACTIVATE WITH {styleOptions:true}) */
.styledInput.si-select .si-options {
	margin-top:21px;
	box-shadow:2px 2px 6px -2px rgba(0,0,0,0.5);
}

/* OPTIONS */
.styledInput.si-select .si-options a {
	text-decoration:none;
	padding:1px 0px;
	white-space:nowrap;
	font-size:11px !important;
}

/* ################# FILE ################# */

/* DELETE BUTTON (ACTIVATE WITH {fileDeleteButton:true}) */
.styledInput.si-file > a.si-file-delete {
	background:#d92020;
	display:block;
	width:20px;
	height:20px;
	position:absolute;
	right:0;
	text-decoration:none;
}

.styledInput.si-file > a.si-file-delete:before {
	content:'X';
	color:#fff;
	font-weight:bold;
	padding-left:4px;
}

/* ############# DONT CHANGE THIS ############# */

.styledInput {
	display:inline-block;
	zoom: 1;
	*display: inline;
	position:relative;
}
.styledInput.si-file {
	overflow:hidden;
}
.styledInput.si-file,
.styledInput.si-select {
	position:relative;
}
.styledInput.si-select > span,
.styledInput.si-file > span {
	display:block;
	overflow:hidden;
	white-space:nowrap;
}
.styledInput.si-select.si-open {
	z-index:9999;
}
.styledInput.si-select .si-options {
	position:absolute;
	min-width:100%;
	display:none;
	overflow:hidden;
	z-index:9999;
}
.styledInput.si-select .si-options a {
	display:block;
}

.styledInput input {
	cursor:pointer;
}

.styledInput input,
.styledInput select {
	position:absolute;
	opacity:0;
	filter:alpha(opacity=0);
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}
.styledInput select,
.styledInput input[type="file"] {
	width:100% !important;
}
.styledInput,
.styledInput > span {
	background-repeat:no-repeat;
}
.styledInput > span {
	cursor:default;
}