div.fancy-select {
	position:relative;
}

div.fancy-select.disabled {
	opacity:0.5;
}

div.fancy-select select:focus + div.trigger {

}

div.fancy-select select:focus + div.trigger.open {
	box-shadow:none;
}

div.fancy-select div.trigger {
	cursor:pointer;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	position:relative;

	transition:all 240ms ease-out;
	-webkit-transition:all 240ms ease-out;
	-moz-transition:all 240ms ease-out;
	-ms-transition:all 240ms ease-out;
	-o-transition:all 240ms ease-out;
}

div.fancy-select div.trigger:after {
	content:"";
	display:block;
	position:absolute;
}

div.fancy-select div.trigger.open {
	box-shadow:none;
}

div.fancy-select div.trigger.open:after {

}

div.fancy-select ul.options {
	list-style:none;
	margin:0;
	position:absolute;
	left:0;
	visibility:hidden;
	opacity:0;
	z-index:50;
	max-height:200px;
	overflow:auto;

	transition:opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
	-webkit-transition:opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
	-moz-transition:opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
	-ms-transition:opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
	-o-transition:opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
}

div.fancy-select ul.options.open {
	visibility:visible;
	opacity:1;

	/* have to use a non-visibility transition to prevent this iOS issue (bug?): */
	/*http://stackoverflow.com/questions/10736478/css-animation-visibility-visible-works-on-chrome-and-safari-but-not-on-ios*/
	transition:opacity 300ms ease-out, top 300ms ease-out;
	-webkit-transition:opacity 300ms ease-out, top 300ms ease-out;
	-moz-transition:opacity 300ms ease-out, top 300ms ease-out;
	-ms-transition:opacity 300ms ease-out, top 300ms ease-out;
	-o-transition:opacity 300ms ease-out, top 300ms ease-out;
}

div.fancy-select ul.options.overflowing {
	top:auto;
	bottom:40px;

	transition:opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
	-webkit-transition:opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
	-moz-transition:opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
	-ms-transition:opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
	-o-transition:opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
}

div.fancy-select ul.options.overflowing.open {
	top:auto;
	bottom:50px;

	transition:opacity 300ms ease-out, bottom 300ms ease-out;
	-webkit-transition:opacity 300ms ease-out, bottom 300ms ease-out;
	-moz-transition:opacity 300ms ease-out, bottom 300ms ease-out;
	-ms-transition:opacity 300ms ease-out, bottom 300ms ease-out;
	-o-transition:opacity 300ms ease-out, bottom 300ms ease-out;
}

div.fancy-select ul.options li {
	cursor:pointer;
	white-space:nowrap;

	transition:all 150ms ease-out;
	-webkit-transition:all 150ms ease-out;
	-moz-transition:all 150ms ease-out;
	-ms-transition:all 150ms ease-out;
	-o-transition:all 150ms ease-out;
}

div.fancy-select ul.options li.selected {

}

div.fancy-select ul.options li.hover {

}