autocomplete.css

/* Used suggestions on all examples */

div.autocomplete ul {
  background: #EEE;
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

div.autocomplete ul li {
  background: #EEE;
  border: 1px solid #CCC;
  border-top: none;
  font-size: 80%;
  padding: 4px 12px;
  font-family: "Lucida Grande","Verdana";
  font-size: 11px;
  margin: 0px !important;
  white-space: nowrap !important;
  cursor: pointer;
  text-overflow: ellipsis;
  overflow: hidden;
}

div.autocomplete ul li.selected {
  background: #78959D;
  border: none;
  padding: 4px 13px 5px;
  color: #FFF;
}


/* Only used on multi select fields */

ul.multi_value_field {
  overflow: hidden;
  list-style-type: none;
  padding: 1px 3px;
  margin: 0px;
  border: 1px solid #999;
  height: auto !important;
}

ul.multi_value_field li, ul.multi_value_field input {
  display: block;
  float: left;
  margin: 2px 5px 2px 0;
  list-style-type: none;
  -x-system-font: none;
  font-family: "Lucida Grande","Verdana";
  font-size: 11px;
}

ul.multi_value_field li.choice {
  -border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  background: #DEE7F8 none repeat scroll 0 0;
  border: 1px solid #CAD8F3;
  padding: 1px 4px 2px;
}

ul.multi_value_field li.choice a.close {
  font-weight: bold;
  color: #777;
  padding: 2px 0 2px 3px;
  font-size: 12px;
  cursor: pointer;
  text-decoration: none;
  outline: none;
}

ul.multi_value_field li input {
  border: 0 !important;
  margin: 0 !important;
  outline: 0 !important;
  padding: 3px 0 3px !important;
  width: 100px !important;
  background: none !important;
}

ul.multi_value_field li.choice:hover {
  background-color: #BBCEF1;
  border-color: #6D95E0;
}