body {
  background-color: #e0e0e0;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 8pt;
}

/* first get rid of those stupid big margins around (especially below) headers etc. */
h1,h2,h3,h4,p,ul,ol {
  margin: 0 2 2 2;
}

h1 {
  font-size: 18pt;
  font-weight: bold;
}

h2 {
  font-size: 14pt;
  font-weight: bold;
}

h3 {
  font-size: 10pt;
  font-weight: bold;
}

hr {
  margin: 5;
}

a {
  text-decoration: none;
  font-weight: bold;
  color: blue;
}

a:hover {
  text-decoration: underline;
}

.menu * {
  margin-bottom: 1px;
  font-weight: bold;
  /* padding: 1px 4px; */
}

.menu a {
  color: blue;
}

.menu a.selected {
  color: grey;
  /* background-color: blue; */
  text-decoration: none;
}

div.divider {
  margin: 4px;
  padding: 0px;
  height: 0px;
  border-bottom: solid #d0d0d0 1px;
}

table.page_table {
  width: 900px;
  height: 100%;
  border: 2px #b0b0b0 solid;
  background-color: white;
  /* border-spacing: 4px;
  border: black solid 1px;
     border: black solid 1px; */
}

table.bg_table {
  width: 100%;
  height: 100%;
  border: 1px #98AAB1 solid;
  background-color: #f0fff0;
}

table.options {
  empty-cells: show;
}

table.header {
  width: 100%;
  border-collapse: collapse;
  border: 0px;
  margin: 0px;
  padding: 0px;
}

td {
  font-size: 8pt;
}

td.header {
  height: 70px;
  background: #e0e0ff;
  background-repeat: no-repeat;
}

td.menu {
  font-size: 8pt;
  padding: 4px;
  width: 120px;
  background: #f0f0ff;
  vertical-align: top;
  text-align: left;
  /* border-right: blue solid 2px; */
}

td.main {
  /* background: #f0f0f0; */
  font-size: 8pt;
  padding: 5px;
  background: white;
  vertical-align: top;
  /* border: black solid 1px; */
}

td.footer {
  /* border-top: solid #d0d0d0 1px; */
  font-size: smaller;
  text-align: center;
}

td.option_name {
  padding-right: 10px;
}

td.option_help {
  font-size: smaller;
}

td.option_separator {
  border-bottom: solid #d0d0d0 1px;
}

table.calendar {
  border: 1px solid lightgrey;
  background-color: #f0f0f0;
}

.calendar td {
  margin: 0px;
  padding: 0px;
  font-size: 6pt;
}

.calendar td.today {
  border: 1px solid #808080;
}

.calendar td.not-today {
  border: 1px solid white;
}

.calendar td.week {
  text-align: right;
}

td.week a {
  color: #808080;
}

td.total {
  border-top: 1px solid black;
}

.days td {
  text-align: center;
  font-weight: bold;
  color: #808080;
}

.rowheader td {
  font-weight: bold;
}

span.formheader {
  text-decoration: underline;
}

div.error {
  border: solid black 1px;
  background: #ffa0a0;
  padding: 2px;
  margin-bottom: 4px;
}

div.message {
  border: solid black 1px;
  background: #a0ffa0;
  padding: 2px;
  margin-bottom: 4px;
}

div.small {
  font-size: 7pt;
}