<input type="text" name="name" id="custom_settings_grant" value="1031221" size="40" class="" />

.grant_search,
.grant_lookup,
.select_grant_search_result,
.close_search,
.search_orcid {
  cursor: pointer;
  margin: 0px 0px 0px 5px;
  float: none !important;
}
.grant_before_html {
  margin-right: 5px;
}
.grant_success_div,
.grant_search_div {
  background: white;
  width: auto;
  border: 1px solid #ccc;
  margin: 10px;
  padding: 10px;
  position: relative;
}
.grant_error_div {
  padding: 10px;
  color: red;
}
.grant_success_div a {
  float: none !important;
}

.close_search {
  position: absolute;
  top: 4px;
  right: 5px;
}

/* the styles below will be applied if the orcid widget is invoked with custom display paramters set to true */
.custom_search_div {
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 95% top;
  width: 550px;
  margin: 10px;
  padding: 15px;
  text-align: left;
  border: 2px solid #333;
  opacity: 0.8;
  position: relative;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-box-shadow: 0 0 50px #ccc;
  -webkit-box-shadow: 0 0 50px #ccc;
}
.custom_info_box {
  background-color: #ffffff;
  border: 1px solid #666666;
  padding: 5px;
  border-radius: 15px;
  -moz-border-radius: 15px;
  width: auto;
}
.custom_info_box h6 {
  font-size: 1.2em;
}

.form_label {
  float: left;
  width: 100px;
  font-weight: bold;
}
.show_list {
  float: left;
  left: 15px;
  width: 15px;
}
.space {
  width: 15px;
}

$("#custom_settings_grant").grant_widget({
  pre_lookup: true,
  pre_open_search: true,
  lookup_text: "Custom Lookup",
  search_text: "Custom Search",
  before_html: "Enter Here: "
});