A {
    color: Blue;
    font-weight: Bold;
    font-size: 10pt;
    font-family: Arial, sans-serif;
    text-decoration: none;
}

    A:Active {
        color: Blue;
        font-weight: Bold;
        font-size: 10pt;
        font-family: Arial, sans-serif;
        text-decoration: none;
    }

    A:Hover {
        color: Red;
        font-weight: Bold;
        font-size: 10pt;
        font-family: Arial, sans-serif;
        text-decoration: none;
    }

    A.calendarSmall {
        font-size: 9pt;
        font-weight: normal;
    }

        A.calendarSmall:hover {
            font-size: 9pt;
            font-weight: normal;
        }

        A.calendarSmall:Active {
            font-size: 9pt;
            font-weight: normal;
        }

a.skip_to_content {
    position: absolute;
    top: -1000px;
    left: -1000px;
}

BODY {
    font-size: 10pt;
    font-family: Arial, sans-serif;
    background-color: #b0e0e6;
    color: navy;
    margin: 8px;
}

FORM {
    font-size: 10pt;
    font-family: Arial, sans-serif;
    color: navy;
}

INPUT, SELECT {
    font-size: 9pt;
    font-family: Andale Mono, Courier New, monospace;
    color: navy;
}

P {
    font-size: 10pt;
    font-family: Arial, sans-serif;
}

TD, TH, CAPTION {
    font-size: 10pt;
    font-family: Arial, sans-serif;
    color: navy;
}


div.pageHeader {
    font-family: Arial, sans-serif;
    font-weight: bold;
    color: navy;
    font-size: 10pt;
    text-align: center;
    border: 1px solid navy;
    background-color: lightblue;
    width: 100%;
    padding: 1px;
}


#main-content {
    display: flex;
    justify-content: center;
    align-items: center;
}

#main-content > div {
    width: 50%;
}


.inputTable {
    display: grid;
    grid-template-columns: auto auto;
    width: fit-content;
}

.inputMessage {
    font-weight: bold;
    text-align: center;
}

.inputLabel {
    font-weight: bold;
    padding: 2px;
    text-align: right;
}

.inputDisplay {
    padding: 2px;
}


.bold {
    font-weight: bold;
}

.boldItalic {
    font-weight: bold;
    font-style: italic;
}

.italic {
    font-style: italic;
}

.boldRight {
    font-weight: bold;
    text-align: right;
}

.buttonWidth120 {
    width: 120px;
}

.buttonWidth60 {
    width: 60px;
}

.coloredBorder {
    background-color: navy;
}

.defaultCursor {
    cursor: default;
}

.eDASError {
    font-weight: bold;
    font-size: 12pt;
    color: red;
    text-align: center;
    background-color: lightblue;
}

.eDASErrorList {
    text-align: left;
    background-color: lightblue;
}

.eDASMessage {
    font-weight: bold;
    font-size: 12pt;
    text-align: center;
    background-color: lightblue;
}

.elementText {
    font-weight: bold;
    text-align: Right;
    background-color: #87ceeb;
    border-color: lightblue;
    width: 35%;
}

.elementInput {
    font-weight: normal;
    font-size: 9pt;
    font-family: Andale Mono, Courier New, monospace;
}

.fixedFont {
    font-size: 9pt;
    font-family: Andale Mono, Courier New, monospace;
    color: navy;
}

.headerData {
    font-family: Arial, sans-serif;
    font-weight: normal;
    color: navy;
    font-size: 10pt;
    text-align: Center;
}

.headerLabel {
    font-family: Arial, sans-serif;
    font-weight: bold;
    color: navy;
    font-size: 12pt;
    text-align: Center;
}

.noDisplay {
    display: none;
}

.quoteError {
    font-weight: bold;
    color: red;
    text-align: center;
    background-color: lightblue;
}

.quoteText {
    font-weight: bold;
    text-align: Right;
    background-color: #87ceeb;
    border-color: lightblue;
    width: 35%;
}

.quoteInput {
    font-weight: normal;
    font-size: 9pt;
    font-family: Andale Mono, Courier New, monospace;
    background-color: lightblue;
}

.redText {
    color: red;
}

.redBoldItalic {
    color: red;
    font-style: italic;
    font-weight: bold;
}

.redItalic {
    color: red;
    font-style: italic;
}

.reportSumHeader {
    font-style: italic;
    text-align: right;
}

.reportEquation {
    text-align: right;
}

.reportOperand {
    text-align: center;
    font-weight: bold;
}

.reverseButton {
    text-align: center;
    background-color: lightgrey;
    border-style: inset;
    border-width: 2px;
    height: 22px;
    width: 80px;
    font-size: 9pt;
    font-family: Andale Mono, Courier New, monospace;
    margin: 0px;
}

.sectionHeader {
    font-family: Arial, sans-serif;
    font-weight: bold;
    color: navy;
    font-size: 12pt;
    text-align: Center;
}

.serifFont {
    font-family: Times New Roman, serif;
    color: navy;
    font-size: 9pt;
}

.small {
    font-size: 8pt;
    font-family: Arial, sans-serif;
}

    .small:Active {
        font-size: 8pt;
        font-family: Arial, sans-serif;
    }

    .small:Hover {
        font-size: 8pt;
        font-family: Arial, sans-serif;
    }

.smallBold {
    font-size: 8pt;
    font-family: Arial, sans-serif;
    font-weight: bold;
}

.smallnavy {
    font-size: 8pt;
    font-family: Arial, sans-serif;
    color: navy;
}

.smallRed {
    font-size: 8pt;
    font-family: Arial, sans-serif;
    color: red;
}

.status {
    position: absolute;
    visibility: hidden;
    clip: rect(200px,20px);
}

.timerData {
    font-family: Arial, sans-serif;
    font-weight: normal;
    color: navy;
    font-size: 10pt;
}

.variableFont {
    font-size: 10pt;
    font-family: Arial, sans-serif;
}

.variableBoldFont {
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 10pt;
}

.variableRightFont {
    font-size: 10pt;
    font-family: Arial, sans-serif;
    text-align: right;
}

.whiteText {
    color: white;
}