body {
  font-family: Calibri, sans-serif;
}

#banner {
  background: #57BBB6;
  height: 170px;
  width: 99%;
  position: relative;
}

#banner img {
  margin-left: 0;
  margin-right: auto;
  display: inline;
}

#user_status {
  right: 0;
  bottom: 0;
  position: absolute;
}

#pw_chg {
  visibility: hidden;
  right: 0;
  font-size: small;
  position: absolute;
  cursor: pointer;
}

#logout {
  visibility: hidden;
  right: 0;
  float: right;
  font-size: small;
  position: absolute;
  top: 15px;
  cursor: pointer;
}

#view_log {
  visibility: hidden;
  right: 0;
  float: right;
  font-size: small;
  position: absolute;
  top: 30px;
  cursor: pointer;
}

#doc {
  visibility: hidden;
  right: 0;
  float: right;
  font-size: small;
  position: absolute;
  top: 45px;
  cursor: pointer;
}

#file_usage {
  visibility: hidden;
  right: 0;
  float: right;
  font-size: small;
  position: absolute;
  top: 60px;
}

#attribution {
  position: fixed;
  bottom: 0;
  float: right;
  right: 20px;
}

#main {
  visibility: hidden;
  position: absolute;
  border: 2px solid black;
  background-color: yellow;
}

#filelist {
  table-layout: fixed;
}

#note {
  visibility: hidden;
  position: absolute;
  display: block;
}

#note img {
  height: 20px;
}

#upload_div {
  visibility: hidden;
  position: absolute;
  border: 1px solid black;
  background-color: white;
}

#committees {
  visibility: hidden;
  position: absolute;
  border: 1px solid black;
  background-color: white;
}

#tags {
  visibility: hidden;
  position: absolute;
  border: 1px solid black;
  background-color: white;
}

#permissions {
  visibility: hidden;
  position: absolute;
  border: 1px solid black;
  background-color: white;
}

input[name^='perm'] {
  float: right;
}

label[for^='read'] {
  float: right;
}

label[for^='updt'] {
  float: right;
}

label[for^='none'] {
  float: right;
}

input[type='checkbox'] {
  vertical-align: middle;
}

.odd {
  color: black;
  background-color: gray;
}

.even {
  color: black;
  background-color: lightgray;
}

th {
  color: white;
  background-color: black;
  position: relative;
}

td img {
  height: 20px;
}

td[id] {
  cursor: pointer;
  text-decoration: underline;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
  appearance: textfield;
}