
.autocomplete-block {
	display: table;
	width: 100%;
	height: 100%;
}

.autocomplete-input {
	display: table-cell;
	vertical-align: middle;
}

.autocomplete-input input {
	background-color: #f8f8f8;
	background-image: url('/image/s1.png');
	background-repeat: no-repeat;
	background-position: right 2% bottom 50%;
}

.autocomplete-input input:focus::placeholder {
	color: transparent;
}

.ui-autocomplete {
	border: 2px solid #4064c0;
	background-color: #f0f0f0;
	box-shadow: 6px 6px 16px 0px rgba(0, 0, 0, 0.6);
}



.ui-autocomplete-loading {
	background-color: #f8f8f8;
	background-image: url('/image/ui-anim_basic_16x16.gif') !important;
	background-repeat: no-repeat;
	background-position: right 2% bottom 50%;
}


.ui-menu .ui-menu-item {
	border-bottom: 1px solid #aaa;
	font-size: 90%;
}

.ui-menu-item .ui-state-focus,
.ui-menu-item .ui-state-active {
	text-decoration: none;
	display: block;
	background-color: #c0d0e0;
}
.ui-menu .ui-menu-item-wrapper {
	padding: 0;
	margin: 0;
}

.ui-menu-item a {
	margin: 0;
	padding: 0;
	max-width:100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ui-menu .ui-menu-item {
	 margin: .5em 0.3em .5em 0.3em;
}


.my-autocomplete-img {
	float: left;
	padding-right: 1em;
	display: table-cell;
}
.my-autocomplete-cell {
	display: table-cell;
}
.my-autocomplete-category {
	margin: 0;
	padding: 0;
	color: #777;
	font-style: italic;
	font-size: 90%;
}
.my-autocomplete-caption {
	margin: 0;
	padding: 0;
	color: darkred;
	font-size: 100%;
}
.my-autocomplete-title {
	margin: 0;
	padding: 0;
	color: darkblue;
	font-size: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
