/* 
 * These are specific styles for the jquery autocomplete widget. 
 * This is included on donation forms that have autocomplete widget e.g. donate/index.ftl and
 * personal-fundraising/donate.ftl
 *
 */
.ui-autocomplete-input {
  margin-bottom: 14px;
}

.ui-button-text {
  height: 12px;
  width: 12px;
}

/* In this case we want to hide the pull-down arrow... */
button.ui-button {
  display:none;
}

/* ...and restore the dropdown border... */
.ui-widget-content {
  border: 1px solid;
}

/* ...and style the widget like a regular input */
input.ui-widget-content {
  background-color: #FFFFFF;
  border: 1px solid #BBBBBB;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  margin: 0.5em 0;
  padding: 5px;
  width: 95%;
  font: 99% sans-serif;
}