#machines {
  font-size: 13px;
  direction: ltr;
  width: 328px;
  height: 100px;
  border: 2px solid #ccc;
}

.results {
  font-family: Verdana, "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
  font-size: 13px;
  color: #424242;
  border: 2px solid #ccc;
  outline: none;
  padding: 6px;
  margin: 0.2em 0 0.5em 0;

  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;

  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) inset;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) inset;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) inset;

  -moz-transition: border 0.2s linear, box-shadow 0.2s linear;
  -webkit-transition: border 0.2s linear, -webkit-box-shadow 0.2s linear;

  direction: ltr;
  overflow-y: scroll;
  height: 100px;
  line-height: 17px;
  display: none;
}

.results .machine {
  display: block;
  padding: 0px 3px;
}

.ok {
  background-color: #e6efc2;
  color: #264409;
}

.bad {
  background-color: #fbe3e4;
  color: #8a1f11;
}