body {
    margin:0 0;
    border-bottom:3px solid #152c53;
    font-family: arial;
}

#page_header {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-size: 18pt;
    font-family: arial;
    color: white;
    padding-top: .3em;
    padding-bottom: .3em;
    background: #A6192E;
}

#page_links {
    width: 100%;
    border-top: 2px solid #152c53;
    border-bottom: 2px solid #152c53;
    margin: 0px 0px;
    padding-top: 8px;
    padding-bottom: 8px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
}

#page_links a:hover {
    text-decoration: underline;
}

#page_links a {
    text-decoration: none;
    color: #152c53;
    margin-left: 1em;
}

div.button_menu {
    font-size:14pt;
    padding:10px;
    max-width:800px;
    margin:auto;
    text-align: center;
}

div.vert_buttons input {
    width:100%;
    max-width: 300px;
    border-radius: 1em 1em 1em 1em;
    font-size:1em;
    padding:.7em;
    margin:.3em 5px;
}

div.vert_sm_buttons input {
    border-radius: 1em 1em 1em 1em;
    font-size:1em;
    padding:.7em;
    margin:.3em 5px;
}

div.button_menu input.primary {
    background-color:#152c53;
    color:#FFFFFF;
}

div.button_menu input.primary:hover {
    background-color:#152c53;
    color:#FFFFFF;
    cursor: pointer;
}

div.button_menu input.default {
    background-color:#e6eaf0;
    color:#152c53;
}

div.button_menu input.default:hover {
    background-color:#e6eaf0;
    color:#152c53;
    cursor: pointer;
}

div.topLinks {
    font-size:1.2em;
    text-align: left;
    padding:.5em;
    font-family: arial;
    font-style: italic;

}

div.topLinks a {
    text-decoration:none;
    color:#152c53;
    padding-right:1em;
}

div.topLinks a::after {

}

table.data_table {
    width:100%;
    font-size:12pt;
    border-collapse: collapse;
}
table.data_table tr td {
    padding:.7em;
}
table.data_table tr:nth-child(even) {
    background-color:#F9FAFB;
}
table.data_table tr.header {
    color:var(--text-gray-900);
    border-bottom: 1pt solid var(--text-gray-300);
}
table.data_table tr.header th {
    text-align:left;
    font-weight: 400;
    padding: 10px;
}
table.data_table tbody tr {
    border-bottom: 1pt solid #97999B;
}
table.data_table tbody tr:hover {
    background-color: #F9FAFB;
}
table.data_table tr td.message {
    text-align:center;
    font-size:1em;
}

table.contentTable {
    padding:10px;
    width:100%;
    font-family:arial;
}

tr.dataRow:nth-child(even){
    background: #CCC;
}
tr.dataRow:nth-child(odd){
    background: #FFF;
}

tr.hdrRow {
    color:#bbbbbb;
    font-weight:bold;
    font-size:.9em;
}

div.fieldBlock {
    text-align: center;
    padding-bottom: 15px;
}

div.fieldBlock div.label {
    color:#888888;
    font-size:.7em;
}

div.fieldBlock input {
    width:100%;
    max-width:300px;
    font-size:1em;
    padding:8px;
    margin:5px 0px;
    border:1px solid #bbbbbb;
}

div.fieldBlock select {
    width:100%;
    max-width:300px;
    font-size:1em;
    padding:8px;
    margin:5px 0px;
    border:1px solid #bbbbbb;
    background-color:#ffffff;
}

div.buttonBlock {
    text-align:center;
}

div.buttonBlock input {
    padding:10px;
    border-radius: 10px 10px 10px 10px;
    font-size:1em;
    margin:5px 5px;
}

div.header {
    font-size:18pt;
    font-weight:bold;
    width:100%;
    text-align:center;
    color:#FFFFFF;
    background:#000000;
    font-family:arial;
    padding-top:5px;
    padding-bottom:5px;
    margin:auto;
    border-bottom:3px solid #152c53;
}

div.weighInForm {
    width:100%;
    font-family:arial;
}

div.scaleBlock {
    margin-top: 10px;
    margin-bottom: 10px;
    max-width:400px;
}

div.weighInForm div.field {
    font-size:24pt;
    color:#000000;
    text-align:center;
    padding: 5px;
}

div.scaleBlock div.label {
    font-size:10pt;
    color:#888888;
    text-align:left;
}

div.scaleBlock #status {
    font-size:10pt;
    color:#888888;
    text-align:right;
}

div.scaleBlock input {
    width:100%;
    font-size:96pt;
    padding:3px;
    margin:5px 0px;
    border:1px solid #bbbbbb;
    text-align:center;
}

div.userInputForm {
    width:80%;
    font-family:arial;
    font-size:14pt;
    margin-top:20px;
}

div.userInputForm div.msg {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size:1em;
    color:#A6192E;
}

div.userInputForm div.box input {
    font-size:1.25em;
    text-align:center;
    padding: 5px;
    margin:1em 1em;
}