.lookup {
  position: absolute;
  cursor: pointer;
  border: 1px solid #ccc;
  border-width: 0 1px 1px 1px;
  background-color: #fff;
  padding: 0;
  box-shadow: rgba(0, 0, 0, 0.4) 4px 4px 16px;
  display: none;
  z-index: 100;
  max-height: 240px;
  overflow-y: auto;
  font-size:0.8em;
}

.lookup-item {
  overflow-x: hidden;
  padding: 4px;
}

  .lookup-item.selected {
    color: #fff;
    background-color: #156294;
  }

select,
.autocomplete input {
  cursor: pointer;
  border: 1px solid #ccc;
  border-width: 1px 1px 1px 1px;
  /*height: 24px;                  differ from form field heights */
  font-size: 0.9em;
}

.autocomplete .lookup {
  position: absolute;
  margin-top: 25px;
  /*border-radius: 4px;   cause blurry display?    */
}

.autocomplete .selected-text {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAHCAIAAABcElBNAAAABnRSTlMAIgCxAExuUeJpAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAALElEQVR4nGNgIBIobfQhRg0TQaUQWSb8psLFmfA4AFmECZcEmjYUdXBpTLMBUooNf9RxE9IAAAAASUVORK5CYII=");
  background-repeat: no-repeat;
  background-position: right 5px center;
  background-color: #fff;
}