* {box-sizing:border-box;}

body {font:16px Arial;}

#thing {border:1px solid rgba(0,0,0,0.1); text-align:center;}

.autocompleteBox {position:relative; display:inline-block; width:100%;}	/*the container must be positioned relative:*/

input {border:1px solid transparent; background-color:#f1f1f1; padding:10px; margin:3px 0; font-size:16px; border-radius:5px;}
input[type=text] {background-color:#f1f1f1; width:100%;}
input[type='submit'], input[type='reset'] {background-color:DodgerBlue; color:#fff; cursor:pointer; width:100%;}

.autocomplete-items {position:absolute; border:1px solid #d4d4d4; border-bottom:none; border-top:none; z-index:99; text-align:left;
/*position the autocomplete items to be the same width as the container:*/ top:100%; left:0; right:0;}

.autocomplete-items div {padding:10px; cursor:pointer; background-color:#fff; border-bottom:1px solid #d4d4d4;}
.autocomplete-items div:hover {background-color:#e9e9e9;}	/*when hovering an item:*/

.autocomplete-active {background-color:DodgerBlue !important; color:#ffffff;}	/*when navigating through the items using the arrow keys:*/