.elasticsearch{
	font-family: 'Open Sans', Arial,Helvetica, sans-serif;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-250px;
	box-sizing:border-box;
}

.elasticsearch *{
	box-sizing:border-box;
}

.ele_hidden{
	display:none;
}


.search-navigation, .search-bottom-buttons {
	border-top:1px solid #eee;
	height:32px;
	background-color:#f8f8f8;
	padding: 0 8px;
}
.search-navigation .pane{
	line-height:32px;
	height:32px;
	display:inline-block;
}

.search-bottom-buttons {
	line-height:32px;
	text-align: right;
}

.search-navigation .buttons{
	position: absolute;
    right: 8px;
}

.search-navigation .buttons button, .search-bottom-buttons button{
	background-color: #3399FF;
	/*border:1px solid #2288ee;*/
    border-radius: 2px;
    border-style: none;
    color: white;
    display: inline-block;
    text-align:center;
    height:1.5em;
    line-height:1.5em;
    width: 2em;
    cursor: pointer;
}

.search-bottom-buttons button{
	padding: 0px 1em;
	width:auto;
}

.search-bottom-buttons button:focus, .search-bottom-buttons button:hover{
	background-color: #3399FF !important;
}

.search-navigation .buttons button:disabled{
	background-color: #eee;
	color:#aaa;
	cursor:auto;
}

.elasticsearch .suggestion-count{
	font-weight: bold;
}

.elasticsearch .search-box, .elasticsearch .search-clear, 
.elasticsearch .search-form .selectric-wrapper { line-height:40px; height:40px; }

.elasticsearch .search-box {
	width:500px;
	position:absolute;
	left:0;
	top:0;
	border: 1px solid #D0D0D0;
	outline:none; 
	padding-left:140px;
	padding:0 30px 0 140px;
	
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.15);
}

.elasticsearch .search-box::-ms-clear {
  display: none;
}

.search-form .selectric-wrapper{
	position: absolute;
	left:0;
	top:0;
	display: inline-block;
	width:130px;
}

.elasticsearch .search-clear{
	border:0;
	outline:none; 
	position: absolute;
	left:470px;
	top:0px;
	width:30px;
	text-decoration: none;
	color:gray;
	background:none;
	cursor:pointer;
}
.elasticsearch .search-clear:hover{
	background:none !important;
}

.autocomplete-suggestions {
	border: 1px solid #D0D0D0; border-top:none; background: #FFF; overflow: hidden; 
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15);
}

.autocomplete-suggestion { padding: 8px 8px; white-space: nowrap; color:#888; overflow: hidden; border-bottom:1px solid #eee; height:35px;}
.autocomplete-suggestion:last-child{ border-bottom: none}
.autocomplete-selected { background: #F8f8f8 !important; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

.item-type-address::before {
	content:"Address";
	font-weight: bold;
	color:#333;
	width:100px;
	display: inline-block;
}
.item-type-parcel::before{
	content:"Parcel";
	font-weight: bold;
	color:#333;
	width:100px;
	display: inline-block;
}
.item-type-property::before{
	content:"Property";
	font-weight: bold;
	color:#333;
	width:100px;
	display: inline-block;
}
.item-type-survey_label::before{
	content:"Survey Label";
	font-weight: bold;
	color:#333;
	width:100px;
	display: inline-block;
}
.item-type-lga::before{
	content:"LGA";
	font-weight: bold;
	color:#333;
	width:100px;
	display: inline-block;
}
.item-type-locality::before{
	content:"Locality";
	font-weight: bold;
	color:#333;
	width:100px;
	display: inline-block;
}
.item-type-road::before{
	content:"Road";
	font-weight: bold;
	color:#333;
	width:100px;
	display: inline-block;
}
.item-type-parish::before{
	content:"Parish";
	font-weight: bold;
	color:#333;
	width:100px;
	display: inline-block;
}

.item-type-place::before{
	content:"Places";
	font-weight: bold;
	color:#333;
	width:100px;
	display: inline-block;
}

.item-type-survey_mark::before{
	content:"Survey Mark";
	font-weight: bold;
	color:#333;
	width:100px;
	display: inline-block;
}

.item-type-township::before{
	content:"Township";
	font-weight: bold;
	color:#333;
	width:100px;
	display: inline-block;
}

.item-type-more{
	background:#f8f8f8;
	text-align:right;
}