body {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; background-color: #FFFFFF}

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

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

h2 {  font-family: Arial, Helvetica, sans-serif; font-size: 16pt; font-weight: bold; color: #003300}

.errorHeader { color: #8b0000; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}

.pageHeader { font-family: Arial, Helvetica, sans-serif; font-size: 14pt; font-style: italic; font-weight: bold; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; margin-top: 4px; margin-right: 4px; margin-bottom: 4px; margin-left: 4px; background-repeat: no-repeat; color: #003366}

.whiteSmall { font-family: Arial, Helvetica, sans-serif; visibility:hidden; font-size: 8pt; font-style: normal; font-weight: normal; color: #FFFFFF }

.smallText { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; font-style: normal}

.lgboldwhite { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FFFFFF }

.smboldwhite { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #FFFFFF ; font-weight: bold}

.white-bg { background-color: #FFFFFF; }

.white {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #FFFFFF}

h3 {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #003300}

th {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; background-color: #E8E0B9; font-style: normal}

.rowHeader { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; background-color: #CCCCCC; font-style: normal }
.blue {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; color: #6666FF}
.bluebold {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #6666FF}
.darkGrey {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: normal; color: #999999}
.smallTextBoxes {  font-family: Arial, Helvetica, sans-serif; font-size: 7pt; font-style: normal; font-weight: normal}
.smallNews { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; font-style: normal ; color: #404000}
.unnamed1 {  background-color: #E8E0B9; background-repeat: no-repeat}
.smallBlue {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: normal; color: #0000C0}
.red {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; color: #8B0000}
.fireLeft { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; font-style: normal ; color: #666666 }
.smallHeader {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: 600}
.buttonText {  font-style: italic}
.gray {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; font-weight: normal; color: 666666}
.projectType {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-style: oblique; font-weight: bolder; color: #FFFFBB}
a.navig:link {color: #00008b; font-size: 10pt}     /* unvisited link */
a.navig:visited {color: #00008b; font-size: 10pt}  /* visited link */
a.navig:hover {color: #00008b; font-weight: bold; font-size: 10pt}   /* mouse over link */
a.navig:active {color: #00008b; font-size: 10pt}   /* selected link */
A.MenuLink
{
    FONT-SIZE: 10px;
    COLOR: #445185;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
.Menuheader
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 10px;
    COLOR: #445185;
    FONT-FAMILY: Verdana, Arial;
    HEIGHT: 10px;
    TEXT-DECORATION: none
}
.MenuLineSep
{
    HEIGHT: 1px;
    BACKGROUND-COLOR: gainsboro
}
A.TopBarMenuLineLinks
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 10px;
    COLOR: #445185;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
A.BottomBarMenuLinks
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 10px;
    COLOR: #d7ddeb;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
.MenuArrowWidth
{
    WIDTH: 10px
}

a { color: #0000C0}
.redSmall { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: bold; color: #8B0000}

/*  Button custom button style */
/*.btn-secondary {
    background-color: #6c757d;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
} */

 .file-size-col {
        font-family: monospace;
        text-align: right;
        color: #555;
        padding: 8px;
        background-color: #f9f9f9; /* Example styling */
    }
    /* The outer container you just created */
    .data-table-refined {
        width: 100%;
        margin: 20px auto;
        border-collapse: separate;
        border-spacing: 0;
        background-color: #FFFFFF;
        border: 1px solid #D3D3D3; /* The light gray border */
    }

    /* Target the cell holding the inner table to keep margins */
    .outer-cell {
        padding: 15px; /* This creates the "margin" feel around the inner table */
    }

    /* The inner data table */
    .inner-data-grid {
        width: 100%;
        background-color: #D3D3D3; /* This acts as the "spacing" color */
        border-collapse: separate;
        border-spacing: 1px;        /* Replaces cellspacing="1" */
    }

    .inner-data-grid td {
        background-color: #FFFFFF; /* Makes cells white, showing the 1px gray gap */
        padding: 3px;               /* Replaces cellpadding="3" */
    }