/* -------- Global things --------- */

BODY { 
  background-color: #ffffff;
  color: #000000;
  font-weight: normal;
/*  font-family: sans-serif; */
  } 

A:link    { color: #646464;  }
A:visited { color: #505050; }
A:hover   { background-color: #000000; }

A:link, A:visited, A:hover {
  text-decoration: none;
  border-bottom: 1px #000033 dotted;
}

TABLE.vanilla {
  width: 100%;
  border-width: 0px;
  /* I can't seem to specify cellspacing or cellpadding properly using CSS... */
}

TD {
  border-width: 0px;
}

TABLE.narrow {
  border-width: 0px;
}

TD.s8  {  height: 8px;  }
TD.s15 {  height: 15px; }

.title { border-bottom: 1px #000033 solid; }

/* ------- Calendars ------- */

.calendar { 
  background-color: #ffffff;
}

.calendarBorder { 
  background-color: #000000;
}

/* ------- Month Headings ------- */

A.month {
  padding-top: 2px;
  padding-bottom: 2px;
  font-weight: bold;
  font-size: 130%
}

/* ------- Entries ------- */

.entryHeading {
  padding-top: 2px;
  padding-bottom: 2px;
  font-weight: bold;
  font-size: 110%
}

.entryBorder { 
  background-color: #000000;
  color: #ffffff;
  font-weight: bold;
  font-size: 110%
}

.entryBody { 
  background-color: #ffffff;
  color: #000000;
  font-weight: normal;
  font-size: 100%
}

/* --------- Documentation elements ---------- */

HR.footnote { 
  clear: both;
  float: left;
  width: 10%;
}

P.footnote { 
  clear: both;
}

/* -------------- The title bar at the top of the page */

TD.infohead {
  color: #ffffff;
  font-weight: bold;
  padding-right: 10px;
  text-align: left;
}

TD.infoval {
  color: #ffffff;
  padding-right: 10px;
  text-align: left;
}

TD.topbar {
  background-color: #000099;
  padding: 5px;
}

TD.title {
  color: #ffffff;
  padding-left: 10px;
  width: 100%
  }

TD.topbut {
  padding-left: 5px;
  padding-right: 5px;
  border-left-width: 1px;
  border-left-color: #ffffff;
  border-left-style: solid;
  white-space: nowrap;
  }

TD.topbut A:link {
  color: #ffffff
  }

TD.topbut A:visited {
  color: #ffff00
  }

TD.topbut A:hover {
  background-color: #6060ff;
  }

TD.topbut:hover {
  background-color: #6060ff
  }

TD.modulebar { 
  background-color: #0077dd;
  padding: 5px;
  border-top-width: 1px;
  border-top-color: #ffffff;
  border-top-style: solid;
  }