/* default (inactive field) */
.sf_inactive{
	font-style: italic;
	background: #FFFFFF url('/images/dropdown_arrow.jpg') no-repeat scroll right center;
	font-size: 10px;
	padding-left: 5px;
	height: 17px;
	padding-top: 1px;
	color: #808080;
	margin-top: 1px;
	cursor: default;
	
	padding-right: 16px;
}
/* on focus (when field is clicked on)  */
.sf_active{
	background: #FFFFFF url('/images/dropdown_arrow.jpg') no-repeat scroll right center;
	padding-left: 5px;
	margin-top: 1px;
	padding-top: 1px;
	height: 17px;
	padding-right: 16px;
	color: #0067A6;
}
/* with text (when field is inactive but contains user's input)  */
.sf_text{
	background: #FFFFFF url('/images/dropdown_arrow.jpg') no-repeat scroll right center;
	padding-left: 5px;
	height: 17px;
	padding-top: 1px;
	margin-top: 1px;
	padding-right: 16px;	
	color: #0067A6;
}

/* suggestions box */
/* js code generates unordered list */
.sf_suggestion{
	position:absolute;
	background: #fff;
	max-height: 150px;
	overflow-y: scroll;
	border: 1px solid #5b90ba;
	border-top: none;
	margin-top: -3px;
	z-index: 999999;
}
.sf_suggestion ul{
	position:absolute;
	margin:0;
	padding:0;
	background:#FFFFFF;
	top:0;
	left:0;
}
.sf_suggestion li{
	margin:0;
	padding:0;
	list-style:none;
}
.sf_suggestion li a{
	display:block;
	text-indent:5px;
	color:#0067A6;
	text-decoration: none;
}
.sf_suggestion li.selected a{
	background:#CFE4E6;
	text-decoration: none;
}

.inputContainer {
	float: left;
}