html, body {
  font-family: sans-serif;
  font-size: 12px;
  margin: 0;
  height: 100%;
  width: 100%;
  background-color:#d1d1d1;
  background-image: url(../../images/bg2.gif);
  background-repeat: repeat-x;
  background-position: top left;
}

:focus {
  outline: none;
}

h1 {
  font-size: 13px;
  font-weight: bold;
  margin: 0px 0px 20px 0px;
  color: black;
  padding: 0px 0px 5px 0px;
  border-bottom: 1px solid black;
}

h1 a {
  color: black;
}

h1 a:hover {
  text-decoration: none;
}

h1 .first_bc {
  color: #015186;
  font-size: 18px;
  font-family: georgia;
}

h1 .first_bc a {
  color: #015186;
}

h2 {
  border-bottom: 1px solid black;
  font-size: 16px;
  font-weight: bold;
  margin: 10px 0px 10px 0px;
}

h3 {
  font-size: 14px;
  font-weight: bold;
  margin: 0px 0px 7px 0px;
}

a {
  text-decoration: none;
  color: #002bb8;
}

a:hover {
  text-decoration: underline;
  cursor: pointer;
}

a img {
  border: none;
}

input, select {
  border: 1px solid darkgray;
}

#page {
  margin-left: auto;
  margin-right: auto;
  width: 850px;
  background-color: white;
  border-top: 0px;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  border-left: 1px solid black;
}

#headbar {
  width: 100%;
/*  border-bottom: 1px solid black;
 *  background-color: #c8ffa8;*/
}

#headbar table td {
  padding: 5px 10px;
}

#logo {
  float: left;
  border: 0px solid black;
  padding-top: 10px;
}

#content {
  background-color: white;
  padding: 15px;
}

#searchbar {
  height: 24px;
  line-height: 24px;
  vertical-align: middle;
  background-color: #d6ebff;
  margin-bottom: 25px;
  border: 1px solid #7C93BB;
  padding: 5px 10px;
  font-size: 14px;
  color: #364868;
}

#searchbar input, #searchbar select {
  position: relative;
  top: -2px;
  padding: 0px;
  border: 1px solid #7C93BB;
  font-size: 11px;
  height: 20px;
}

#searchbar .advanced {
  float: right;
  font-size: 11px;
  font-weight: normal;
}

#searchbar .advanced a {
  color: #364868;
}

#breadcrumbs {
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bold;
}

#footer {
  margin: 10px;
  padding-bottom: 10px;
  font-size: 12px;
  color: #444;
  text-align: center;
}

.results td {
  padding: 5px 10px;
}

.title td, .title th {
  padding: 0px;
  text-align: left;
}

.rowheader {
  background-color: #FFFFD6;
  font-weight: bold;
}

.rowheader th {
  border-bottom: 1px solid #C2C2C2;
}

.search_results {
  width: 100%;
  border: 1px solid #C2C2C2;
  border-bottom: none;
}

.search_results td {
  border-bottom: 1px solid #C2C2C2;
  padding: 5px;
  vertical-align: top;
  line-height: 20px;
}

.search_results a {
  color: black;
}

.search_results th {
  padding: 2px;
  font-weight: bold;
}

.hover:hover {
  background-color: #FFFFE7;
}

.hover td {
  cursor: pointer;
}

.rowcolor1 {
  background-color: #FFFFFF;
}

.rowcolor2 {
  background-color: #F2F2F2;
}

.border {
  background-color: transparent;
  border-collapse: collapse;
}

.border td, .border th {
  border: 1px solid black;
}

.indented {
  margin: 5px 0px 0px 20px;
}

.tooltip {
  text-decoration: underline;
  cursor: help;
}

.fakelink {
  text-decoration: underline;
  cursor: pointer;
}

.hiddenlink {
  text-decoration: none;
  color: black;
}

.hiddenlink:hover {
  text-decoration: none;
}

.pagination_header {
  text-align:right;
  margin: 0px 15px 5px 0px;
}

#pagination_footer {
  margin-top: 10px;
  font-weight: bold;
  text-align: center;
}

.paginate_previous a, .paginate_next a {
  font-size: 14px;
  text-decoration: none;
}

.ul_nopadding {
  padding: 0px;
}

.results_header {
  width: 100%;
  background-color: #FFFFD6;
  border: 1px solid #c2c2c2;
  border-bottom: none;
  height: 20px;
  line-height: 20px;
  vertical-align: middle;
  padding: 5px;
  font-size: 12px;
  font-weight: bold;
}

.results_header span {
  float: left;
  width: 60%;
}

.results_header .results_count {
  width: 33%;
  text-align: right;
  padding-right: 5px;
  font-weight: normal;
}

.green_div {
  background-color: #c8ffa8;
  border: 1px solid #47C200;
}

.error {
  padding: 3px;
  border: 1px solid #BB847C;
  background-color: #FFD6D7;
  color: black;
  height: 22px;
  line-height: 22px;
  margin-bottom: 15px;
}

.error img {
  padding: 3px 10px 3px 3px;
}

.error span {
  font-weight: bold;
}

.error a {
  color: black;
  text-decoration: underline;
}

.message {
  padding: 3px;
  border: 1px solid #529214;
  background-color: #ecfbe3;
  color: black;
  height: 22px;
  line-height: 22px;
  margin-bottom: 15px;
}

.message img {
  padding: 3px 10px 3px 3px;
}

.message span {
  font-weight: bold;
}

.on_shelf, .retrieved {
  color: green;
}

.off_shelf, .overdue, .cancelled, .on_hold {
  color: red;
}

.centered {
  text-align: center;
}

.hidden {
  display: none;
}

.displayed {
  display: block;
}

#tabview .results_header {
  background-color: #d6ebff;
  border: 1px solid #7C93BB;
  border-bottom: 0px;
  color: #364868;
  margin-top: 10px;
}

#tabview .search_results {
  border: 1px solid #7C93BB;
  border-bottom: none;
}

#tabview .search_results td {
  border-bottom: 1px solid #7C93BB;
}

.label_colgroup {
  width: 125px;
}

.form_layout input {
  width: 175px;
}

.strong {
  font-weight: bold;
}

fieldset {
  padding: 15px;
}

fieldset input {
  border: 0px;
}