body {
  background: #EBF5FF;
  padding-left: 10px;
  padding-top: 60px;
  margin-right: 10%;
  font-family: Arial, Helvetica, sans-serif;
}

table {
  margin-left: 20px;
}

table th {
  background-color: #B0C4DE;
  font-weight: bold;
  cursor: default;
  padding: 0.5em;
}

table td {
  padding: 0.5em;
}


/* Sortable tables */
table.sortable th {
  background-color: #B0C4DE;
  font-weight: bold;
  cursor: pointer;
}

table.sortable th:hover {
  color: #BDEAEA;
}

table tr {
  text-align: left;
  margin-left: 90%;
  margin-right: 10%;
  background-color: #BDEAEA;
  font-size: 12pt;
}

table tr.onloan {
  background-color:#9EA1A7;
}

table tr.missing {
  background-color:#F99191;
}

table tr.firstedit {
  background-color:yellow;
}

table td.centred {
  text-align: center;
}

h1, h1.error {
  padding: 0.3em;
}

h1 {
  background: #B0C4DE url(../images/bg-heading1.png) repeat-y;
}

h1.error {
  background: url(../images/bg-heading-error.png) repeat-y;
}

h2,h3,h4,h5,h6 {
  background: #B0C4DE url(../images/bg-heading1.png) repeat-y;
  background-color: #B0C4DE;
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  border-radius: 0.3em;
  padding: 0.1em;
}

a:hover {
  background-color: #E0FFFF;
  color: blue;
}

a:link {
  text-decoration: none;
  color: blue;
}

a:visited {
  text-decoration: none;
  color: blue;
}

pre {
  color: green;
  font-weight: bold;
  white-space: pre;
  font-family: monospace;
  display: inline;
}

em {
  font-weight: bold;
}

em.warn, strong.warn {
  color: red;
}

em.success {
  color: green;
}

form {
  margin: 0px 0px 0px 0px;
}

div#sidebar {
  position: absolute;
  left: 10px;
  top: 5px;
  padding: 0px;
}

div#navbar {
  position: absolute;
  left: 200px;
  top: 8px;
  margin: 0px;
  width: 800px;
  padding: 0px;
}

img {
  border: 0;
}

a.imglink:hover {
  background: none;
  border: 0;
}

a.button {
  height: 20px;
  background: #CCC;
  padding: 6px 8px;
  margin: 6px 6px;
  text-align: center;
  border-radius: 5px;
  color: black;
  font-weight: 500;
}

a.button:hover {
  background: #DDD;
}

a.greenbg {
  background: PaleGreen;
}

a.redbg {
  background: PeachPuff;
}

input.button {
  background: PaleGreen;
  cursor: pointer;
  padding: 6px 8px;
  float: right;
  margin: 6px 6px;
  text-align: center;
  border-radius: 5px;
  color: black;
  font-weight: 500;
}


input.button:hover {
  background: #DDD;
}
