body {
    background-color: #ffffff;
    color: #222;
}

h1 {
    width: 95%;
    font-weight: bold;
    color: white;
    background-color: #aaaaff;
    border: 1px none #8888f8;
    border-top: 1px solid white;
    border-left: 1px solid white;
    border-right: 1px solid #666699;
    border-bottom: 1px solid #666699;
    padding: 7px 4px 4px 0.7em;
    margin-top: 5px;
    margin-bottom: 10px;
}

h2 {
    width: 95%;
    font-weight: bold;
    color: white;
    background-color: #aaaaff;
    border: 1px none #8888f8;
    border-top: 1px solid white;
    border-left: 1px solid white;
    border-right: 1px solid #666699;
    border-bottom: 1px solid #666699;
    padding: 5px 3px 3px 0.5em;
    margin-top: 20px;
    margin-bottom: 10px;
}

h3 {
    width: 95%;
    font-weight: bold;
    color: white;
    background-color: #aaaaff;
    border: 1px none #8888f8;
    border-top: 1px solid white;
    border-left: 1px solid white;
    border-right: 1px solid #666699;
    border-bottom: 1px solid #666699;
    padding: 1px 1px 3px 10px;
    margin-top: 20px;
    margin-bottom: 5px;
}

h4 {
    width: 95%;
    color: blue;
    font-weight: bold;
    margin-top: 3px;
    margin-bottom: 3px;
    border-bottom: 1px solid #666699;
}

a {
    color: royalBlue;
}

a:hover {
    color: orange;
    text-decoration: underline;
}

table.double {
    border: 1px solid RoyalBlue;
}

table.double th {
    color: RoyalBlue;
    background-color: #fda;
    border: 1px solid RoyalBlue;
    border-collapse: collapse;
    padding: 1px 5px 1px 5px;
}

table.double td {
    border: 1px solid RoyalBlue;
    padding: 1px 5px 1px 5px;
    border-collapse: collapse;
}

table.single {
    border: 0px solid RoyalBlue;
    border-collapse : collapse;
}

table.single th {
    color: RoyalBlue;
    background-color: #fda;
    border: 1px solid RoyalBlue;
    border-collapse: collapse;
    padding-right   : 1;
    padding-left    : 1;
}

table.single td {
    border: 1px solid RoyalBlue;
    border-collapse: collapse;
    padding-right   : 1;
    padding-left    : 1;
}

.warning {
    font-size: 10pt;
    font-weight: bold;
    color: red;
    display: inline;
}

.keycommand {
    font-weight: bold;
    color: red;
    display: inline;
}

.notes {
    font-size: 9pt;
    font-weight: normal;
    color: #777;
    display: inline;
}

.title {
    text-align:center;
}

.console {
    font-style: sans-serif;
    color: #ccc;
    background-color: black;
    font-weight: bold;
    
    width: 700px;
    border: 1px none white;
    border-top: 1px solid white;
    border-left: 1px solid white;
    border-right: 1px solid #666699;
    border-bottom: 1px solid #666699;
    padding: 1px 5px 1px 5px;
    margin-left: 10px;
}

.source {
    font-style: sans-serif;
    color: black;
    background-color: white;
    
    width: 700px;
    border: 1px none white;
    border-top: 1px solid #666699;
    border-left: 1px solid #666699;
    border-right: 1px solid #666699;
    border-bottom: 1px solid #666699;
    padding: 1px 5px 1px 5px;
    margin-left: 10px;
}

table.CMArea {
    border: 1px solid RoyalBlue;
    border-collapse: collapse;
    padding-right   : 1;
    padding-left    : 1;
}
th.CMArea {
    color: White;
    background-color:RoyalBlue;
}