#wrapper {
	font-size: 12px;
	min-height: 400px;
}

.search-wrapper {
	position: relative;
}
.clear-search {
  position: absolute;
  right: 0;
  top: 0;
  padding: 3px 10px;
  text-transform: uppercase;
  cursor: pointer;
  font-weight: bold;
  color: #a9aebe;  	
}
.clear-search:hover {
	color: #900;
}
#search {
	position: relative;
	width: 500px;
	max-width: 100%;
	margin: 0 auto;
	padding: 20px 0;
}

#search input {
	vertical-align: middle;
	width: 100%;
	display: block;	
	padding: 4px 10px;
	font-size: 16px;
	color: #999;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding-right: 30px;	
}
#search input.active {
	color: #333;
}
#search-results {
	position: absolute;
	width: 500px;
	max-width: 100%;
	border: 1px solid #ccc;
	padding: 10px;
	border-radius: 3px;
	background: #fff;
	z-index: 90;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
#search-results ul {
	list-style: none;
}
#search-results ul li:hover {
	background: #efefef;
}

#image-active {
	float: left;
	width: 740px;
}
#image-active img {
	max-width: 100%;
}
#images-nav {
	float: right;
	width: 210px;
}
#images-nav ul {
	list-style: none;
}
#images-nav ul li {
	cursor: pointer;
	line-height: 14px;
	padding: 6px 0 2px 0;	
}
#images-nav ul li.active {
	color: #900;
	border-bottom: 1px solid #999;
}

#search .dictionaries {
	text-align: right;
}
#search .dictionaries input {
  display: inline-block;
  width: auto;
  margin-left: 10px;	
}
.dictionaries label {
	display: block;
}