<!doctype html>
<html>
  <head>
    <meta charset='utf-8' />
  <style type="text/css">
    body {
        width: 216mm;
        height: auto;
        font-family: 'OpenSansRegular';
        font-size: 11px;
      }
      .left-right{
        float: left;
        text-align: right;
      }
      .left-left{
        float: left;
        text-align: left;
      }
      .logo{
        width: 70%;
        height: 5%;
        text-align: left;
      }
      @page{
        size: a4;
        margin: 1.5cm 2cm;
      }
      table {
        border-collapse: collapse;
      }
      th{
        background-color: #D8D8D8;
        height: 20px;
        /*border: 1px solid;*/
      }
      tr{
        padding: 0px;
        height: 10px;
      }
      table td{
        max-height: auto;
        word-wrap: break-word;
        vertical-align: top;
        padding: 1px;
        /*border-right: 1px solid;*/
      }
      table td, table th {
        text-align: center;
      }
      td{
        overflow: hidden;
        text-overflow:'';
        white-space: nowrap;
      }
      hr{
        width: 100%;
        background-color: #f2f2f2;
      }
      /*div.alwaysbreak { page-break-before: always; }
      div.nobreak:before { clear:both; }*/
      /*div.nobreak { page-break-inside: avoid; }*/
      /*table tr:first-child th {
        border-top: 0;
      }
      table tr:last-child td {
        border-bottom: 0;
      }
      table tr td:first-child,
      table tr th:first-child {
        border-left: 0;
      }
      table tr td:last-child,
      table tr th:last-child {
        border-right: 0;
      }*/

  </style>
  </head>
  <body>
  <page>
    <%= yield %>
  </page>
  </body>
</html>
