html, body, p, td {
  font-family: arial, sans-serif; 
  font-size: 10pt;
  margin: 0;
  padding: 0;
}

body {
  background-color: #3083AC;
  background-image: url(bg.jpg);
  background-repeat: repeat-x;
}

.header h1 {
  font-size: 3em;
  font-weight: normal;
  display: inline;
}
.header h2 {
  font-size: 1.2em;
  font-weight: normal;
  display: inline;
}

h2 {
  font-size: 1.2em;
  padding: 2px;
}

.date {
  font-size: 0.8em;
  color: gray;
}

td {
  vertical-align: top;
}

table.main {
  margin:10px;
  border-collapse: collapse;
  padding: 0;
}

td.icon {
  vertical-align: middle;
}

td.messagelist {
  background-color: white;
}

.messages td {
  border-bottom: dotted 1px gray;
  padding: 2px;
}

.header {
  background-color: #585d63;
  color: white;
}

.footer {
  font-size: 0.8em;
  color: gray;
  text-align: center;
  background-color: white;
}