/* ############################ */
/* this is the same as styledInput.css, but with no default colors, paddings etc. so you can style everything in the main stylesheet. */
/* ############################ */


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

/* ############ CHECKBOX & RADIO ############ */
.styledInput.si-checkbox,
.styledInput.si-radio {
}

/* Checkbox unchecked */
.styledInput.si-checkbox.empty {
}
/* Checkbox checked */
.styledInput.si-checkbox.checked {
}
/* Radio unchecked */
.styledInput.si-radio.empty {
}
/* Radio checked */
.styledInput.si-radio.checked {
}

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

/* Wrapper */

/* Hover effect */

/* Focus effect */
.si-select.si-open,
.si-select.si-focus {
	outline: none;
}

/* Label */

/* OPTIONS POPUP CONTAINER (ACTIVATE WITH {styleOptions:true} for all, {styleOptionsTouch:true/false} for touch devices) */
/* main optionscontainer - ONLY for positioning, NO STYLING HERE!*/
.styledInput.si-select .si-options {
	top:100%;
}

/* inner optionscontainer - define here: max-height, transition, background, border, shadow etc */
/* you can use max-height and transition or just display:none/block if no animation needed */ 
.styledInput.si-select .si-options > div {
	max-height:0;
	-moz-transition:max-height .2s ease;
	-webkit-transition:max-height .2s ease;
	transition:max-height .2s ease;
}

/* Options Container when open - define max-height here or display:block */
.styledInput.si-select.si-open .si-options > div,
.styledInput.si-select .si-options > div > div {
	max-height:400px;
}

/* Options */
.styledInput.si-select .si-options a {
	text-decoration:none;
	white-space:nowrap;
}

/* Selected option */
.styledInput.si-select .si-options a.si-selected {
}

/* Hover option */
.styledInput.si-select .si-options a.si-hover {
}

/* Disabled options */
.styledInput.si-select .si-options a.si-disabled {
}

/* Optgroups */
.styledInput.si-select .si-options .optgroup {
}
/* Optgroups > Options */
.styledInput.si-select .si-options .optgroup a {
}

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

.styledInput.si-file {
}

/* DESCRIPTION */
.styledInput.si-file > span {
}

/* DELETE BUTTON (ACTIVATE WITH {fileDeleteButton:true}) */
.styledInput.si-file > a.si-file-delete {
}

.styledInput.si-file > a.si-file-delete:before {
}

/* ############# DONT CHANGE THIS (EXCEPT YOU KNOW WHAT YOURE DOING) ############# */

.styledInput {
	display:inline-block;
	zoom: 1;
	*display: inline;
	position:relative;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.styledInput.si-file {
	overflow:hidden;
}
.styledInput.si-select > span,
.styledInput.si-file > span {
	display:block;
	overflow:hidden;
	white-space:nowrap;
}
.styledInput.si-select .si-options {
	position:absolute;
	min-width:100%;
	-webkit-overflow-scrolling:touch;
	z-index:9999;
}
.styledInput.si-select .si-options > div {
	overflow:hidden;
}
.styledInput.si-select .si-options > div > div {
	overflow-y:auto;
	overflow-x:hidden;
}
.styledInput.si-select .si-options.oversize {
}
.styledInput.si-select .si-options a {
	display:block;
	outline:none;
}
.styledInput input,
.styledInput select {
	position:absolute;
	left:0;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	opacity:0;
	filter:alpha(opacity=0);
}
.styledInput.si-styleOptions select {
	z-index:-1;
}
.styledInput select,
.styledInput input[type="file"] {
	width:100%;
}
.styledInput,
.styledInput > span {
	background-repeat:no-repeat;
}