@import "compass/css3.html";

/***********************
 * Essential Structure *
 ***********************/
.flexsearch--wrapper {
	height: auto;
	width: auto;
	max-width: 900px;
	overflow: hidden;
	background: transparent;
	margin: auto;
	position: static;
}
	
.flexsearch--form {
	overflow: hidden;
	position: relative;
}
	
.flexsearch--input-wrapper {
	overflow: hidden;
}

.flexsearch--input {
  width: 100%;
}

/***********************
 * Configurable Styles *
 ***********************/
.flexsearch {
}

.flexsearch--input {
 	height: 60px;
  padding: 0 96px 0 10px;
	border-color: #00a5de;
  border-style: solid;
	border-width: 2px;
  color: #333;
	font-size: 16px;
	-webkit-appearance: none;
	-moz-appearance: none;
}
	
.flexsearch--submit {
  position: absolute;
	right: 10px;
	top: 10px;
	min-width: 80px;
	padding: 0 10px;
  border: none;
  color: #fff;
  line-height: 40px;
	background: #00a5de;
}

.flexsearch--input:focus {
  outline: none;
  border-color: #333;
}

.flexsearch--input:focus.flexsearch--submit {
 	color: #333; 
}

.flexsearch--submit:hover {
  color: #333;
  cursor: pointer;
}

::-webkit-input-placeholder {
	color: #888;  
}

input:-moz-placeholder {
  color: #888;
}