/* this stuff probably shouldn't be changed or overridden, except maybe the z-index */

.fancy-select-container {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
}
.fancy-select-list { /* anchor the top of the list at the bottom of the trigger */
	position: absolute;
	bottom: 0;
	left: 0;
	height: 0;
	width: 100%;
	z-index: 1000;
}
.fancy-select-list ul,
.fancy-select-list li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}



/* stuff to change or override elsewhere */

.fancy-select-container {
	color: #000;
}
.fancy-select-trigger {
	background: #DDD url(arrow.png) no-repeat scroll right center;
	padding: 3px 5px;
	white-space: nowrap;
	overflow: hidden;
}
.fancy-select-trigger-open {
	background-color: #CCC;
}
.fancy-select-list ul {
	background-color: #CCC;
	padding: 0 2px 2px 2px;
}
.fancy-select-list li {
	padding: 5px;
	background-color: #FFF;
	font: bold 12px Georgia, serif;
}
.fancy-select-list li.fancy-select-current {
	background-color: #FD8;
}
.fancy-select-list li.fancy-select-hover {
	background-color: #FF7;
}