#city-list {
	position: absolute;
	
	padding: 1em 0;
	
	overflow: visible;
}

.city-item {	
	display: block;
	width: 100%;
	text-align: left;
	padding: 0.2em 0;
	
}


.city-item a {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;

	color: #fff;
	padding: 0.1em 1em;
}

.city-item a:hover {
	color: #111;
	background-color: #999;
	-webkit-border-radius: 0.7em;
	-moz-border-radius: 0.7em;
	-webkit-box-shadow: #000 0px 0px 2px;
}

.city-item.selected a,
.city-item.selected a:hover {
	color: #111;
	background-color: #eee;
	-webkit-border-radius: 0.7em;
	-moz-border-radius: 0.7em;
	-webkit-box-shadow: #000 0px 0px 2px;
}