/* 

	SearchField	
	by Alen Grakalic, brought to you by cssglobe.com
	
*/

/* default (inactive field) */
.sf_inactive{
	background:#fff;
	color:#000;
	font-size: 14px;
}
/* on focus (when field is clicked on)  */
.sf_active{
	background:#fff;
	color:#000;
}
/* with text (when field is inactive but contains user's input)  */
.sf_text{
	border:2px #3c90a5 solid;
	background:#fff;
	color:#888;
}

/* suggestions box */
/* js code generates unordered list */
.sf_suggestion{
	position:relative;
	left: 0px;
	top: -20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	z-index: 699;
}
.sf_suggestion ul{
	border:4px #495678 solid;
	position:absolute;
	margin:0;
	padding:0;
	background:#495678;
	top:0;
	left:0;
}
.sf_suggestion li{
	margin:0;
	padding:0;
	list-style:none;
}
.sf_suggestion li a{
	display:block;
	color:#ffffff;
	margin: 2px;
	padding-right:50px;
	text-decoration: none;
}
.sf_suggestion li.selected a{
	background:#D37828;
}
.sf_inactive_city{
	background:#fff;
	color:#000;
}
/* on focus (when field is clicked on)  */
.sf_active_city{
	background:#fff;
	color:#333;
}
/* with text (when field is inactive but contains user's input)  */
.sf_text_city{
	border:2px #3c90a5 solid;
	background:#fff;
	color:#888;
}

/* suggestions box */
/* js code generates unordered list */
.sf_suggestion_city{
	position:relative;
	left: 0px;
	top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	z-index: 699;
}
.sf_suggestion_city ul{
	border:4px #495678 solid;
	position:absolute;
	margin:0;
	padding:0;
	background:#495678;
	top:0;
	left:0;
}
.sf_suggestion_city li{
	margin:0;
	padding:0;
	list-style:none;
}
.sf_suggestion_city li a{
	display:block;
	color:#ffffff;
	margin: 2px;
	text-decoration: none;
}
.sf_suggestion_city li.selected a{
	background:#D37828;
}

/* header                          */
.sf_suggestion_header{
	position:relative;
	left: 170px;
	top: -90px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	z-index: 11799;
	
}
/* default (inactive field) */
.sf_inactive_header{
	background:#fff;
	color:#000;
	font-size: 14px;
}
/* on focus (when field is clicked on)  */
.sf_active_header{
	background:#fff;
	color:#000;
}
/* with text (when field is inactive but contains user's input)  */
.sf_text_header{
	border:2px #3c90a5 solid;
	background:#fff;
	color:#888;
}


.sf_suggestion_header ul{
	border:4px #495678 solid;
	position:absolute;
	margin:0;
	padding:0;
	background:#495678;
	top:70;
	left:-170;
	
}
.sf_suggestion_header li{
	margin:0;
	padding:0;
	list-style:none;
}
.sf_suggestion_header li a{
	display:block;
	color:#ffffff;
	margin: 2px;
	padding-right:50px;
	text-decoration: none;
}
.sf_suggestion_header li.selected a{
	background:#D37828;
}
.sf_inactive_city_header{
	background:#fff;
	color:#000;
}
/* on focus (when field is clicked on)  */
.sf_active_city_header{
	background:#fff;
	color:#333;
}
/* with text (when field is inactive but contains user's input)  */
.sf_text_city_header{
	border:2px #3c90a5 solid;
	background:#fff;
	color:#888;
}

/* suggestions box */
/* js code generates unordered list */
.sf_suggestion_city_header{
	position:relative;
	left: -10px;
	top: -15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	z-index: 699;
}
.sf_suggestion_city_header ul{
	border:4px #495678 solid;
	position:absolute;
	margin:0;
	padding:0;
	background:#495678;
	top:0;
	left:0;
}
.sf_suggestion_city_header li{
	margin:0;
	padding:0;
	list-style:none;
}
.sf_suggestion_city_header li a{
	display:block;
	color:#ffffff;
	margin: 2px;
	text-decoration: none;
}
.sf_suggestion_city_header li.selected a{
	background:#D37828;
}