/*
   www.chris-d.net/styles/common.css
   Styles common to screen and printer
   See also screen.css and printer.css
   Chris Denning 2005
*/
HTML
{
  background-color: #F0F0FF;
  color: #181820;
  font-family: "Folio Lt BT", "arial", sans-serif;
  font-size: medium;
}

H1, H2, H3, H4
{
  font-family: "EngraversGothic BT", "arial", sans-serif;
}

.header
{
  text-align: center;
  border-bottom: thin solid #808080;
}

:link
{
  text-decoration: underline;
}

.warning, .error
{
  color: red;
}

DIV.error
{
  margin: 4px;
  border: solid 2px Red;
  padding: 4px;
}

.debug
{
  background-color: #FF8080;
}

.box
{
  width: 20em;
  margin: 3px;
  border: 3px solid #A0A0D0;
  padding: 3px;
  background-color: #B0B0E0;
}

.box h2
{
  text-align: center;
  margin: 0px;
}

/* Thin line above footer, with 4px gap before text */
.footer
{
  background-color: #303040;
  color: #F0F0FF;
  text-align: right;
  font-weight: bold;
  margin: 4px;
  border-top: thin solid #808080;
  padding: 4px;
}


/*
   www.chris-d.net/styles/links.css
   Styles specific to hyperlink databases
   See also common.css, screen.css and printer.css
   Chris Denning 2005
*/
HTML
{
}

.major
{
  background-color: #FFC0C0;
  color: #500000;
  text-align: left;
  margin: 4px;
  border: thin solid #500000;
  padding: 4px;
}

.major a
{
  color: #500000;
  border-right: thin solid #500000;
  padding: 2px;
  padding-right: 4px;
  white-space: nowrap;
}

.minor
{
  background-color: #C0FFC0;
  color: #005000;
  text-align: left;
  margin: 4px;
  border: thin solid #005000;
  padding: 4px;
}

.minor a
{
  color: #005000;
  border-right: thin solid #005000;
  padding: 2px;
  padding-right: 4px;
  white-space: nowrap;
}

.adsBanner
{
  text-align: center;
}

.adsRight
{
  background-color: #E0E0FF;
  color: #000050;
  float: right;
  width: 120px;
  height: 240px;
  text-align: left;
  margin: 4px 8px 4px 4px;
  border: thin solid #000050;
  padding: 0;
}

.description
{
  color: #000050;
  text-align: left;
  margin: 4px;
  border: thin solid #000050;
  padding: 4px;
}

.links
{
  background-color: #C0C0FF;
  color: #000050;
  text-align: left;
  margin: 4px;
  border: thin solid #000050;
  padding: 4px;
}

/* Separate each link by a dotted line (at top of each div) */
.links div
{
  border-top: 1px dotted #000050;
  padding: 2px;
  padding-bottom: 4px;
}

.links div.failedOnce
{
  background-color: Orange;
}

.links div.broken
{
  background-color: Red;
}

/* Inhibit dotted line at top of first div in section (works on Firefox but not IE) */
.links div:first-child
{
  border: none;
  padding: 2px;
  padding-bottom: 4px;
}

.links a
{
  color: #000050;
}

p.endOfLinks
{
  clear: both;
  height: 1px;
  margin: 0;
  padding: 0;
}

.admin
{
  background-color: #FFFFC0;
  color: #505000;
  text-align: left;
  margin: 4px;
  border: thin solid #505000;
  padding: 4px;
}

.admin a
{
  color: #505000;
  border-right: thin solid #505000;
  padding: 2px;
  padding-right: 4px;
}

.selected
{
  font-weight: bold;
}

a:hover
{
  border: 1px dotted #808080;
}

@media print
{
  :link
  {
    text-decoration: none;
  }
}