﻿    body a:link {
        color: #0000ff;
    }

    body a:visited {
        color: #000000;
    }

select {
    height: 25px;
}

.lower-frame-body {
    width: 770px;
    padding: 20px 10px;
}

.lower-frame-header {
    font-size: 1.4em;
    font-weight: bold;
    margin-bottom: 20px;
}

.lower-frame-sub-header {
    font-size: 1.2em;
    font-weight: bold;
    margin: -15px 0px 0px 0px;
}

.lower-frame-sub-header2 {
    font-size: 1.2em;
    font-weight: bold;
}

.sub-header {
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 20px;
}

.page-link, .page-body {
    margin: 10px 0px;
}

    .page-link a:link, .page-link a:visited, .page-link a:hover, .page-link a:active {
        color: black;
        font-weight: bold;
    }

.little-margin-top {
    margin-top: 5px;
}

.question-answer-group {
    margin: 15px 0px 15px 0px;
}

.social-panel {
    margin-top: 30px;
}

.download-image {
    width: 40px;
    float: left;
    margin-right: 10px;
}

    .download-image > a > img {
        display: block;
        margin: 0px auto;
    }

.download-description {
    float: left;
    line-height: 1.7em;
}

    .download-description > span {
        font-weight: bold;
    }

.stand-alone-section {
    clear: left;
    display: grid;
    grid-template-columns: 50px auto;
    grid-gap: 10px 0px;
}

.errorMsg {
    color: #c00;
    font-weight: 900;
}

.errorText {
    color: #c00;
}

.description-text {
    text-align: right;
    font-weight: bold;
    margin-right: -15px;
    line-height: 25px;
}

.value-text {
    line-height: 25px;
}

.acknowldgement {
    color: green;
    font-weight: bold;
}

.fix-checkbox-label-alignment {
    /* In order to use this:
        1. Place the checkbox and label (mentioned below) in a <div> tag
        2. Leave the text property of the checkbox blank
        3. Insert a label containing the textbox text immediately after the checkbox
        4. Apply this class to the label
    */
    position: relative;
    top: -1px;
    margin-left: 2px;
}

.side-by-side-container {
    display: flex;
}

.side-by-side-left {
    flex: 0 0 50%;
}

.side-by-side-right {
    flex: 1;
}