/*
Colors
Black 000
D Blue 024
MD Blue 147
M Blue 26A
ML Blue 38D
L Blue 4AF
L Teal 4DD
White FFF
Yellow FF0
*/

html {
  font-size: 100%;
}

body {
    background-color: #FFF; /* White */
    color: #024; /* D Blue */
    font-family: Georgia, Arial, sans-serif;
}

div.title {
    background-color: #4AF; /* L Blue */
    color: #024; /* D Blue */
    width: 100%;
    margin: 5px;
    padding: 5px;
}

div.title * a {
    text-decoration: none;
    cursor: pointer;
}

div.title * h1 {
    font-size: 5rem;
}

div.status {
    background-color: #4DD; /* L Teal */
    color: #024; /* D Blue */
    width: 100%;
    margin: 5px;
    padding: 5px;
}

div.main {
    background-color: #FFF; /* White */
    color: #024; /* D Blue */
    width: 100%;
    margin: 5px;
    padding: 5px;
}

div.main_block_1 {
    float: left;
    width: 96%;
    margin: 2px;
    padding: 2px;
    vertical-align: top;
}

div.main_block_2 {
    float: left;
    width: 48%;
    margin: 2px;
    padding: 2px;
    vertical-align: top;
}

div.main_block_3 {
    float: left;
    width: 32%;
    margin: 2px;
    padding: 2px;
    vertical-align: top;
}

div.main h1,h2,h3 {
    text-align: center;
}

div.clear_both {
    clear: both;
}

.status_msg {
    background-color: #FF0; /* Yellow */
    color: #024; /* D Blue */
    text-align: center;
    font-weight: bold;
}

.squid_button {
    background-color: #4AF; /* L Blue */
    color: #024; /* D Blue */
    text-align: center;
    border-radius: 5px;
    border: 1px solid #147; /* MD Blue */
    text-decoration: none;
    cursor: pointer;
}

.number {
    text-align: right;
}

.center {
    text-align: center;
}

.transparent {
    opacity: 0;
}

.fs07 {
    font-size: 0.7rem;
}

.fs15 {
    font-size: 1.5rem;
}

.fs20 {
    font-size: 2rem;
}

#wallet-table td,th {
    text-align: center;
    margin: 10px;
    padding: 10px;
}

#cip-table td,th {
    text-align: center;
    margin: 10px;
    padding: 10px;
}

#glossary-table {
    width: 100%;
    text-align: left;
    margin: 5px;
    padding: 5px;
}

#glossary-table td,th {
    vertical-align: top;
    margin: 5px;
    padding: 5px;
}

img.product {
    border: 5px solid #26A;
    border-radius: 10px;
}

div.footer {
    background-color: #4AF; /* L Blue */
    color: #024; /* D Blue */
    text-align: center;
    width: 100%;
    margin: 5px;
    padding: 5px;
}