body {
    vertical-align: top;
    font-family: 'Franklin Gothic', Tahoma, Calibri;
}

.INLINE {
    display: inline-table;
}
div.FLEXCONTAINER {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
div.TILE_50P {
    width: 48%;
    min-width: 400px;
    margin: 5px;
}

.sticky {
    position: fixed;
    top: 0;
    left: 0;
    padding: 10px;
}

.button
{
    border-radius: 5px;
}

table {
    vertical-align: top;
}
    table.FORMENTRY {
    }
        table.FORMENTRY td {
            padding-top: 4px;
            padding-bottom: 4px;
        }
td.LabelCell {
    text-align: right;
    padding-right: 10px;
    white-space: nowrap;
    vertical-align: middle;
}
td.LinkCell {
}
    td.LinkCell a:link {
    }
    td.LinkCell a:visited {
    }
td {
    vertical-align: top;
}
table.DataTable td {
    padding-top: 3px;
    padding-bottom: 3px;
}
table.DataTable tr.COLUMNHEADERROW:hover {
    background-color: transparent;
}
table.DataTable tr:not(:first-child):hover {
    background-color: palegoldenrod;
}
table.DataTable tr:nth-child(even) {
    background-color: whitesmoke;
}
table.FORMTABLE td {
    /*padding-top: 5px;*/
    padding-bottom: 5px;
}
span.LINKBLOCK {
    text-align: center;
    display: inline-table;
    text-wrap: normal;
}
table.SELECTABLE tr:hover {
    background-color: #fdfde4;
}
.ROWSELECT {
    background-color: palegoldenrod;
}


/* Form Field Text Formats */
.FORMFIELD_FIXED {
    font-family: 'Lucida Console', Monaco, monospace;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
}
.FF {
    font-size: larger;
    border-radius: 10px;
    border: 1px inset lightgray;
    background-color: white;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
}

p { text-align: justify; }


.HOVER-WHITESMOKE:hover {
    font-weight: bold;
    background-color: WhiteSmoke;
    box-shadow: -5px 5px 5px lightgray;
}



/* Anchor/Links */
a:link {
    color: darkblue;
    text-decoration: none;
}
a:hover {
    color: #202020;
    text-decoration: underline;
    cursor: pointer;
}
a:visited {
    color: darkblue;
    text-decoration: none;
}
a.ANCHOR
{
    display:block;
    top: -150px;
    position: relative;
    visibility: hidden;
}
a.LINKBLACK {
    color: black;
}
a.LINKBLACK:visited {
    color: black;
    text-decoration: none;
}
a.LINKBLACK:hover {
    color: black;
    text-decoration: underline;
}

.CURSOR-DEFAULT { cursor: default; }
.CURSOR-HELP { cursor: help; }
.CURSOR-POINTER { cursor: pointer; }
.CURSOR-NOTALLOWED { cursor: not-allowed; }

/* Alignment */
.CENTER { margin-left: auto; margin-right: auto; }

/* Borders */
.BORDER { border: 1px solid black; }
.BORDERTHICK { border: 5px solid black; }
.BORDERGREEN { border: 1px solid forestgreen; }
.BORDERGREENTHICK { border: 5px solid forestgreen; }
.BORDERRED { border: 1px solid crimson; }
.BORDERREDTHICK { border: 5px solid crimson; }
.BORDERSILVER { border: 1px solid silver; }
.BORDERSILVERTHICK { border: 5px solid silver; }
.BORDERCOLLAPSE { border-collapse: collapse; margin: 0px; }
.BORDERYELLOW { border: 1px solid darkgoldenrod; }
.BORDERYELLOWTHICK { border: 5px solid darkgoldenrod; }
.BORDERBOTTOMSILVER { border-bottom: 1px solid silver; }
.BORDERBLACKCUP { border: 1px solid black; border-right: 1px solid silver; border-top: none; }
.BORDERBLACKLEFTTAB { border: 2px solid rgba(0,0,0,0.5); border-right: none; }
.BORDERSILVERCUP { border: 1px solid silver; border-right: 1px solid whitesmoke; border-top: none; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.BORDERSILVERLEFTTAB { border: 2px solid silver; border-right: none; }
.BORDERLEFTBLACKCUP { border: 1px solid black; border-right: none; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.BORDERLLCR { border: 1px solid black; border-right: none; border-bottom-left-radius: 5px; }
.BORDERTBCR { border-top: 1px solid black; border-bottom: 1px solid black; border-bottom-left-radius: 5px; border-top-left-radius: 5px; }
.BORDERTAB { border: 1px solid silver; border-bottom: none; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.BORDERTOP { border-top: 1px solid black; }
.BORDERINSERPANEL { border: 2px groove gray; }
.BORDERINSETPANEL { border: 2px groove gray; margin: 10px; padding: 10px; }

/* Drop Shadows */
.DROPSHADOW5 { box-shadow: -5px 5px 10px rgba(0,0,0,0.5); }
.DROPSHADOW10 { box-shadow: -10px 10px 15px rgba(0,0,0,0.5); }
.DROPSHADOW15 { box-shadow: -15px 15px 15px rgba(0,0,0,0.5); }
.DROPSHADOW25 { box-shadow: -25px 25px 50px rgba(0,0,0,0.5); }

/* Colors */
.BLACK { color: black; }
.BLUE { color: darkblue; }
.GRAY { color : gray ;}
.GREEN { color: forestgreen; }
.LIGHTGRAY { color : lightgray ;}
.RED { color: crimson; }
.SILVER { color: silver; }
.WHITE { color: white; }
.WHITESMOKE { color: whitesmoke; }
.YELLOW { color: darkgoldenrod; }

/* Colors (BACKGROUND) */
.BGBLACK { background-color: black; }
.BGBLUE { background-color: darkblue; }
.BGGRAY { background-color : gray ;}
.BGGREEN { background-color: forestgreen; }
.BGLIGHTGRAY { background-color : lightgray ;}
.BGRED { background-color: crimson; }
.BGSILVER { background-color: silver; }
.BGTRANS { background-color: transparent; }
.BGWHITE { background-color: white; }
.BGWHITESMOKE { background-color: whitesmoke; }

.SECTIONTITLE1 { font-size: 24px; text-transform: uppercase; background-color: #d5d5e6; color: #404040; padding: 25px; font-weight: bold; box-shadow: -5px 5px 5px lightgray; }
.SECTIONTITLE2 { font-size: 20px; text-transform: uppercase; background-color: #d9d9eb; color: #404040; padding: 20px; font-weight: bold; box-shadow: -5px 5px 5px lightgray; }
.SECTIONTITLE3 { font-size: 16px; text-transform: uppercase; background-color: #e2e2f5; color: #404040; padding: 15px; font-weight: bold; box-shadow: -5px 5px 5px lightgray; }
.SECTIONTITLE4 { font-size: 12px; text-transform: uppercase; background-color: #ebebff; color: #404040; padding: 10px; font-weight: bold; box-shadow: -5px 5px 5px lightgray; }

/* Corner Radius */
.CR3 { border-radius: 3px; }
.CR5 { border-radius: 5px; }
.CR10 { border-radius: 10px; }
.CR25 { border-radius: 25px; }
.CRL10 { border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
.CRR10 { border-top-right-radius: 10px; border-bottom-right-radius: 10px; }

.DS2C { box-shadow: 0px 2px 2px lightgray; }
.DS5 { box-shadow: -5px 5px 5px lightgray; }
.DS5C { box-shadow: 0px 5px 5px lightgray; }
.DS5R { box-shadow: 5px 5px 5px lightgray; }
.DS10 { box-shadow: -10px 10px 10px lightgray; }
.DS25 { box-shadow: -25px 25px 25px lightgray; }
.DSH5:hover { box-shadow: -5px 5px 5px lightgray; transition: 0.2s; }
.DSH10:hover { box-shadow: -10px 10px 10px lightgray; transition: 0.2s; }
.DSH25:hover { box-shadow: -25px 25px 25px lightgray; transition: 0.2s; }

.OS5 { box-shadow: 0px 0px 10px 5px lightgray; }

.REPORTCARD {
    box-shadow: -5px 5px 5px lightgray;
    background-color: whitesmoke;
    border-top-right-radius: 15px;
    padding: 10px;
    width: 200px;
    height: 200px;
    border: 2px groove #e0e0e0;
    margin: 10px;
}



/* Float */
.FL-CB { clear: both; }
.FL-L { float: left; }
.FL-R { float: right; }

/* Font Sizes */
.FS-XS { font-size: x-small; }
.FS-S { font-size: small; }
.FS-M { font-size: medium; }
.FS-L { font-size: large; }
.FS-XL { font-size: x-large; }
.FS-XXL { font-size: xx-large; }


/* Font Styles */
.FB { font-weight: bold; }  
.BOLD { font-weight: bold; }  
.FI { font-style: italic;  }
.ITALIC { font-style: italic;  }
.FSO { text-decoration: line-through; }
.STRIKEOUT { text-decoration: line-through; }
.FU { text-decoration: underline; }
.PRE { font-family: 'Consolas', 'Courier New'; white-space: pre-wrap; }
.PRENOWRAP {
    font-family: 'Consolas', 'Courier New';
    white-space: pre;
}
.NOWRAP { white-space: nowrap; }
.MONOSPACE { font-family: 'Consolas', 'Consolas'; }
.UNDERLINE { text-decoration: underline; }
.TEXTWRAP { white-space: normal; }
.NOBR { text-wrap: none; }
.JUSTIFIED { text-align: justify; }
.CAPS { text-transform: uppercase; }
.UPPERCASE { text-transform: uppercase; }
.LOWERCASE { text-transform: lowercase; }


/* Header Formatting */
H1.NP { padding: 0px; margin: 0px; }
H2.NP { padding: 0px; margin: 0px; }
H3.NP { padding: 0px; margin: 0px; }

/* Heights */
.HFULL { height: 100%; }
.H2 { height: 2px; }
.H5 { height: 5px; }
.H15 { height: 15px; }
.H20 { height: 20px; }
.H25 { height: 25px; }
.H35 { height: 35px; }
.H50 { height: 50px; }
.H65 { height: 65px; }
.H75 { height: 75px; }
.H100 { height: 100px; }
.H150 { height: 150px; }
.H200 { height: 200px; }
.H300 { height: 300px; }
.H400 { height: 400px; }
.H500 { height: 500px; }
.H25P { height: 25%; }

/* Margins */
.M5 { margin: 5px; }
.MB5 { margin-bottom: 5px; }
.MB8 { margin-bottom: 8px; }
.MB10 { margin-bottom: 10px; }
.MB15 { margin-bottom: 15px; }
.MB25 { margin-bottom: 25px; }
.MB50 { margin-bottom: 50px; }
.ML8 { margin-left: 8px; }
.ML25 { margin-left: 25px; }
.ML50 { margin-left: 50px; }
.MR8 { margin-right: 8px; }
.MR16 { margin-right: 16px; }
.MR25 { margin-right: 25px; }
.MT10 { margin-top: 10px; }
.MT25 { margin-top: 25px; }
.MT50 { margin-top: 50px; }
.MT75 { margin-top: 75px; }
.MT100 { margin-top: 100px; }
.MT250 { margin-top: 250px; }

/* Padding */
.P5 { padding: 5px; }
.P10 { padding: 10px; }
.P15 { padding: 15px; }
.P25 { padding: 25px; }
.P35 { padding: 35px; }
.P50 { padding: 50px; }
.PB5 { padding-bottom: 5px; }
.PB10 { padding-bottom: 10px; }
.PB25 { padding-bottom: 25px; }
.PL8 { padding-left: 8px; }
.PL16 { padding-left: 16px; }
.PL25 { padding-left: 25px; }
.PL50 { padding-left: 50px; }
.PL100 { padding-left: 100px; }
.PLR25 { padding-left: 25px; padding-right: 25px; }
.PR8 { padding-right: 8px; }
.PR25 { padding-right: 25px; }
.PR50 { padding-right: 50px; }
.PR100 { padding-right: 100px; }
.PT10 { padding-top: 10px; }
.PR8 { padding-right: 8px; }
.PT15 { padding-top: 15px; }
.PT25 { padding-top: 25px; }
.PT35 {    padding-top: 35px;}
.PT50 { padding-top: 50px; }
.PT75 { padding-top: 75px; }
.PT100 { padding-top: 100px; }
.PTB0 { padding-top: 0px; padding-bottom: 0px; }

.OVERFLOWAUTO { overflow: auto; }
.OVERFLOWHIDE { overflow: hidden; }
.OVERFLOWSCROLL { overflow: scroll; }

/* Text Alignment */
.TA-L { text-align: left; }
.TA-C { text-align: center; }
.TA-R { text-align: right; }
.TA-J { text-align: justify; }

/* Vertical Alignment */
.VA-M { vertical-align: middle; }
.VA-T { vertical-align: top; }


/* Visibility */
.HIDDEN { display: none; }

/* Widths by name */
.WFULL { width: 100%; }

/* Widths by Pixels */
.W5 { width: 5px; }
.W10 { width: 10px; }
.W15 { width: 15px; }
.W20 { width: 20px; }
.W25 { width: 25px; }
.W35 { width: 35px; }
.W50 { width: 50px; }
.W75 { width: 75px; }
.W80 { width: 80px; }
.W85 { width: 85px; }
.W90 { width: 90px; }
.W100 { width: 100px; }
.W125 { width: 125px; }
.W150 { width: 150px; }
.W175 { width: 175px; }
.W200 { width: 200px; }
.W250 { width: 250px; }
.W300 { width: 300px; }
.W350 { width: 350px; }
.W400 { width: 450px; }
.W450 { width: 450px; }
.W500 { width: 500px; }
.W600 { width: 600px; }
.W700 { width: 700px; }
.W750 { width: 750px; }
.W800 { width: 800px; }
.W900 { width: 900px; }
.W1000 { width: 1000px; }
.W1024 { width: 1024px; }
.W1200 { width: 1200px; }
.W1280 { width: 1280px; }

/* Widths by Percentage */
.W12P { width: 12.5%; }
.W16P { width: 16.6%; }
.W20P { width: 20%; }
.W25P { width: 25%; }
.W33P { width: 33.3%; }
.W40P { width: 40%; }
.W45P { width: 45%; }
.W48P { width: 48%; }
.W50P { width: 50%; }
.W60P { width: 60%; }
.W66P { width: 66.6%; }
.W75P { width: 75%; }
.W80P { width: 80%; }
.W90P { width: 90%; }
.W98P { width: 98%; }

.MW350 { min-width: 350px; }
.MW400 { min-width: 400px; }
.MW450 { min-width: 450px; }
.MW500 { min-width: 500px; }
.MW700 { min-width: 700px; }

.FOOTER {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;font-size: x-small;
    background-color: #e6ecff;
    color: #373738;
    text-align: center;
}

.NAVBUTTON_TINY
{
    border: 1px solid silver;
    background-color: whitesmoke;
    border-radius: 5px;
    box-shadow: -2px 2px 6px lightgray;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 2px;
    padding-bottom: 2px;
}
.NAVBUTTON_TINY:hover
{
    border: 1px solid silver;
    background-color: whitesmoke;
    box-shadow: -2px 2px 4px grey;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 2px;
    padding-bottom: 2px;
}
.NAVBUTTON_SMALL
{
    border: 1px solid silver;
    border-radius: 10px;
    box-shadow: -5px 5px 10px lightgray;
}
.NAVBUTTON_SMALL:hover
{
    border: 2px solid silver;
    box-shadow: -5px 5px 10px grey;
}
.NAVBUTTON_LARGE
{
    border: 1px solid silver;
    border-radius: 10px;
    box-shadow: -10px 10px 15px lightgray;
}
.NAVBUTTON_LARGE:hover
{
    border: 2px solid silver;
    box-shadow: -10px 10px 15px grey;
}

.BGNR {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.BALOON {
    transition: all .1s ease-in-out;
}

.BALOON:hover {
    transform: scale(1.5);
}

.ROWFOCUS {
    border: 2px solid transparent;
}
.ROWFOCUS:hover {
    border-left: 2px solid silver;
    border-top: 2px solid white;
    border-bottom: 2px solid black;
    border-right: 2px solid darkgrey;
}

td.FITWIDTH {
    width: 1px;
    white-space: nowrap;
}

.MW300 {
    min-width: 300px;
}
.MW400 {
    min-width: 400px;
}
.MW500 {
    min-width: 500px;
}
.MW600 {
    min-width: 600px;
}