/* General HTML Styles ----------------------- */
body { font-size: 13px; 
       font-family: Arial, Sans-Serif, Verdana, Tahoma, "Helvetica Neue", Helvetica; 
       color: #333; 
       background-color: #EFE8D6; 
       padding: 0; 
       margin: 0; 
}

html, body {
     height: 100%; 
     margin: 0 0 1px 0; 
     padding: 0;
}



/* Page Sections ---------------------------- */
.maintenance-banner {
    padding: 5px 0;
    text-align: center;
    background-color: #EED6AF;
}

.maintenance-in-progress {
    padding: 15px 0;
    background-color: darkred;
    color: white;
}

.page-status-alert-wrapper .container-border {
    padding-bottom: 5px;
}

.page-status-alert-wrapper .alert {
    margin-bottom: 0;
    margin-top: 5px;
    text-align: center;
}

#pageContent {
    background-color: white;
    padding-bottom: 30px;
}

#mainContent {
    margin-top: 15px;
}

#footer { margin: 0; padding: 10px 0 10px 0; }
#footer p { margin: 0; padding: 0; text-align: center; color: #333; }



/* Extra Table Formatting ------------------- */
/* For the case when we have two header rows, i.e. grouped column headers.  The larger grouping (outer) should be center aligned */
.tablesorter-header-row-outer th {
    text-align: center;
}

table td.la, table th.la { text-align: left; }
table td.ca, table th.ca { text-align: center; }
table td.ra, table th.ra { text-align: right; }



/* Helper Classes --------------------------- */
.overflow-x-scroll {
    overflow-x: auto;
}

.input-explanation {
    font-style: italic;
}

.inactive {
    color: #A7A7A7;
}



/* Styles to be reviewed/eliminated --------- */
.container-border {
    border-bottom: 1px solid #ccc;
}

.row.layout-row,
.layout-row {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 0;
    margin-bottom: 0;
}

.bordered {
     border: solid 1px #ccc; padding: 6px;
}

.bordered-soft {
    border-radius: 5px; 
    border: solid 1px #ccc; 
    padding: 6px;
}

.bordered-soft-element {
    border-radius: 5px; 
    border: solid 1px #ccc; 
}