/*
Copyright (C) 2020 Bradley Willcott

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/
/* 
    Created on : 1 Mar 2020, 2:28:15 AM
    Author     : Bradley Willcott
*/

article, footer {
    display: block;
}

article {
    color: black;
    background: #cacdcd;
    margin: 1em auto;
    padding: 1em 1.5em;
    max-width: 62em;
    font-family: PT Serif, Georgia;
    line-height: 155%;
    text-align: left;
    font-size: 98%;
}

div.blockquote {
    font-style: italic;
    border-left: thick solid;
    padding-top: 3px;
    padding-left: 20px;
    padding-bottom: 20px;
    margin: 1em;
}

div.blockquote a.cite {
    font-style: normal;
    color: inherit;
    padding: 4px;
    box-shadow: 2px 3px;
}

div.blockquote a.cite:hover {
    box-shadow: 1px 2px dodgerblue;
}

div.blockquote a.cite:active {
    box-shadow: 1px 2px lime;
}

body {
    background-color:#002f42;
    color:#353833;
    font-family: Arial, Helvetica, sans-serif;
    font-size:13px;
}

header {
    background-color: #33b5e5;
    display: block;
    font-size:18px;
    text-align: center;
    margin: 0;
    padding: 10px;
    font-weight: bold;
}

footer {
    font-size:11px;
}

h1 {
    font-size:22px;
}

h2 {
    font-size:20px;
}

h3 {
    font-size:18px;
}

h4 {
    font-size:16px;
}

h5 {
    font-size:14px;
}

h6 {
    font-size:13px;
}

hr.bold { 
    border-width: 3px;
}

hr.thick { 
    border-width: 2px;
}

ul {
    list-style-type:disc;
}

ul.checkbox {
    list-style-type: none;
    margin-left: 2.5em;
    padding-left: 0.0em;
}

ul.terms  {
    margin-left: 0;
    padding-left: 0;
}

ul.terms > li {
    list-style-type: none;
    list-style-position: inside;
    margin-top: 5px;
    font-weight: bold;
}

ul.terms > li > ul {
    margin-left: 0;
    padding-left: 0;
}

ul.terms > li > ul > li {
    list-style-type: none;
    list-style-position: inside;
    font-weight: normal;
}

ul.terms ul ul li {
    list-style: disc;
}

table {
    border: 4px solid black;
    border-collapse: collapse;
    font-size: 12px;
}

table.center {
    margin-left: auto;
    margin-right: auto;
}

caption {
    border-left: 4px solid black;
    border-top: 4px solid black;
    border-right: 4px solid black;
    padding: 5px;
    background-color: goldenrod;
    font-weight: bold;
}

th {
    border-left: 2px solid red;
    border-right: 2px solid red;
    border-bottom: 3px solid red;
    padding: 5px;
    text-align: center;
    background-color: goldenrod;
}

td {
    background-color: lightgoldenrodyellow;
    border: 1px solid black;
    padding: 5px;
}

td.alt {
    background-color: wheat;
}

td.reset {
}

td.total {
    background-color: pink;
    font-weight: bold;
    border: 2px solid red;
    padding: 5px;
}

pre {
    font-family: 'Courier New', monospace;
    font-size: 12px;
    background-color: darkkhaki;
    display:table;
    padding: 0px 20px;
    border: 1px solid slategray;
}

pre code {
    border: none;
    padding: 0px;
    margin: 0px;
    background-color: darkkhaki;
}

code {
    font-family: 'Courier New', monospace;
    background-color: #eff0f0;
    font-size: 12px;
    padding: 0px 2px;
    margin-top:4px;
    line-height: 1.0em;
    border: 1px solid slategray;
}

table code{
    background-color: #eff0f0;
}

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

a:hover {
    color: dodgerblue;
}

a:active {
    color: limegreen;
}

a.externalLink {
    background: url(../etc/external.png) right center no-repeat;
    background-size: auto 9px;
    padding: 10px;
    margin-right: 1px;
}

a.externalLink:hover {
    background-size: auto 12px;
    padding-top: 11px;
    padding-right: 11px;
    margin-right: 0;
}

a.externalLink:active {
    background-size: auto 9px;
    padding: 10px;
    margin-right: 1px;
}

a.newTab {
    background: url(../etc/newtab.png) right center no-repeat;
    background-size: auto 9px;
    padding: 10px;
    margin-right: 1px;
}

a.newTab:hover {
    background-size: auto 12px;
    padding-top: 11px;
    padding-right: 11px;
    margin-right: 0;
}

a.newTab:active {
    background-size: auto 9px;
    padding: 10px;
    margin-right: 1px;
}

a.next {
    background: url(../etc/16px-arrow-right.png) right center no-repeat;
    background-size: auto 12px;
    padding: 12px;    
    margin-right: 1px;
}

a.next:hover {
    background-size: auto 15px;
    padding-top: 13px;
    padding-right: 13px;
    margin-right: 0;
}

a.next:active {
    background-size: auto 12px;
    padding: 12px;
    margin-right: 1px;
}

a.previous {
    background: url(../etc/32px-Go-previous.png) right center no-repeat;
    background-size: auto 25px;
    margin-left: 5px;
    margin-right: 5px;
}

a.previous:hover {
    background-size: auto 28px;
    margin-left: 6px;
    margin-right: 4px;
}

a.previous:active {
    background-size: auto 25px;
    margin-left: 5px;
    margin-right: 5px;
}

a.upArrow {
    background: url(../etc/16px-arrow-up.png) right center no-repeat;
    background-size: auto 14px;
    padding: 10px;
    margin-right: 1px;
}

a.upArrow:hover {
    background-size: auto 17px;
    padding-top: 11px;
    padding-right: 11px;
    margin-right: 0;
}

a.upArrow:active {
    background-size: auto 14px;
    padding: 10px;
    margin-right: 1px;
}

p.centre{
    text-align: center;
}