/* ############## SPRITE IMAGE ############## */
.styledInput,
.styledInput > span {
}

/* ############ CHECKBOX & RADIO ############ */
.styledInput.si-checkbox,
.styledInput.si-radio {
	height:18px;
	width:18px;
	vertical-align:-4px;
	margin-right:5px;
	background-color:rgba(0,0,0,0.3);
}

.styledInput.si-checkbox.empty {
}
.styledInput.si-checkbox.checked {
	background-image:url(/images/icons_60.png);
	background-size:27px auto;
	background-repeat:repeat;
	background-position:-5px 22px;
}
.styledInput.si-radio.empty {
}
.styledInput.si-radio.checked {
	background:#64b742;
}

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

/* MAIN IMAGE */
.styledInput.si-select {
	height:20px;
	margin-bottom:2px;
	width:200px;
	background:#64b742;
}

/* DESCRIPTION AND LEFT CORNER IMAGE */
.styledInput.si-select > span {
	padding-left:5px;
	margin-right:5px;
	background-position: left -102px;
	height:20px;
	color:#fff;
	padding-top:1px;
}

/* OPTIONS POPUP CONTAINER (ACTIVATE WITH {styleOptions:true}) */
.styledInput.si-select .si-options {
	background:#64b742;
	margin-top:20px;
	box-shadow:3px 3px 3px rgba(0,0,0,0.5);
}

/* OPTIONS */
.styledInput.si-select .si-options a {
	text-decoration:none;
	color:black;
	padding:2px 5px;
	white-space:nowrap;
	color:#fff;
}

/* OPTIONS SELECTED & HOVER */
.styledInput.si-select .si-options a:hover,
.styledInput.si-select .si-options.si-mouseout a.si-selected {
	background:#4ea42c;
}

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

.styledInput.si-file {
	height:20px;
	margin-bottom:2px;
	width:200px;
	background:#64b742;
}

/* DESCRIPTION */
.styledInput.si-file > span {
	padding-left:5px;
	margin-right:5px;
	background-position: left -102px;
	height:20px;
	color:#fff;
	padding-top:1px;
}

/* 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;
}
.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;
	width:100%;
	display:none;
	overflow:hidden;
	z-index:9999;
}
.styledInput.si-select .si-options a {
	display:block;
}
.styledInput input,
.styledInput select {
	position:absolute;
	opacity:0;
	filter:alpha(opacity=0);
}
.styledInput select,
.styledInput input[type="file"] {
	width:100%;
}
.styledInput,
.styledInput > span {
	background-repeat:no-repeat;
}
.styledInput > span {
	cursor:default;
}