body {
    background-color: #8e8e8e;
    padding:0;
    margin:0;
}

section {
    font-family:Tahoma, Geneva, sans-serif;
    font-size:10pt;
    background-color:#353535;
    color:#ffffff;
    width:100%;
    height:100%;
    padding:0;
    margin-left:auto;
    margin-right: auto;
}

header {
    width:100%;
    height:8%;
    background-color:#08088A;
}

nav {
    padding:0;
    width:100%;
    height:4%;
}

iframe {
    border:0;
}

iframe.main {
    width:100%;
    height:84%;
}

iframe.receiver {
    margin-top:5px;
    float:right;
    width:600px;
    height:25px;
}

footer {
    width:100%;
    height:4%;
    text-align: right;
    background-color:#08088A;
}

table {
    table-layout:fixed;
    width:100%;
    border-collapse: collapse;
}

th,td {
    padding: 0px;
    border:2px solid #8e8e8e
}

button {
    -webkit-appearance: none;
    cursor: pointer;
    font-size:10pt;
    background-color:transparent;
    color:#ffffff;
    border:0px;
}

button.nav {
    height:100%;
    width:100%;
}

button.footer {
    height:100%;
    width:100px;
}

button.selected {
    background-color:#8e8e8e;
}

button:hover, button:focus {
    background-color: #8e8e8e;
}

button:active {
    background-color: #ffffff;
    color:#000000;
}

h1 {
    padding:10px;
    font-size:25px;
    font-weight:bolder;
}