body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  color: navy;
  padding: 5px;
  margin: 5px;
  border-width: 5px;
  background-color: none;
}

table.header {
  width: 100%;
  color: navy;
  background-color: lightgrey;
  padding-top: 10px;
  font-size: 10pt;
}

table.header td {
  padding-right: 10px;
}

table.title {
  width: 100%;
  color: navy;
  background-color: lightgrey;
  text-align: center; 
  border: 2px solid black;
}

table.title td {
  padding: 15px 0px 0px 0px;
}

table.content {
  width: 80%;
  color: black;
  font-size: 9pt;
}

table.content th {
  color: navy;
  background-color: lightgrey;
  font-size: 9pt;
  text-align: center;
}

table.content td {
  padding-left: 10px;
}

table.content td.amount {
  text-align: right;
  padding-right: 10px;
}

.footer {
    color: black;
    font-size: 8pt;
    background-color: lightgrey;
    border: 1px solid black;
    padding: 5px 5px 5px 5px;
    margin-top: 10px;
}

@media print
{
  body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: navy;
    padding: 5px;
    margin: 5px;
    border-width: 5px;
    background-color: none;
  }

  table.title {
    width: 100%;
    color: black;
    text-align: center; 
    border: 1px solid black;
  }

  table.content {
    width: 100%;
    color: black;
    font-size: 9pt;
  }

  table.content th {
    color: black;
    border-collapse: collapse;
    border: 1px solid black;
    font-size: 9pt;
    text-align: center;
  }

  table.content td {
    padding-left: 10px;
    font-size: 7pt;
  }

  table.content td.amount {
    text-align: right;
    padding-right: 10px;
  }

  .footer {
      color: black;
      font-size: 8pt;
      padding: 5px 5px 5px 5px;
      margin-top: 10px;
  }
}