/* Styles for the unauthenticated gate only. Kept separate from the panel's
 * stylesheet so nothing about the real interface is inferable from it. */

html, body {
  margin: 0;
  padding: 0;
  background: #ffffff;
  color: #000000;
  font: 13px/1.45 "DejaVu Sans", Verdana, Geneva, sans-serif;
}

#gate {
  max-width: 26em;
  margin: 10% auto;
  padding: 0 1em;
}

#gate h1 {
  font-size: 1.3em;
  margin: 0 0 .3em 0;
}

#gate form {
  border: 1px solid #999999;
  background: #f4f4f4;
  padding: 14px 16px;
}

.dim { color: #666666; margin: 0 0 1em 0; }

.f { display: block; }
.f .n { display: block; font-weight: bold; margin-bottom: 3px; }

#gate input[type=password] {
  width: 100%;
  box-sizing: border-box;
  font: inherit;
  padding: 4px 5px;
  border: 1px solid #999999;
  background: #ffffff;
}

#gate button {
  margin-top: 10px;
  font: inherit;
  padding: 4px 12px;
}

.err {
  background: #ffe0e0;
  border: 1px solid #cc0000;
  padding: 5px 7px;
  margin: 10px 0 0 0;
}