.mwDefaultVisualFamily.mwSearchTextField .mwInputNode,
.mwDefaultVisualFamily.mwSearchTextField.mwNonEditable .mwInputNode {
  width: calc(100% - 15px); /*need to adjust width of input node to prevent overlap between input text and search icons*/
}

.mwDefaultVisualFamily.mwSearchTextField .clearTextContainerNode {
  position: absolute;
  width: 15px;
  height: 100%;
  top: 0px;
  right: 0px;
  background: url(../../images/Search_16.png) no-repeat right;
}

.mwDefaultVisualFamily.mwSearchTextField .clearTextContainerNode.clearTextIconVisible {
  background: url(../../images/cancel_15.png) no-repeat right #f5f5f5;
  border-left: 1px solid #999;
  cursor: pointer;
}

.mwDefaultVisualFamily.mwSearchTextField .clearTextContainerNode.clearTextIconVisible:hover {
  background: url(../../images/cancel_hover_15.png) no-repeat right #f5f5f5;
}