/* default (inactive field) */
.sf_inactive{
	border:0px #3d91a5 solid;
	color:#FFFFFF;
	background-color: transparent;
}
/* on focus (when field is clicked on)  */
.sf_active{
	border:1px #FFFFFF solid;
	border-left:0px #FFFFFF solid;
	border-right:0px #FFFFFF solid;
	border-top:0px #FFFFFF solid;
	color:#FFFFFF;
	background-color: transparent;
}
/* with text (when field is inactive but contains user's input)  */
.sf_text{
	border:1px #FFFFFF solid;
	border-left:0px #FFFFFF solid;
	border-right:0px #FFFFFF solid;
	border-top:0px #FFFFFF solid;
	color:#FFFFFF;
	background-color: transparent;
}

/* suggestions box */
/* js code generates unordered list */
.sf_suggestion{
	position:relative;
}
.sf_suggestion ul{
	position:absolute;
	margin-top:2px;
	margin-left:10px;
	margin-bottom:0px;
	margin-right:0px;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;
	background:url(../images/searchfield/search_suggestion.png) repeat 0 0;
	text-align:right;
	border-left:1px #7B7B7B solid;
	border-right:1px #7B7B7B solid;
	border-bottom:1px #7B7B7B solid;
	border-top:0px #7B7B7B solid;
}
.sf_suggestion li{
	margin:0;
	padding:0;
	list-style:none;
}
.sf_suggestion li a{
	display:block;
	font-family: tahoma, arial;
	text-indent:5px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	letter-spacing: 0px;
}

.sf_suggestion li.selected a{
	font-family: tahoma, arial;
	background:#76021D;
	border-left:0px #7B7B7B solid;
	border-right:0px #7B7B7B solid;
	border-bottom:1px #FFFFFF solid;
	border-top:1px #FFFFFF solid;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	letter-spacing: 1px;
}

/* Formular in index.php*/
#container {	
	margin-top:0px;
	margin-left:0px;
	margin-bottom:0px;
	margin-right:0px;
	width:230px;
	height:28px;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
	text-align:left;
	position:relative;
}
#content {
	margin-top:0px;
	margin-left:0px;
	margin-bottom:0px;
	margin-right:0px;
}

#fixed {
    position: fixed;
    border: solid 1px silver;
    background-color: whitesmoke;
    width: 90%;
    height: 20px;
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 0px;
    margin-bottom: 0px;    
    padding-top: 0px;
    padding-left: 5%;           
    padding-right: 0px;    
    padding-bottom: 0px;    
}

.formsearch{
	height:28px;
    background:url(../images/searchfield/search_bg.png) no-repeat 0 0;     
}

form {
	margin-top:0px;
	margin-left:0px;
	margin-bottom:0px;
	margin-right:0px;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
}

form input{
	margin-top:2px;
	margin-left:10px; 
	margin-bottom:0px;
	margin-right:0px;
	padding-top:3px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
	border:none;
	vertical-align:middle;
}