@import "rounded";

.pulldown {
	display: none;
	position: relative;
	background-color: #ffffff;
	border-top: #c0c0c0 1px solid;
	border-bottom: #c0c0c0 1px solid;
	margin-right: 350px;
	padding: 25px;
	
	.pd-spinner {
		position: absolute;
		left: 50%;
		top: 50%;
		width: 64px;
		height: 64px;
		margin: -32px 0 0 -32px;
	}
	
	/* Search */
	.search-container {
		
		.spinner, .artist_loading, .artist_pics, .suggestions {
			display: none;
		}
		
		.spinner {
			margin: 70px 0 0 171px;
		}
		
		.search_form {
			.search_field {
				width: 300px;
				font-size: 24px;
				padding: 4px;
				border: #CCC 1px solid;
				@include rounded(3);
			}
		}
	}
}

.autocomplete {
	margin: 4px 0 0 -1px;
	
	div {
		font-size: 24px;
		padding: 6px 5px;
		border-top: #BBB 1px solid;
		margin-bottom: 1px;
		
		&:first-child {
			border: none;
		}
		
		&.selected {
			background-color: #DDD;
		}
	}
}