﻿html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px; /* Margin bottom by footer height */
    font-family: serif;
    font-size: 11pt;
}

h2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14pt;
    font-weight: bold;
    margin-top: 10px;
}

h3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12pt;
    font-weight: bold;
    margin-top: 10px;
}

h4 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    margin-top: 10px;
    margin-left: 10px;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px; /* Set the fixed height of the footer here */
    line-height: 60px; /* Vertically center the text there */
    background-color: #f5f5f5;
}

.neon6 {
    outline: none;
    border-radius: 7px;
    border-color: green;
    box-shadow: 0 0 10px green, inset 0 0 10px green;
    padding: 10px;
    background-color: ivory;
    border-bottom: none;
    border-width: 20px
}

.neon5 {
    outline: none;
    border-radius: 14px;
    border-color: green;
    box-shadow: 0 0 2px green;
    padding: 5px;
    border-bottom: none;
}

.neon4 {
    outline: none;
    border-radius: 16px;
    border-color: orange;
    box-shadow: 0 0 10px orange, inset 0 0 10px orange;
    padding: 5px;
    border-bottom: none;
}

.neon3 {
    outline: none;
    border-radius: 20px;
    border-color: orange;
    box-shadow: 0 0 2px orange;
    padding: 5px;
    border-bottom: none;
}

.neon2 {
    outline: none;
    border-radius: 22px;
    border-color: red;
    box-shadow: 0 0 10px red, inset 0 0 10px red;
    padding: 5px;
    border-bottom: none;
}

.neon1 {
    outline: none;
    border-radius: 26px;
    border-color: red;
    box-shadow: 0 0 2px red;
    padding: 5px;
    border-bottom: none;
}

.neonText {
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.sidebarmenu input[type=radio] {
    display: none
}

.sidebarmenu label {
    background-color: papayawhip;
    border-radius: 6px 0 0 0;
    color: saddlebrown;
    font-family: serif;
    font-size: small;
    hyphens: auto;
    margin-bottom: 1px;
    padding: 3px 3px 3px 13px;
    text-indent: -10px;
    display: block;
    border-top: saddlebrown 1px solid;
    border-left: saddlebrown 1px solid;
    cursor: pointer;
}

.sidebarmenu input[type=radio]:checked + label {
    background-color: oldlace;
    box-shadow: -40px 0px 20px #ffffff, 40px 0px 20px #ffffff;
    font-weight: bold;
    z-index: 99;
    cursor: default;
}

.sidebarmenu input[type=radio]:disabled + label {
    background-color: papayawhip;
    color: gray;
    z-index: 99;
    cursor: default;
}

.incognito {
    color: black;
    text-decoration: none;
}

.comment {
    color: gray;
}

td.box {
    border: 1px black solid;
}

tr.box {
    border: 1px black solid;
}

tbody.box {
    border: 1px black solid;
}

td.twenty {
    width: 30px;
}

td.span200 {
    width: 200px;
}

td.medium {
    background-color: lightgrey;
    font-weight: bold;
}

td.track {
    background-color: gainsboro;
}

td.role {
    background-color: lightsalmon;
}

ol {
    margin-bottom: 0;
}

.button-link {
    display: inline-block;
    padding: 2px 5px;
    background-color: #E9E9ED;
    color: black;
    border: 1px gray solid;
    text-align: center;
    text-decoration: none;
    border-radius: 5px;
}

    .button-link:hover {
        background-color: #D0D0D7;
    }