body {
  background: #123;
  color: #333;
  font-size: 16px;
  height: auto;
  padding-bottom: 20px;
}

a {
  text-decoration: underline;
  color: blue;
}

a:hover {
  text-decoration: none;
}

h1 {
  font-family: Georgia, serif;
  font-weight: normal;
  padding-top: 20px;
  text-align: center;
}

h2 {
  padding-top: 20px;
  text-align: center;
}

.container_12,
.container_16,
.container_24 {
  background-color: #fff;
  background-repeat: repeat-y;
  margin-bottom: 20px;
}

.container_12 {
  background-image: url(../img/12_col.gif);
}

.container_16 {
  background-image: url(../img/16_col.gif);
}

.container_24 {
  background-image: url(../img/24_col.gif);
}

table {
  border-spacing: 1px;
  border-collapse:collapse;
  color: black;
  border-bottom: 1px solid black;
}   

th {
 padding-bottom: 4px;
 padding: 6px;
 background-color:white;
 color: black;
 font-weight: bold;
 border: none;
 border-top: 1px solid black; 
 border-bottom: 1px solid black;  
 border-left: 1px solid black; 
 border-right: 1px solid black;  
}

td {
  padding: 6px;
  border: none;
  border-left: 1px solid black;  
  border-right: 1px solid black;      
  border-spacing: 1px;
}

tr.even {
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}

/* https://stackoverflow.com/questions/1664049/can-i-force-a-page-break-in-html-printing */
@media print {
    .pagebreak {
        clear: both;
        page-break-after: always;
    }
}

/* https://stackoverflow.com/questions/355313/how-do-i-hide-an-element-when-printing-a-web-page */
@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}