body {
    font-family: Arial, Verdana, sans-serif;
    font-size: medium;
    background-color: #F0F0F0;
    cursor: default;

    /* Make title bar fill screen */
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;

    /* Prevent text selection across all major browsers */
    -webkit-user-select: none;  /* Chrome, Safari, newer Edge */
    -moz-user-select: none;     /* Firefox */
    -ms-user-select: none;      /* Internet Explorer, legacy Edge */
    user-select: none;          /* Standard syntax */

    /* Make HTML components look more like native User Interface (UI) controls */
    -webkit-appearance: none;
}

/* ********************************************************* */

.ScreenName {
    font-size: medium;
    font-weight: bold;
    color: black;
    vertical-align: top;
    position: relative;
    top: -1px;
}

td {
    padding: 2px; /* space within each cell */
    vertical-align: middle;
}

/* ********************************************************* */

/* Overrides the default Chrome blue checkboxes and radio button */

input[type='checkbox']:checked {
    filter: grayscale(1);
    -webkit-filter: grayscale(1); /* For Safari 6.0 to 9.0 */
}

input[type='radio'] {
    filter: grayscale(1);
    -webkit-filter: grayscale(1); /* For Safari 6.0 to 9.0 */
}

/* ****************************************************** */

/* Header links */

a.header:link {
    color: black;
    font-weight: bold;
    text-decoration: none;
}

a.header:visited {
    color: black;
    font-weight: bold;
    text-decoration: none;
}

a.header:hover {
    color: crimson;
    font-weight: bold;
    text-decoration: underline;
}

/* ****************************************************** */

.Section {
    font-weight: bold;
    color: darkblue;
    margin-bottom: 5px;
}

.Footer {
    font-size: smaller;
    font-style: normal;
}

.Label {
    text-align: right;
    padding-right: 3px;
}

.Error {
    font-size: medium;
    color: red;
}

ol li {
    line-height: 1.4;
    margin-bottom: 10px;
    padding-left: 8px;
}

.Editable {
    font-size: medium;
    height: 18px;
    background-color: white;
    padding: 2px 4px 1px 4px; /* Top Right Bottom Left */
    border-color: gray;
    border-style: solid;
    border-width: 1px;
    text-align: left;
}

.DDL {
    height: 23px;
    font-size: medium;
    border-color: gray;
    background-color: white;
}

/* ********************************************************* */
/* BUTTONS */

.Button {
    border: solid 1px;
    border-color: gray;
    font-size: medium;
    height: 24px;
    width: 65px;
    background-color: #F0F0F0; /* Same as screen background */
}

.Button:hover {
    border-color: black;
    background-color: whitesmoke;   // #FAFAFA;
}

.ImageButton {
    cursor: default;
    border: 0px;
    height: 16px;
    width: 16px;
}

/* ********************************************************* */
/* GRIDS */

.Grid th {
    font-weight: normal;
    color: white;
    border: 1px solid lightgray;
    padding: 4px 4px 3px 4px; /* Top Right Bottom Left */
}

.Grid td {
    border: 1px solid lightgray;
    padding: 2px 4px 1px 4px; /* Top Right Bottom Left */
}

.Grid tr:nth-child(odd) {
    background-color: whitesmoke;
}

.Grid tr:nth-child(even) {
    background-color: white;
}

.Grid a:link {
    color: white;
    text-decoration: none;
}

.Grid a:visited {
    color: white;
    text-decoration: none;
}

.Grid a:hover {
    color: white;
    text-decoration: underline;
}

.Grid a:active {
    color: yellow;
    text-decoration: underline;
}