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

/* ############ CHECKBOX & RADIO ############ */
.styledInput.si-checkbox,
.styledInput.si-radio {
	height:14px;
	width:14px;
	vertical-align:-2px;
	margin-right:5px;
	background:#999;
}

.styledInput.si-checkbox.empty {
}
.styledInput.si-checkbox.checked {
	background:#64b742;
}
.styledInput.si-radio.empty {
}
.styledInput.si-radio.checked {
	background:#64b742;
}

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

/* MAIN IMAGE */
.styledInput.si-select {
	height:30px;
	margin-top:-4px;
	margin-bottom:2px;
	background:#fff;
	display:block;
	float:left;
	min-width:180px;
	width: calc(100% - 200px);
}

.entrytype.stellensuche .styledInput.si-select {
	margin-top:0;
	height:33px;
	width:100%;
	min-width:0;
	border:none;
}

.styledInput.si-select.si-open {
	background:#f5f5f6;
}

/* DESCRIPTION AND LEFT CORNER IMAGE */
.styledInput.si-select > span {
	padding-right:30px;
	overflow:hidden;
	color:#363636;
	padding-top:4px;
	cursor:pointer;
	background-image:url(/images/select_arrow.png);
	background-size:auto 50%;
	background-position:center right;
	border-bottom:1px solid #888888;
}

.entrytype.stellensuche .styledInput.si-select > span {
	margin:0 8px;
	text-transform:uppercase;
	font-size:1.1rem;
	border-color:rgba(0,0,0,0);
}

.entrytype.stellensuche .styledInput.si-select.si-open > span {
	border-color:#595758;
}

/* OPTIONS POPUP CONTAINER (ACTIVATE WITH {styleOptions:true}) */
.styledInput.si-select .si-options {
	background:#f5f5f6;
	margin-top:31px;
}

/* OPTIONS */
.styledInput.si-select .si-options a {
	text-decoration:none;
	color:black;
	line-height:140%;
	white-space:nowrap;
	color:#595758;
	border-bottom:1px solid #595758;
	padding-top:1px;
}

.entrytype.stellensuche .styledInput.si-select .si-options a {
	margin:0 8px;
	text-transform:uppercase;
	font-size:1.1rem;
}

.entrytype.stellensuche .styledInput.si-select .si-options a:first-child {
	display:none;
}

.styledInput.si-select .si-options a:last-child {
	border-bottom:none;
}
/* OPTIONS SELECTED & HOVER */
.styledInput.si-select .si-options a.si-selected {
	background:#ddd;
	font-family:sanuk-lightregular;
}
/* ################# FILE ################# */

.styledInput.si-file {
	height:20px;
	margin-bottom:2px;
	width:calc(100% - 346px);
	background:#fff;
	float:left;
}

/* DESCRIPTION */
.styledInput.si-file > span {
	padding-left:5px;
	margin-right:5px;
	height:20px;
	color:#d8d3e1;
	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:996;
}
.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,
.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;
}