/**
 * The automcomplete box styling
 */


#aofPage #searchInput {
	width: 250px;
	height: 25px;
	font-size: 18px;
	color: #9a9e9c;
}

#aofPage #searchList {
    background: #fff;
    cursor: pointer;
    border: 1px solid #fff;
}

#aofPage #searchButton {
	height: 30px;
	background-color: #84b871;
	color: white;
	font-size: 15px;
	font-weight: bold;
	padding: 2px 5px 4px 5px;
	cursor: pointer;
	border: none;
	border: 0px;
}
#aofPage #searchList ul {
    margin: 0;
    padding: 0;
    width: 100%;
    list-style-type: none;
    border: 3px solid #5aa041;
    overflow: hidden;
}

#aofPage #searchList ul li {
    margin: 0;
    padding: 3px;
    text-align: left;
  	color: #5aa041;
  	border-bottom: 1px dotted #ccc;
  	background: #fff;
}

#aofPage #searchList ul li.selected {
    background-color: #dcedad;
}

#aofPage #searchList ul strong.highlight {
    margin:0;
    padding:0;
}

#aofPage #searchList ul li div.acclear {
	clear: both;
	height: 0;
	overflow: hidden;
}

#aofPage #searchList ul li div.acleft {
	float: left;
	width: 200px;
	height: 25px;
	font-weight: bold;
	font-size: 13px;
	padding: 5px 0 0 5px;
}

#aofPage #searchList ul li div.acright {
	float: left;
	width: 30px;
	height: 30px;
}

#aofPage #searchList ul li div.acright img {
	display: block;
}


#aofPage #searchList ul li.searchheader {
	font-size: 14px;
	font-weight: bold;
	background-color: #d6dad8;
	color: #9a9e9c;
	cursor: default;
	border-bottom: 1px solid #7c807e;
	border-top: 1px solid #7c807e;
}