.fancy-select ul,.fancy-select li{margin:0;padding:0;list-style:none;}
div.fancy-select{position:relative;font-weight:bold;font-size:0.8125em;color:#46565D;display:inline;float:left;padding:2px 5px 2px 0;}
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;padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;background:rgba(0,0,0,0.5);color:#fff;width:100px;height:30px;line-height:30px;
	-webkit-box-shadow:inset 1px 2px 3px rgba(0,0,0,0.2);-moz-box-shadow:inset 1px 2px 3px rgba(0,0,0,0.2);box-shadow:inset 1px 2px 3px rgba(0,0,0,0.2);
	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;width:0;height:0;border:5px solid transparent;border-top-color:#fff;top:14px;right:9px;}
div.fancy-select div.trigger.open{background:rgba(0,0,0,1);color:#fff;}
div.fancy-select div.trigger.open:after{}
div.fancy-select ul.options{
	list-style:none;margin:0;position:absolute;top:30px;left:0;visibility:hidden;opacity:0;z-index:50;max-height:300px;overflow:auto;background:rgba(0,0,0,0.8);min-width:165px;
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
	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;top:30px;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:30px;
	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:30px;
	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{
	padding:8px 12px;color:rgba(255,255,255,0.8);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{background:rgba(0,0,0,0.2);color:rgba(255,255,255,1);}
div.fancy-select ul.options li.hover{color:#fff;}