span.yubikey_status {
  font-weight: bold;
}

span.yubikey_status.empty {
  color: #6699CC;
}

span.yubikey_status.savepending {
  color: #f5ac00;
}

span.yubikey_status.rmpending {
  color: #aa0000;
}

span.yubikey_status.enrolled {
  color: #008000;
}

a.yubikey_enroll {
  font-size: smaller;
}

span.yubikey_pubkey {
  font-size: smaller;
  color: #666;
}

tr.yk_alt1 td {
  background-color: #f8f8f8;
}

input.yubikey_noscript {
  background-color: white;
  background-image: url(./formicon.gif);
  background-position: 1px 1px;
  background-repeat: no-repeat;
  padding-left: 18px;
}

div.yubikey_bar {
  width: 88px;
  height: 88px;
  margin: 4px auto;
  text-align: center;
  background-image: url(./field.png);
  background-repeat: no-repeat;
}

div.yubikey_bar > img {
  width: 0px;
  height: 88px;
  background-image: url(./field.png);
  background-repeat: no-repeat;
  background-position: 0px -88px;
}

div.yubikey_bar > img.yubikey_bar_error {
  width: 88px !important;
  background-position: 0px -176px !important;
}