/* Вид неактивного поля   */
.sf_inactive{
	position: relative;
	background: url("/images/input-bg.png") no-repeat scroll left top transparent;
	color:#b4d3db;
	z-index: 100;
}
/* Этот стиль включается когда на поле наводишь мышкой  */
.sf_active{
	position: relative;
	background: url("/images/input-bg.png") no-repeat scroll left top transparent;
	color:#333;
	z-index: 100;
}
/* Этот стиль включается когда в поле введен запрос и нажимается кнопка поиск */
.sf_text{
	position: relative;
	background: url("/images/input-bg.png") no-repeat scroll left top transparent;
	color:#888;
	z-index: 100;
}

/* suggestions box */
/* js code generates unordered list */
.sf_suggestion{
	position:relative;
}
/* Это стиль выползающего блока */
.sf_suggestion ul{
	width: 213px;
	position:absolute;
	margin: 0px;
	padding:0;
	background:#c5e2ff;
	top:0;
	left:0;
	z-index: 1;
	max-height: 300px;
	overflow-y: scroll;
}
/* Стиль появляющегося списка */
.sf_suggestion li{
	margin:0;
	padding:5px 11px 4px 11px;
	list-style:none;
	background:#c5e2ff;
}
.sf_suggestion li:first-child{
	padding-top:10px;
}
.sf_suggestion li.selected{
	padding: 5px 11px 4px;
	background:#5fafd7;
}
.sf_suggestion li.selected:first-child{
	padding-top: 10px;
}
/* Стиль сылок в блоке */
.sf_suggestion li a{
	display:block;
	text-indent:5px;
	color:#444;
	text-decoration:none;
}
/* Стиль при выборе одного из пунктов */
.sf_suggestion li.selected a{
}