html { margin: 0; height: 100%;}
body { margin: 0; font-family: monospace; font-size: 16px; color: black; height: 100%;}
a { color: blue; font-weight: bold; text-decoration: none;}
a:hover { color: red; text-decoration: underline;}

table.layout { width: 100%; height: 100%; border-collapse: collapse;}
table.layout td { vertical-align: top;}
table.layout td.header { background-color: #c0c0c0; font-weight: bold; font-size: 24px;}
table.layout td.footer { background-color: #c0c0c0; font-weight: normal; font-size: 10px; }
table.layout td.left { width: 180px; height: 200px; padding: 10px; border-right: 1px solid #c0c0c0; }
table.layout td.right { padding: 10px; padding-left: 20px;}

table.layout td td {vertical-align: middle;}

    /*
    table.datatable { border-collapse: collapse; }
    table.datatable tr:hover { background-color: #f0f0f0;}
    table.datatable th { vertical-align: middle; padding: 5px; border-bottom: 2px solid #c0c0c0; text-align: left;}
    table.datatable td { vertical-align: middle; padding: 5px; text-align: left; border-bottom: 1px solid #c0c0c0;}
    table.datatable .right { text-align: right;}
    */

H1 { font-size: 26px; color: #gray;}
.right H1:first-of-type { margin-top: 0;}
H2 { font-size: 20px; color: #gray;}
.right H2:first-of-type { margin-top: 0;}

#message { padding-top: 5px; margin-bottom: 5px; }
.message-1 { border: 1px solid darkgreen; background-color: green; color: white; padding: 5px; margin-bottom: 5px;}
.message-2 { border: 1px solid darkorange; background-color: orange; color: white; padding: 5px; margin-bottom: 5px;}
.message-3, .message-4 { border: 1px solid darkred; background-color: red; color: white; padding: 5px; margin-bottom: 5px;}

/*
input[type="text"] { font-size: 16px; font-weight: bold;}
input[type="password"] { font-size: 16px; font-weight: bold;}
input[type="checkbox"] { width: 20px; height: 20px; margin: 0;}
*/

button { font-size: 16px; padding: 5px;}

.left ul { margin: 0; padding-left: 16px;}
.left ul li { margin: 0; padding-left: 0;}


@media print
{
    .no-print, .no-print *
    {
        display: none !important;
    }
}