.user_opts {
  position: absolute;
  right: 8px;
  top: 8px;
}

/*
.user_opts .login {
  opacity: 0.01;
}

.user_opts .login:hover {
  opacity: 1;
}
*/


/* Login Page Styles */
div.login {
  margin-left: auto;
  margin-right: auto;
  border: none;
  padding: 16px;
  font-size: 150%;
}
img.login_logo {
  max-width: 430px;
  margin-top: 4px;
  margin-bottom: 4px;
}
div.login input[type=text], input.text, input[type=password], input.password, input[type=submit], input.submit, select {
  font-size: 100%;
}
table.login_table {
  margin-left: auto;
  margin-right: auto;
  border: solid 1px;
  padding: 16px;
/*  border-collapse: collapse;*/
}
table.login_table td, th{
  padding: 2px 6px;
}

table.login_table td span.user_name, th span.user_name{
  font-size: 60%;
}

table.login_table tr.changed{
  background-color: rgb(205, 255, 205);
}

.user_edit {
  border: 1px black solid;
  border-collapse: collapse;
}

.user_edit td, .user_edit th {
  vertical-align: top;
  border: 1px black solid;
  padding: 4px 8px;
}

.user_edit th {
  text-align: right;
}

.user_edit input[type=text], .user_edit input.text, .user_edit input[type=password], .user_edit input.password {
  width: 200px;
}
.user_edit input[type=submit], .user_edit input.submit {
  margin: 8px;
}

.user_view {
  border: 1px black solid;
  border-collapse: collapse;
  margin-top: 32px; /* account for nav links in the top right. */
}

.user_view td, .user_view th {
  vertical-align: middle;
  border: 1px black solid;
  padding: 2px 4px;
}

.user_view td .email {
  font-size: 80%;
}

.user_view td.center {
  text-align: center;
}

.user_view th {
  text-align: center;
  font-weight: normal;
  background-color: rgb(205, 255, 205);
}

input.highlight-init-blank[value=""],
input.highlight-init-zero[value="0"] {
  border: 2px solid black;
}
input.highlight-empty:placeholder-shown {
  border: 2px solid red;
}
input[type="number"].highlight-init-zero:placeholder-shown {
  width: 150px !important;
}

@media print {
  .user_opts {
    display: none;
    border: 2px red solid;
  }
}
