#ddd_results {
	background:white;
	border:1px solid silver;
	position:absolute;
	display:inline-block;
	font-size:14px;
	z-index:110000;
}
.ddd_btn {
	font-family: 'Font Awesome 5 Pro';
	font-weight: 900;
	width:20px;
	height:20px;
	font-size:16px;
	line-height:20px;
	border-radius:20px;
	color:black;
	background:white;
	border:1px solid silver;
	display:inline-block;
	position:absolute;
	z-index:1;
	text-align:center;
	cursor: pointer;
    cursor: hand;
	text-align:center;
}
.ddd_btn:hover { background:gold; }

#ddd_close { top:-11px; right:-11px; }
#ddd_close::before { content: "\f00d"; color:red; }
#ddd_up { top:20px; right:-11px; }
#ddd_up::before { content: "\f062"; }
#ddd_dn { bottom:20px; right:-11px; }
#ddd_dn::before { content: "\f063"; }

.ddd_results_item {
	padding:2px;
	cursor:pointer; cursor:hand;
	position:relative;
	background:lightyellow;
}
.ddd_results_item:not(:first-child) {
	border-top:1px solid silver;
}
.ddd_results_more {
	background:black;
	color:whitesmoke;
	text-align:center;
	border-top:1px solid silver;
}
.ddd_results_item:hover {
	background:whitesmoke;
	color:#14789A;
}
.ddd_results_item[data-on='1'] {
	background:#14789A;
	color:white;
}