/* WEB Login */
.businessname {
    font-family: Arial, Helvetica, sans-serif;
    font-size: large;
    color: Black;
}

.subtitle {
    font-weight: bold;
    font-family: Arial;
    font-size: 10pt;
    color: blue;
}

.TitleText {
    font-family: Arial;
    font-size: 12px;
    color: Black;
}

/* new stuff BELOW ------------------*/
.btn {
    border: 1px solid blue;
    padding: 0.5em;
    border-radius: 3px;
    box-shadow: 0 3px 0 rgba(0,0,0,.04);
    vertical-align: baseline;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
}

.btn:hover { background-color: lightgray; }


.btn-large {
    font-weight: 500 !important;
}

.btn-small {
    font-variant: small-caps !important;
    text-transform: none;
    font-size: 1em;
}

.btn-avg {
    padding: 0.3em 0.5em;
    font-size: 1em;
}

.btn-mini {
    padding: 1pt 3pt;
}

.btn-slim {
    padding: 5pt !important;
}

.bodytext {
    font-family: Arial;
    font-size: 11px;
    color: Black;
}

.squish {
    margin: 0;
    padding: 0;
}

.bold { font-weight: bold; }

.text-right { text-align: right; } 
.text-left { text-align: left; }
.text-center { text-align: center; }

.content {
    width: 766px;
    margin-left: auto;
    margin-right: auto;
}

#eVerify {
    background-color: white;
    padding: 0.5em;
    justify-content: flex-start;
    border-style: solid;
    border-width: thin;
    border-color: blue;
    margin: 0 0.5em 0 -0.5em;
}

#outer {
    width: 100%;
    text-align: center;
}


.btn-container-horz { display: flex; gap: 0.75em; }
.btn-container-horz2 { display: flex; border: 2px solid purple; margin: 1em 0 ; padding: 0.1em; flex-direction: row-reverse; }

.flexexpand { flex: 1 1 auto; }
.flexexpand2 { flex: 0 0 calc(33% - 1rem); }
.flexexpand3 { flex: 3; }
.flex-col { flex-direction: column; }
.flex-right { margin-left: auto; }
.ttbb { width: fit-content; }

.spacer { flex-grow: 1;}
.cmd-btn { min-width: 160px; }

.max-width { width: 100%; }

/* Containers */
.block-container { display: block; }
.flex-container { display: flex; }
.col-container { display: inline; }
.inline { display: inline-block; }
.newline { display: block; }
.inlineflex { display: inline-flex; }
.sameline { display: inline-flex; }

/*Table Managment*/
.tbl-cont { display: table; }
.tbl-cont > div { display: table-row; }
.tbl-cont > div > div { display: table-cell; }
.tbl-fxd { table-layout: fixed; }
.col-table-normal { width: 99pt; }
/*.tbl-cell { display: table-cell; }
.tbl-row { display: table-row; }*/
.fill-cell { display: block; width: 100%; }
td { position: relative; }
tr.strikeout td:not(.col-command):before { content: " "; position: absolute; top: 50%; left: 0; border-bottom: .8pt solid red; width: 100%; }

.half { width: 50%; }
.half-height { height: 50%; }
.full-height { height: 100%; }


.sigtable { width: 100%; table-layout: fixed; }
.sigtableinfo {
    border-width: 0 0 0.15em 0;
    border-color: darkgray;
    width: 75%;
}


/* new stuff above -----------------------*/
.tablebord { border: 2px solid black; }

.pagenum {
    font-family: Arial;
    font-weight: bold;
    font-size: small;
}

.MENUFONT {
    font-family: Arial;
    font-size: 10pt;
    font-weight: bold;
}

.PDFFont {
    font-family: Arial;
    color: #000099;
    font-size: smaller;
}

.EXAMPLETEXT {
    font-family: Arial;
    font-size: 8pt;
    font-weight: bold;
    color: #000000;
}

.LOGINTEXTENTRY {
    WIDTH: 121px;
    HEIGHT: 22px;
    FONT-SIZE: 10pt;
    FONT-FAMILY: Arial, Verdana, sans-serif;
}

.TEXTENTRY {
    WIDTH: 121px;
    HEIGHT: 22px;
    border-color: Blue;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    FONT-FAMILY: Arial, Verdana, sans-serif;
}

.WAGEENTRYD {
    WIDTH: 121px;
    HEIGHT: 22px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    FONT-FAMILY: Arial, Verdana, sans-serif;
    text-align: right;
/*    max-width: 13px; */
    vertical-align: bottom;
}

.WAGEENTRYC {
    WIDTH: 20px;
    HEIGHT: 22px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    FONT-FAMILY: Arial, Verdana, sans-serif;
/*  max-width: 2px; */
    text-align: left;
    vertical-align: bottom;
}

.CLICKHERE {
    font-family: Arial;
    font-size: 10pt;
    color: royalblue;
    font-weight: bold;
}

.ARIAL12 {
    font-family: Arial;
    font-size: 12pt;
    color: #000000;
}

.ARIAL10 {
    /*Regular verbiage*/
    font-family: Arial;
    font-size: 10pt;
    color: #000000;
}

.ARIAL10Blue {
    /*Regular verbiage*/
    font-family: Arial;
    font-size: 10pt;
    color: blue;
}

.ARIAL10BBlue {
    /*Regular verbiage*/
    font-family: Arial;
    font-size: 10pt;
    color: blue;
    font-weight: bold;
}

.ARIAL12BBlue {
    /*Regular verbiage*/
    font-family: Arial;
    font-size: 12pt;
    color: royalblue;
    font-weight: bold;
}

.ARIAL10DGREEN {
    font-family: Arial;
    font-size: 10pt;
    color: darkgreen;
    font-weight: bold;
}

.ARIALB10 {
    /*Cell/Field title verbiage*/
    font-family: Arial;
    font-size: 10pt;
    font-weight: bold;
}

.CELLARIALB10 {
    /*Cell/Field title verbiage*/
    font-family: Arial;
    font-size: 10pt;
    font-weight: bold;
    background-color: #83d8a4;
    border: 1px solid black;
}

.REQUIRED {
    /*Cell/Field title verbiage*/
    font-family: Arial;
    font-size: 10pt;
    font-weight: bold;
    color: blue;
}

.ARIAL10BRED {
    /*Cell/Field title verbiage*/
    font-family: Arial;
    font-size: 10pt;
    font-weight: bold;
    color: red;
}

.ARIALB9 {
    font-family: Arial;
    font-size: 9pt;
    font-weight: bold;
}

.ARIALB8 {
    font-family: Arial;
    font-size: 8pt;
    font-weight: bold;
    color: #000000;
}

.ARIALB12 {
    /*page sub-headings*/
    font-family: Arial;
    font-size: 12pt;
    font-weight: bold;
    color: #000000;
}

.ARIALB14 {
    /*page heading*/
    font-family: Arial;
    font-size: 14pt;
    font-weight: bold;
    color: #000000;
}

.IDENTITY {
    font-family: Arial;
    font-size: 14pt;
    font-weight: bold;
    color: Black;
}

.errorMSG {
    font-weight: bold;
    font-family: Arial;
    font-size: 11pt;
    color: darkblue;
}

.errorMSG2022 {
    font-weight: bold;
    font-family: Arial;
    font-size: 12pt;
    color: darkblue;
}

.ARIALROYB12 {
    font-weight: bold;
    font-family: Arial;
    font-size: 12pt;
    color: royalblue;
}

.instructions {
    font-family: Arial;
    font-size: 10pt;
    /*font-weight:bold;*/
    color: #355E3B;
}
/*
<style>
table {
    border-collapse: collapse;
    width: 100%;
}

th, td {
    text-align: left;
    padding: 8px;
}

tr:nth-child(even){background-color: #f2f2f2}
</style>
*/
.TARight {
    text-align: right;
    font-family: Arial;
    font-size: 10pt;
    color: #000000;
}

.TALeft {
    text-align: left;
    font-family: Arial;
    font-size: 10pt;
    color: #000000;
}

.TACent {
    text-align: center;
    font-family: Arial;
    font-size: 10pt;
    color: #000000;
}

.TACentB {
    text-align: center;
    font-family: Arial;
    font-size: 10pt;
    font-weight: bold;
    color: #000000;
}

.TextRIGHTAlign {
    text-align: right;
}

.CenterTextAligment {
    text-align: center;
}

.myHyperLink {
    float: left;
    width: 30%;
    text-align: right;
}

.BlackRowStyle {
    float: left;
    width: 100%;
    height: inherit;
    background-color: Black;
}

.calculateField {
    float: left;
    width: 100%;
    background: #cccccc;
    font-family: Arial;
    font-size: 10px;
    color: darkblue
}

.calculateField_ {
    float: left;
    width: 100%;
    text-align: right;
    font: bold;
    background: #cccccc;
    font-family: Arial;
    font-size: 10pt;
}

.myLabel_ {
    float: left;
    width: 100%;
    text-align: center;
    background-color: #cccccc;
}

.myStyle {
    float: left;
    width: 100%;
    text-align: center;
    background-color: #b8dcc2;
    border-width: 1px;
    border-color: Black;
    border-style: solid;
}

.myLabel {
    float: left;
    width: 100%;
    text-align: center;
    background-color: #b8dcc2;
    border-width: 1px;
    border-color: Black;
    border-style: solid;
}

.footStyle {
    float: left;
    width: 100%;
    text-align: right;
    background-color: #b8dcc2;
    border-width: 1px;
    border-color: Black;
    border-style: solid;
}

.myBulletinTable {
    float: left;
    border-style: solid;
    border-color: Black;
    width: 100%;
    table-layout: auto;
}

.myCell {
    float: left;
    width: 100%;
    text-align: center;
    background-color: #98F5FF;
    border-width: 1px;
    border-color: Black;
    border-style: solid;
}

.myCellA {
    float: left;
    width: 100%;
    text-align: left;
    background-color: #98F5FF;
    border-width: 1px;
    border-color: Black;
    border-style: solid;
}

.mainRep {
    WIDTH: 584px;
    HEIGHT: 76px;
}


.linkButtonClass {
    padding: 2px 20px;
    text-decoration: none;
    border: solid 1px Blue;
    background-color: #dddddd;
    background: #dddddd;
    color: black;
}

    .linkButtonClass:hover {
        border: solid 1px Black;
        background-color: #ffffff;
    }