/* last modification: jll 2005-08-15
 last w3c validation: jll 2005-xx-xx
 */

th {
  vertical-align: bottom;
  font-family: arial, sans-serif;
}

td {
  vertical-align: top;
  font-family: arial, sans-serif;
  font-size: 14px;
}

td.number {
  text-align: right;
}

a:hover {
  color: red;
}

a.sidebar:hover {
  color: red;
  background-color: #ffffaa;
  /* 2009-02-18 jll; Removed this because it was annoying and caused the
   *   sidebar height to jink around when links were hovered */
  /*font-size: 15px; */
}

* {
outline:none !important;
}

.sidebar {
  color: white;
  font-size: 14px;
  font-weight: bold;
}

a.sidebar_small:hover {
  color: red;
  background-color: #ffffaa;
  font-size: 13px;
}

.sidebar_small {
  color: white;
  font-size: 12px;
  font-weight: bold;
}

a.bookmark {
  color: blue;
  font-weight: bold;
}

font.failure {
  color: red;
  font-size: xx-large;
  font-weight: bold;
  font-style: italic;
}


font.success {
  color: green;
  font-size: x-large;
  font-weight: bold;
  font-style: italic;
}

font.warning {
  color: #ff8080; /* orange-peachish */
  font-size: large;
  font-weight: bold;
  font-style: italic;
}

em.department {
  color: #000080; /* dark blue */
}

em.respcare {
  color: #b5200b;
}

.heading1 {
  font-family: arial, sans-serif;
  font-size: x-large;
  font-weight: bold;
  color: #8c0000;
}

font.form_label1 {
  font-family: arial, sans-serif;
  font-size: x-small;
  color: black;
}

.note {
  background-color: #fffbaa;
  border: 1px black solid;
  text-align: left;
  font-size: 14px;
  padding: 3px;
}

/*
 2005-07-25 jll;  These are new class defs for new CSS page layout model
   to replace former table layout model.  This obviously assumes a 800
   width page target, which is fairly average in the 2005 era.
 */
div.container {
  position: relative;
  width: 780px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

div.sidebar {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 180px;
  background-color: #b5200b;
  font-size: 14px;
}

div.header {
  position: absolute;
  width: 560px;
  left: 180px;
  top: 0px;
  padding: 10px;
  text-align: center;
  font-size: 14px;
}

div.main {
  position: absolute;
  width: 560px;
  left: 180px;
  top: 150px;
  padding: 10px;
  font-size: 14px;
}

.title {
  color: #8c0000;
  font-size: 25px;
  font-weight: bold;
}

.subtitle {
  color: #000062; /* dark blue */
  font-size: 18px;
  font-weight: bold;
}

.subnote {
  color: #c0c0c0;
  font-size: 11px;
  font-style: italic;
}

body {
  font-family: arial, sans-serif;
  font-size: 14px;
}