/* search */
.wdcontrol.searchcontrol .frame {
  padding: 0px;
}

.searchcontrol .panel {
  padding: 4px 6px 6px 6px;
}
.searchcontrol .frame.search {
  position: relative;
  padding: 4px 16px 4px 6px;
}
.searchcontrol input.searchbutton {
  margin-right: 5px;
}

.searchcontrol .multiaddrpopup {
  position: absolute;
  max-width: 50em;
  border: 1px solid #717B87;
  background-color: #ffffff;
  z-index: 1000;
}
.searchcontrol .multiaddrpopup > .item {
  padding: 2px 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.searchcontrol .multiaddrpopup > .item:hover {
  background-color: #e0e0e0;
}

.searchcontrol .search .clone,
.searchcontrol .inputpanel .clone {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  z-index: 900;
}

.searchcontrol .tabs {
  width: 100%;
  border-bottom: 1px solid #717B87;
}
.searchcontrol .tabs .item {
  display: inline-block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 123px;
  margin-bottom: -1px;
  padding: 2px 6px;
  border-right: 1px solid #717B87;
  border-bottom: 1px solid #717B87;
  text-align: center;
  cursor: pointer;
}
.searchcontrol .tabs .item:hover {
  background: url('svg_gradient.php?from=ffffff&to=e6e6e6');
  background: -webkit-linear-gradient(top, rgb(255, 255, 255), rgb(230, 230, 230));
  background: -moz-linear-gradient(top, rgb(255, 255, 255), rgb(230, 230, 230));
  background: -ms-linear-gradient(top, rgb(255, 255, 255), rgb(230, 230, 230));
  background: linear-gradient(top, rgb(255, 255, 255), rgb(230, 230, 230));
}
.searchcontrol .tabs .item:active {
  background: url('svg_gradient.php?from=e6e6e6&to=ffffff');
  background: -webkit-linear-gradient(top, rgb(230, 230, 230), rgb(255, 255, 255));
  background: -moz-linear-gradient(top, rgb(230, 230, 230), rgb(255, 255, 255));
  background: -ms-linear-gradient(top, rgb(230, 230, 230), rgb(255, 255, 255));
  background: linear-gradient(top, rgb(230, 230, 230), rgb(255, 255, 255));
}
.searchcontrol .tabs .item.selected {
  border-bottom: 1px solid #ffffff;
  font-weight: bold;
  cursor: default;
}
.searchcontrol .tabs .item.selected:hover,
.searchcontrol .tabs .item.selected:active {
  background: none;
}

.searchcontrol input,
.searchcontrol select {
  margin: 0px;
  display: inline-block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.searchcontrol input.edit,
.searchcontrol select {
  width: 100%;
  border: 1px solid #B5BCC3;
  background-color: #ffffff;
  vertical-align: bottom;
}
.searchcontrol input.notfound,
.searchcontrol select.notfound {
  background-color: #FFE8E8;
}

.searchcontrol .planner {
  position: relative;
  margin-top: 10px;
}
.searchcontrol .planner .switch {
  font-size: 85%;
  color: #999999;
}
.searchcontrol .planner .switch > .item {
  cursor: pointer;
}
.searchcontrol .planner .switch > .item.selected {
  cursor: default;
  font-weight: bold;
}

.searchcontrol .inputpanel {
  overflow-y: scroll;
}
.searchcontrol .inputpanel .fromblock {
  padding: 2px 0px 2px 28px;
  background-position: 0px 2px;
  background-repeat: no-repeat;
}
.searchcontrol .inputpanel .toblock {
  padding: 2px 0px 2px 28px;
  background-position: 0px 2px;
  background-repeat: no-repeat;
}
.searchcontrol .inputpanel .addstop {
  min-height: 8px;
  margin: 3px 0px;
  padding-left: 28px;
  font-size: 85%;
  color: #727272;
  cursor: pointer;
  opacity: 0.5;
  background-image: url('IMAGES/add.png');
  background-position: 10px center;
  background-repeat: no-repeat;
}
.searchcontrol .inputpanel .addstop:hover {
  opacity: 1.0;
}

.searchcontrol .inputpanel .stop {
  position: relative;
  padding: 2px 16px 2px 28px;
}
.searchcontrol .inputpanel .stop .edit {
  width: 100%;
}
.searchcontrol .inputpanel .insertstop {
  position: absolute;
  left: 6px;
  top: center;
  width: 16px;
  height: 100%;
  cursor: pointer;
  opacity: 0.5;
  background-image: url('IMAGES/add.png');
  background-position: 4px center;
  background-repeat: no-repeat;
}
.searchcontrol .search .deletestop,
.searchcontrol .inputpanel .deletestop {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 13px;
  height: 100%;
  cursor: pointer;
  opacity: 0.5;
  background-image: url('IMAGES/close.png');
  background-position: 3px center;
  background-repeat: no-repeat;
}
.searchcontrol .search .deletestop {
  right: 6px;
}
.searchcontrol .inputpanel .insertstop:hover,
.searchcontrol .search .deletestop:hover,
.searchcontrol .inputpanel .deletestop:hover {
  opacity: 1.0;
}

.searchcontrol .inputpanel .submitblock {
  margin-top: 10px;
  text-align: right;
}
.searchcontrol .inputpanel .submitblock .title {
  vertical-align: middle;
  color: #999999;
}
.searchcontrol .inputpanel .submitblock .edit {
  vertical-align: middle;
  width: auto;
}
.searchcontrol .inputpanel .submitblock .submit {
  margin-left: 5px;
}
.searchcontrol .inputpanel .submitblock .status {
  float: left;
}

.searchcontrol .inputpanel .optionsblock {
  margin: 0px 0px 0px 28px;
}
.searchcontrol .inputpanel .optionsblock > .option {
}
.searchcontrol .inputpanel .optionsblock > .option > .checkbox {
  margin: 0px;
  padding: 0px;
  vertical-align: middle;
}
.searchcontrol .inputpanel .optionsblock > .option > span {
  margin-left: 4px;
  vertical-align: middle;
  font-size: 85%;
  color: #727272;
  cursor: pointer;
}

.searchcontrol .inputpanel .info {
  margin-top: 10px;
}
.searchcontrol .inputpanel .info .title {
  display: inline-block;
  color: #999999;
  width: 35%;
}
.searchcontrol .inputpanel .info select {
  display: inline-block;
  width: 65%;
  margin: 0px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: center;
}
.searchcontrol .inputpanel .info .savesped {
  margin-top: 2px;
}

.searchcontrol .result {
  max-height: 300px; /* FIXME */
  overflow-y: scroll;
}

.searchcontrol .searcherror {
  color: red;
  cursor: default;
}

/* EOF */