body {
  font-family: Arial, Helvetica, sans-serif, sans;
  font-size: 12px;
  margin: 0px;
  background: #DDDDDD;
}

td {
  font-size: 12px;
  margin: 0px;
  padding: 0px;
}

td.content {
  padding: 5px;
}

.small    { font-size: 11px; }
.smaller  { font-size: 10px; }
.smallest { font-size:  8px; }
.normal   { font-size: 12px; }
.large    { font-size: 14px; }
.larger   { font-size: 16px; }
.largest  { font-size: 18px; }

h2, .h2, h4, .h4 {
  font-family: Arial, Helvetica, sans-serif, sans;
  font-size: 20px;
  font-weight: bold;
  color: #425251;
}

table {
  border-spacing: 0px;
  border-collapse: collapse;
  margin: 0px;
  padding: 0px;
  border: 0px;
}

table.data {
  border-spacing: 0px;
  border-collapse: collapse;
  margin: 0px;
  padding: 5px;
  border: 1px solid #000000;
}

th, .th {
  text-align: left;
  font-family: Arial, Helvetica, sans-serif, sans;
  font-size: 12px;
  background: #AA647E;
  color: #000000;
  padding: 2px;
  padding-left: 8px;
  padding-right: 10px;
  border: 1px solid #000000;
}

th.title {
  text-align: center;
  background: #425251;
  color: #CCFFFF;
  font-size: 14px;
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid #000000;
}

.r1 {
  text-align: left;
  vertical-align: top;
  background: #EEEEEE;
  color: black;
  font-family: Arial, Helvetica, sans-serif, sans;
  font-size: 12px;
  padding: 2px;
  padding-left: 5px;
  padding-right: 8px;
}

.r2 {
  text-align: left;
  vertical-align: top;
  background: #DDDDDD;
  color: black;
  font-family: Arial, Helvetica, sans-serif, sans;
  font-size: 12px;
  padding: 2px;
  padding-left: 5px;
  padding-right: 8px;
}