/*
 COLTS 444 "Silver" Theme Style Sheet
 Copyright (c) 1998-2025 Avantix, LLC

Points Pixels  Ems  Percent 
 6       8     0.5     50% 
 7       9     0.5625  56.25%  
 7.5    10     0.625   62.5%  
 8      11     0.6875  68.75%  
 9      12     0.75    75%  
10      13     0.8125  81.25%  
10.5    14     0.875   87.5%  
11      15     0.9375  93.75%  
12      16     1.0    100%  
13      17     1.0625 106.25%  
13.5    18     1.125  112.5%  
*/
HTML {
    font-size: 100%;
    font-family: sans-serif,Arial;
    height: 100%;
    -webkit-overflow-scrolling: touch;
    height: 100vh;
}

BODY, FORM, TABLE, DIV {
    font-family: inherit;
}

BODY {
    font-size: 0.9375em;
    font-family: inherit;
    background-color: #FFF;
    height: 100%;
    padding: 0;
    margin: 0;
    border: 0px;
    overflow: hidden;
    box-sizing: border-box;
}

FORM {
    font-family: inherit;
    background-color: #FFF;
    margin-bottom: 0;
}

TABLE, DIV {
    empty-cells: show;
    box-sizing: border-box;
    border-spacing: 0px;
}

h1, h2, h3, h4 {
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    margin: 0px;
}

DIV {
    font-size: 1.0em;
    font-family: inherit;
}

    div.compressed {
        height: 5em;
        overflow-y: auto;
    }

fieldset {
    border: none;
    margin: 0px;
    padding: 0px;
}

legend {
    display: none;
}

tr.padded td {
    padding-top: 0.5em !important;
}

hr {
    border-style: double;
    color: #CCC;
}

:focus {
    outline: none;
}

.fixedfont {
    font-family: "Lucida Sans Typewriter",Monaco,Consolas,"Courier New", Courier, monospace !important;
}

.coltslogo {
    background-color: #FFF !important;
    color: #555 !important;
    font-size: 4.5em !important;
}

.trainingbanner {
    background-color: #FE0 !important;
    color: #666;
    font-size: 9px !important;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
}

.prodbanner {
    color: #EEE;
    font-size: 10px !important;
    font-weight: normal;
    padding-bottom: 1px;
    text-align: center;
    white-space: nowrap;
}

.mainmenu {
    background: none;
    background-color: #EFEFEF;
    text-align: center;
    vertical-align: middle;
    white-space: normal;
    font-size: 1.0em;
    font-weight: bold;
    font-family: inherit;
    border-left: 1px solid #EFEFEF;
    border-top: 1px solid #EFEFEF;
    border-bottom: 1px solid #EFEFEF;
    border-right: 1px solid #EFEFEF;
    padding-left: 2px;
    padding-right: 2px;
    cursor: default;
}

.mainmenuhover {
    background-color: #FFF;
    background: linear-gradient(left,#C4DDEE,#FFFFFF);
    text-align: center;
    vertical-align: middle;
    white-space: normal;
    font-size: 1.0em;
    font-weight: bold;
    font-family: inherit;
    border-left: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #FFFFFF;
    padding-left: 2px;
    padding-right: 2px;
    cursor: pointer;
}

.mainmenuinvisible {
    color: #EFEFEF;
}

.mainmenuvisible {
    color: #000;
}

#burgermenudiv, #burgermenu { /*this is the burger menu icon*/
    color: #FFF;
    cursor: pointer;
    display: none;
    font-size: 1.125em;
    font-weight: bold;
    margin-top: 4px;
    overflow-y: hidden;
    padding-right: 10px;
    padding-left: 10px;
    position: absolute;
    top: 0px;
    transform: scale(1.5,1.0);
}

#burgermenuanchor {
    display: none;
}

#optionsmenudiv, #optionsmenu { /*this is the options menu icon*/
    color: #FFF;
    cursor: pointer;
    display: none;
    float: right;
    font-size: 1.125em;
    font-weight: bold;
    overflow-y: hidden;
    padding: 0px 10px 0px 0px;
}

#optionsmenuanchor {
    display: none;
}

#optionsmnut { /*this is the options menu itself*/
    font-size: 1.25em;
    line-height: 1.5em;
    z-index: 161;
}

.ctlbar {
    background-color: #EEE;
    margin: 0 auto;
    text-align: center;
    vertical-align: top;
}

DIV.grid {
    border-left: solid #666 0px;
    border-right: solid #666 0px;
}

DIV.pagelock {
    background-color: #FFF;
    display: none;
    height: 0px;
    left: 0px;
    opacity: 0.55;
    position: absolute;
    top: 0px;
    width: 0px;
    z-index: 101;
}

DIV.imagecontainer {
    background-color: #FFF;
    top: 0px;
    left: 0px;
    height: 0px;
    width: 0px;
    position: absolute;
    z-index: 101;
    opacity: 0.95;
}

div.modal {
    background-color: #FFF;
    color: #000;
    display: none;
    font-size: 1.0em;
    margin: 0 auto;
    opacity: 0.90;
    padding: 0 0;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    z-index: 100;
}

#whatsnewdiv {
    background-color: transparent;
    color: #000;
    display: none;
    font-size: 1.0em;
    margin: 0 auto;
    padding: 0 0;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    z-index: 200;
}

#whatsnewtabdiv {
    display: inline-block;
    margin: 0 auto;
    padding: 33% 0;
    vertical-align: middle;
    white-space: nowrap;
}

.whatsnewcontainer {
    background-color: #FFF;
    border: 2px solid #06C;
    border-radius: 7px;
    padding: 2em;
}

.whatsnewmsg {
    color: #090;
    font-size: 1.5em;
    font-style: italic;
    font-weight: bold;
}
.license60 {
    color: #000 !important;
    font-family: inherit;
    font-size: 13px !important;
    font-weight: normal !important;
    white-space: nowrap;
}
.license30 {
    color: #000 !important;
    background-color: #ffff003b;
    font-family: inherit;
    font-size: 14px !important;
    font-weight: normal !important;
    white-space: nowrap;
}
.help {
    font-size: 0.9166667em;
    color: #000;
    background-color: #FFFFE7;
    width: 100%;
    border-radius: 0px 0px 5px 5px;
    padding: 1px 2px;
}

.helpnowidth {
    font-size: 0.9166667em;
    color: #000;
    background-color: #F9F9F9;
    padding: 0.1em 0.1em 0.1em 0.1em;
}

.helphdr {
    font-size: 0.9166667em;
    font-weight: normal;
    color: #FFF;
    background-color: #666;
    text-align: center;
    padding: 2px 4px;
    white-space: nowrap;
    width: 100%;
}

TABLE.entireform {
    background-color: #FFF;
    text-align: left;
    border-spacing: 0px;
}

TABLE.dtloptbox > tbody > tr > td {
    padding: 2px;
}

#flagstab {
    border-bottom: 2px solid #CCC;
    padding: 2px;
}

.dtloptbox > legend {
    background-color: #CCC;
    border-left: 2px solid #FFF;
    border-top: 2px solid #FFF;
    border-right: 2px solid #FFF;
    display: inline-block;
    font-size: 0.9285em;
    font-family: inherit;
    font-weight: bold;
    margin-left: -2px;
    padding: 0px 0px;
    text-align: center;
    vertical-align: bottom;
    width: 100%;
}

#demonstatusinhdr {
    position: relative;
}

    #demonstatusinhdr:active:after {
        content: attr(title);
        padding: 2px;
        border: 1px solid #ccc;
        top: 1px;
        right: 10%;
        color: #000000;
        background: #FFFFE7;
        text-transform: capitalize !important;
    }

#entireform {
    background-color: transparent; /*#FFF;*/
    text-align: left;
    border-spacing: 0px;
}

    #entireform > tbody > tr > td {
        padding: 0px;
    }

.centered {
    margin: 0 auto;
    text-align: center;
}

A {
    color: #00F !important;
}

    A:link {
        color: #00F;
        text-decoration: none;
    }

    A:visited {
        color: #00F;
    }

    A:active {
        color: #00F;
    }

    A:hover {
        color: #00F;
        text-decoration: underline;
    }

.dtloptbox {
    background-color: #EEE;
    border: 2px solid #FFF;
    border-spacing: 1px;
    border-radius: 0px 0px 5px 5px;
    height: 100%;
    padding: 0px 4px 0px 4px;
    text-align: left;
}

.minidtl {
    background-color: #EEE; /*#EEE;*/
    border: 2px solid #FFF;
    border-radius: 0px 0px 5px 5px;
    border-top: 0px;
    text-align: left;
}

.gridimg {
    margin: 5px;
    border-radius: 6px;
    cursor: pointer;
    text-align: center;
}

    .gridimg:hover {
        box-shadow: 0px 0px 5px #000 !important;
    }

iframe {
    border: none;
    overflow: hidden;
}

.adaptfld {
    background-color: transparent;
    display: inline-block;
    float: none;
    line-height: 1.5em;
    margin-left: 1em;
    vertical-align: top;
}

.adaptfld.stacked {
    display: block;
}

.adaptfld.af1 {
    display: block;
    font-weight: bold;
}

.adaptfld input {
    border-width: 0px;
}

input.txtauthcode {
    font-size: 24px;
    margin: 1em 0em 0em 0em !important;
    text-align: center;
    width: 3.5em;
}

input[type=text]::placeholder, textarea::placeholder {
    font-style: italic;
}

.txtbox {
    border: 1px solid #BBB /*#aaa*/;
    border-radius: 3px;
    font-size: 1.0em;
    font-family: inherit;
    margin-left: 3px;
    padding: 1px 1px 1px 3px;
}

.selsrchselected {
    background-color: #1967D2;
    color: #FFF;
    font-weight: bold;
}

.txtboxdisabled {
    background-color: #EEE;
    border: 1px solid #EEE /*#BBB*/;
    border-radius: 3px;
    color: #000;
    font-size: 1.0em;
    font-family: inherit;
    margin-left: 3px;
    padding: 1px 1px 1px 3px;
}

    .txtboxdisabled::-webkit-input-placeholder { /* WebKit browsers */
        color: transparent;
    }

    .txtboxdisabled:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color: transparent;
    }

    .txtboxdisabled::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: transparent;
    }

    .txtboxdisabled:-ms-input-placeholder { /* Internet Explorer 10+ */
        color: transparent;
    }

input.txtbox, input[type="password"] {
    border-radius: 3px;
    margin-left: 3px;
    padding: 1px 1px 1px 3px;
}

select.txtbox {
    border-radius: 3px;
    margin-left: 3px;
    padding: 0px 0px 0px 3px;
}

    input.txtbox:focus, select.txtbox:focus {
        outline: none;
        border-color: #9ecaed;
        box-shadow: 0px 0px 5px #9ecaed;
    }

input.gridrestriction, select.gridrestriction {
    border-radius: 3px;
    margin-left: 0px;
    min-width: 5em;
    padding: 1px 1px 1px 3px;
    width: 95%;
    width: calc(100% - 4px);
}

select.gridrestriction {
    margin-left: 0px;
    width: calc(100% - 24px);
}

input.autosize, select.autosize {
    border-radius: 3px;
    min-width: 5em;
    padding: 1px 1px 1px 3px;
    width: 95%;
    width: calc(100% - 4px);
}

textarea.txtbox {
    border-radius: 3px;
    margin-left: 3px;
    padding: 2px 1px 2px 3px;
}

    textarea.txtbox:focus {
        outline: none;
        border-color: #9ecaed;
        box-shadow: 0px 0px 5px #9ecaed;
    }

input.coltsbuttonorig {
    font-size: 1.0em;
    font-family: inherit;
    width: auto;
    padding-left: 2px;
    padding-right: 2px;
    overflow: visible;
}

input.coltsbutton, input[type="button"], button {
    background-color: #06C;
    border: 1px;
    border-radius: 3px;
    color: #FFF;
    cursor: pointer;
    font-size: 1em;
    font-family: inherit;
    margin: 3px 0px 2px 1px;
    min-width: 50px;
    outline: none;
    overflow: visible;
    padding: 3px 8px 3px 8px;
    background: linear-gradient(to bottom, #08C, #06C); /* Standard syntax (must be last) */
}

    input.coltsbutton:enabled:active, input[type="button"]:enabled:active, button:enabled:active {
        border: 1px;
        outline: none;
        text-shadow: -1px -1px #000;
    }

    input.coltsbutton:enabled:hover, input[type="button"]:enabled:hover, button:enabled:hover {
        background-color: #08E;
        background: #08E linear-gradient(to bottom, #0CF, #04A); /* Standard syntax (must be last) */
    }

    input.coltsbutton:disabled, input[type="button"]:disabled, button:disabled {
        color: #DDD;
        cursor: default;
        opacity: 0.75;
    }

input.coltsminibutton, button {
    font-size: 0.9em !important;
    min-width: 45px;
    padding: 2px 4px 2px 4px;
    margin: 0px 0px 0px 1px;
    vertical-align: text-bottom;
}

input.coltsbutton.ellipsis {
    min-width: 24px;
    height: 24px;
    line-height: 8px;
    padding-bottom: 8px;
    width: auto;
}

input.coltsbutton.redbutton {
    color: #FFF;
    background: linear-gradient(to bottom, #f77, #600) !important;
}

.restrhelp {
    background-color: #06C;
    border-radius: 3px;
    color: #FFF;
    content: "?";
    cursor: pointer;
    display: inline-block;
    height: 1.5em;
    line-height: 1em;
    padding: 4px 3px 0px 3px;
    text-align: center;
    width: 1.5em;
    background: linear-gradient(to bottom, #08C, #04C);
}

    .restrhelp:hover {
        background-color: #08E;
        background: #08E linear-gradient(to bottom, #0CF, #04A);
    }

input.coltsrangerbutton {
    font-size: 1.0em;
    font-family: inherit;
    color: #000;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-style: solid;
    border-color: #003973;
    border-width: 1px;
    background: linear-gradient(to bottom, #FFF, #AAA); /* Standard syntax (must be last) */
}

input[type=radio] {
    margin-bottom: 5px;
    vertical-align: middle;
}

input[type=checkbox] {
    vertical-align: middle;
    width: 16px;
    height: 16px;
}

.toolitem {
    border: 2px solid transparent;
    cursor: pointer;
    display: inline-block;
    text-align: center;
}

    .toolitem:hover {
        color: #06F;
    }

.toolicon {
    margin-left: 10px;
    margin-right: 10px;
}

.toollabel {
    margin-top: 2px;
    padding: 0px 5px;
}
/*OVERRIDES FOR THE PAGING CONTROLS*/
#recfirstgiftoolcaption, #recprevgiftoolcaption, #recnextgiftoolcaption, #reclastgiftoolcaption {
    padding: 0px;
}

#recfirstgiftoolitem {
    margin-left: 10px;
}

.restricted {
    color: #FFF;
    background-color: #C00;
}

.unrestricted {
    color: #FFF;
    background-color: #0C0;
}

.dropdownbutton {
    font-size: 1.0em;
    color: #000 !important;
    background-color: transparent;
    width: 1em;
    height: auto;
    border: 0px solid #EEE;
    padding: 1px;
    border-top: 0px solid #FFF;
    border-left: 0px solid #FFF;
    border-right: 0px solid #AAA;
    border-bottom: 0px solid #AAA;
    display: inline-block;
}

    .dropdownbutton:hover {
        background-color: transparent;
    }

.menupage {
    border: 0px solid #CCC;
    border-spacing: 0px;
    height: 40em;
    margin-left: auto;
    margin-right: auto;
    width: 40em;
}

.coltsmainmenu {
    background: none;
    background-color: #06C;
    border-color: transparent;
    border-radius: 8px 0px 0px 8px;
    border-style: solid;
    border-width: 4px;
    cursor: default;
    font-family: inherit;
    font-size: 1.0em;
    height: 4em;
    margin: 8px 0px;
    min-width: 140px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 1em;
    text-align: center;
    transition: background-color 0.3s ease;
    vertical-align: middle;
    white-space: normal;
}

.coltsmainmenuhover {
    font-size: 1.0em;
    font-family: inherit;
    font-weight: bold;
    color: #000 !important;
    background-color: #FFF !important;
    border-radius: 8px 0px 0px 8px !important;
    border: 4px solid #06C !important;
    border-right: 0px !important;
    text-align: center;
    vertical-align: middle;
    white-space: normal;
    height: 4em;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 1em;
    cursor: pointer;
    transition: background-color 0.3s ease;
    margin: 8px 0px;
    min-width: 130px;
}

.coltsmainmenufirst {
    margin-top: 8px !important;
}

.coltsmainmenulast {
    margin-bottom: 0px !important;
}

.coltsmainmenuinvisible {
    color: transparent;
}

.coltsmainmenuvisible {
    color: #FFF;
}

.coltsmainmenucaption {
    padding-top: 4px;
    text-transform: uppercase;
}

.coltsmainmenusubhdr {
    background-color: #666 !important;
    border-color: rgba(0,102,204,0.4);
    border-style: solid;
    border-width: 1px 0px;
    color: #FFF !important;
}

.coltstan {
    background-color: #FFF !important;
}

.coltsblue {
    background-color: #06C !important;
}

.coltsbluefg {
    color: #06C !important;
}

.coltsdarkblue {
    color: #03C !important;
}

.coltsgreen {
    color: #090 !important;
}

.coltsorange {
    color: #F90 !important;
}

.coltsorangebg {
    background-color: #F90 !important;
}

.coltsgold {
    color: #FE7 !important;
}

.coltsred {
    color: #C00 !important;
}

.coltsredbg {
    background-color: #C00 !important;
}

.coltswhite {
    color: #FFF !important;
}

.coltswhitebg {
    background-color: #FFF !important;
}

.dfarswarning {
    font-size: 0.75em !important;
    margin: 16px auto;
    padding: 3px;
    max-width: 35em;
}

.warning {
    background-image: radial-gradient( yellow, #f06d06) !important;
    border: 0px !important;
    border-radius: 3px;
    padding: 0px 4px 2px 4px;
}

.copyright {
    color: #999 !important;
    font-family: inherit;
    font-size: 10px !important;
    font-weight: normal !important;
    white-space: nowrap;
}

.pgbordertab {
    background-color: #FFF;
    border: 0px solid #CCC;
    margin: 0 auto;
    text-align: center;
}

    .pgbordertab > tbody > tr > td {
        padding: 0px;
    }

.pgborderw {
    background-color: #666;
    padding: 0px;
    width: 1px;
}

.pgborderh {
    height: 1px;
    padding: 0px;
}

.pgborderdiv {
    min-width: 1px;
}

.pgbordercontent {
    text-align: center;
}

.appname {
    font-size: 1.33333em;
    font-weight: bold;
    font-family: inherit;
    color: #800;
    white-space: nowrap;
}

.buttonbar {
    background-color: #EEE;
    background-repeat: no-repeat;
    color: #FFF;
    font-size: 1.0em;
    font-family: inherit;
    padding-bottom: 2px !important;
    padding-top: 2px !important;
    text-align: center;
}

.tinycoltbar {
    color: #CCC !important;
    font-size: 0.75em !important;
    font-family: inherit;
    background-color: #EEE;
    text-align: center;
    padding: 0px 4px 2px 4px;
}

.formname, h1 {
    background-color: #06C;
    color: #FFF;
    font-size: 1.333333em;
    font-family: inherit;
    font-weight: normal;
    padding: 1px 0px 0px 0px;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
}

    .formname.popupformname {
        font-size: 1.25em !important;
        padding: 4px 8px;
        text-transform: capitalize;
    }

    .formname.draggable {
        cursor: move;
        position: relative;
    }

.formnameRO {
    font-size: 1.33333em;
    font-family: inherit;
    color: #000;
    background-color: #FF0;
}

.subformname {
    font-size: 1.11em;
    font-weight: bold;
    font-family: inherit;
    color: #000;
    background-color: #EDEDED;
    width: 100%;
}

.sectionname {
    font-size: 1.125em;
    font-weight: normal;
    font-family: inherit;
    color: #FFF;
    background-color: #666;
    text-align: center;
    border-top: 1px solid #444;
    border-bottom: 1px solid #444;
    padding: 1px 1px 1px 1px;
}

.sectionnamebg {
    /*this is used to create a background like sectionname but does not contain a title*/
    font-size: 1.125em;
    font-weight: normal;
    font-family: inherit;
    color: #FFF;
    background-color: #666;
    text-align: center;
    border-top: 1px solid #444;
    border-bottom: 1px solid #444;
    padding: 1px 1px 1px 1px;
}

.subsectionname {
    font-size: 1.0em;
    font-weight: normal;
    font-style: italic;
    font-family: inherit;
    color: #000; /* #000; */
    background-color: #DDD; /* #EEE; */
    text-align: left;
    border-bottom: 1px solid #666;
    border-top: 1px solid #666;
    padding: 0px 5px 1px 5px;
}

.stdlbl {
    font-size: 1.0em;
    font-family: inherit;
    background-color: #FFF;
    text-align: right;
    white-space: nowrap;
}

.memolbl {
    vertical-align: top;
}

.translbl {
    background-color: transparent !important;
}

.hidlbl {
    visibility: hidden;
    display: none;
}

.toplbl {
    font-family: inherit;
    background-color: #FFF;
    white-space: nowrap;
    vertical-align: bottom;
}

.minilbl {
    font-size: 0.77em;
    font-family: inherit;
    font-style: italic;
    white-space: nowrap;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}

.buttonlbl {
    font-family: inherit;
    font-weight: bold;
    color: #FF0;
    text-align: center;
}

.linenumlnk {
    color: #00F;
    cursor: pointer;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
    text-align: right;
    white-space: nowrap;
}

.slisthdr {
    font-size: 1.1em;
    font-weight: bold;
    font-family: inherit;
    background-color: #CCC;
    text-align: center;
    padding-bottom: 2px;
    border-bottom: 1px solid #FFF;
    border-right: 1px solid #AAA;
    position: relative;
}

.listtitle {
    font-size: 2em;
    font-weight: normal;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
    padding-bottom: 3px;
}

.listhdr {
    font-size: 0.88em;
    font-family: inherit;
    font-weight: bold;
    border-left: 1px solid #FFF;
    padding: 2px 2px 2px 2px;
    text-align: center;
    vertical-align: bottom;
    background-color: #E6E6E6;
}

    .listhdr:last-child {
        border-right: 0px;
    }

.listrestr {
    background-color: #FFF; /*4.4.4017*/
    border-bottom: 1px solid #CCC;
    border-top: 1px solid #CCC;
    padding: 2px 3px !important;
    text-align: center;
    white-space: nowrap;
}

/*4.4.4017 alternating row color*/
table.altrow > tbody > tr:nth-child(even) {
    background-color: #F0F6FF !important; /*#EEE #EBEBEB*/
}

table.altrow > tbody > tr:nth-child(odd) {
    border-bottom: 1px solid #EEE !important; /*#EBEBEB*/
}

table.altrow tbody td.listcell {
    background-color: transparent !important;
    border-bottom: 1px solid #EEE;
}
/*#EBEBEB  none !important*/
table.altrow tbody td.listcellhi {
    border-bottom: 1px solid #DDD !important;
}

#tabsublist tbody tr:first-child td:nth-child(2) {
    border-top: 0px solid #CCC;
}

#tabsublist.altrow tbody td:nth-child(2) {
    border-bottom: 0px solid #CCC;
}

#tabsublist:not(.altrow) tbody td:nth-child(2) {
    border-bottom: 1px solid #CCC;
}

table.altrow td.listfooter {
    border-left: 1px solid #CCC;
    border-top: 1px solid #CCC;
}

.listcell {
    font-size: 1.0em;
    font-family: inherit;
    background-color: #FFF;
    text-align: left;
    border-bottom: solid #DDD 1px; /*4.4.4017 from #CCC*/
    border-right: solid #DDD 1px; /*4.4.4017 from #CCC*/
    padding: 1px 2px 1px 2px;
}

.listcellhi {
    font-size: 1.0em;
    font-family: inherit;
    background-color: #FFFFD7;
    text-align: left;
    border-bottom: solid #DDD 1px;
    border-top: solid #DDD 1px; /*4.4.4017*/
    border-right: solid #DDD 1px;
    padding: 1px 2px 1px 2px;
}

.listcellchecked {
    font-size: 1.0em;
    font-family: inherit;
    font-weight: normal;
    background-color: #FFFFD7;
    text-align: left;
    border-bottom: solid #DDD 1px !important;
    border-right: solid #DDD 1px !important;
    padding: 1px 2px 1px 2px;
}

.listcellcompact {
    padding: 4px;
}

.lb {
    border-left: solid #CCC 1px;
}

.listfooter {
    font-size: 1.0em;
    font-family: inherit;
    color: #C00 /*!important*/;
    background-color: #EEE;
    text-align: center;
    border-bottom: solid #CCC 1px;
    border-right: solid #DDD 1px;
}

.listminidtlfield {
    text-shadow: 0px 1px;
}

.sublisttitle {
    font-size: 1.5em;
    font-weight: normal;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
}

.currrow {
    background-color: #FFFFD7;
}

.listcellmt {
    background-color: #FFF;
    border-bottom: solid #CCC 1px;
    font-size: 1.0em;
    padding-left: 2px;
    padding-right: 2px;
}

#skipnavigationlinks {
    left: 60px;
    position: absolute;
    top: 12px;
    z-index: 100;
    display: none;
}

.sublisthdr {
    background-color: #CCC;
    border-left: 1px solid #FFF;
    border-right: 1px solid #AAA;
    font-family: inherit;
    font-size: 0.88em;
    font-weight: bold;
    padding-bottom: 1px;
    position: relative;
    text-align: center;
    vertical-align: bottom;
}

.sublistcell {
    font-size: 1.0em;
    border-right: solid #DDD 1px;
    padding-left: 2px;
    padding-right: 2px;
}

.stdfont {
    font-size: 1.0em;
    font-family: inherit;
}

.smallfont {
    font-size: 0.875em !important;
    font-family: inherit;
}

.smallerfont {
    font-size: 0.75em !important;
    font-family: inherit;
}

.seenotefont {
    font-family: inherit;
    font-size: 0.75em;
    font-style: italic;
    font-weight: normal;
}

.tabhdr {
    font-size: 1.166667em;
    font-family: inherit;
    font-weight: bold;
    background-color: #7EB2D6;
    text-align: center;
    vertical-align: bottom;
    border-bottom: 1px solid #408EC5;
    border-right: solid #7EB2D6 1px;
}

.tabgraphics {
    background-color: #FFF;
    margin-top: 0px;
}

.tabgraphicstable {
    width: 100%;
    background-color: #FFF;
    border: 0px;
    border-spacing: 1px;
    /*padding-top:5px;*/
}

.offline {
    font-weight: normal;
    font-family: inherit;
    background-color: #F90;
    text-align: center;
    white-space: nowrap;
    border: 2px solid #FFF;
}

.online {
    font-family: inherit;
    font-weight: normal;
    color: #FFF;
    background-color: #090;
    text-align: center;
    white-space: nowrap;
    border: 2px solid #FFF;
}

TD.tabbutton, SPAN.tabbutton, div.tabbutton {
    font-size: 1.0833333em;
    font-family: inherit;
    font-weight: bold;
    background-color: #DDD;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    height: 22px;
    border-right: 1px solid #999 !important;
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC !important;
    padding-left: 2px;
    padding-right: 2px;
    border-radius: 4px 4px 0px 0px;
}

TD.tabbuttoncurrent, SPAN.tabbuttoncurrent, div.tabbuttoncurrent {
    font-size: 1.0833333em;
    font-family: inherit;
    font-weight: bold;
    background-color: #06C;
    color: #FFF !important;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    height: 22px;
    border-right: 1px solid #06C !important;
    border-top: 1px solid #06C !important;
    border-left: 1px solid #06C !important;
    padding-left: 2px;
    padding-right: 2px;
    border-radius: 4px 4px 0px 0px;
}

TD.tabbuttonover, SPAN.tabbuttonover {
    font-size: 1.0833333em;
    font-family: inherit;
    font-weight: bold;
    color: #06C !important;
    background-color: #EEE;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    height: 22px;
    border-right: 1px solid #999 !important;
    border-top: 1px solid #CCC !important;
    border-left: 1px solid #FFF !important;
    padding-left: 2px;
    padding-right: 2px;
    border-radius: 4px 4px 0px 0px;
    background: linear-gradient(to bottom, #CCC, #FFF);
}

td.tabbutton > a {
    color: #000;
}

.reqd {
    border: 1px solid #C00 !important;
}

TD.reqd {
    border: solid #C00;
    border-width: 1px;
}

select:disabled {
    appearance: none;
    background-color: #EEE;
    border-color: #EEE;
    color: #000;
    padding: 1px 1px 1px 3px;
}

select.txtboxdisabled {
    appearance: none;
}

.optiondisabled {
    background-color: #EEE;
}

select option:disabled {
    background-color: #CCC;
    color: #C00;
}

.disabled {
    color: #000;
}

td.disabled {
    background-color: #EEE
}

textarea.txtboxdisabled {
    background-color: #EEE;
    border: 1px solid #EEE /*#BBB*/;
    border-radius: 3px;
    padding: 2px 1px;
}

.currentrow {
    font-size: 1.0em;
    font-family: inherit;
    font-weight: bold;
    color: #FFFFD7;
}

.tab {
    border-top: 0px solid #FFF;
}

div.tab > table > tbody > tr > td {
    padding: 1px;
}

.viewonly {
    background-color: #FCFC00;
}

.hidden {
    display: none;
    visibility: hidden;
}

.visible {
    display: inline;
    visibility: visible;
}

.actionmsg {
    font-size: 1.1666667em;
    font-weight: normal;
    font-family: inherit;
    color: #06C;
}

.infomsg {
    background-color: #FFFFE7;
    border: 1px solid #CCC;
    border-radius: 3px;
    font-family: inherit;
    font-size: 1.0em;
    padding: 1px;
}

.errmsg {
    font-size: 1.0em;
    font-family: inherit;
    font-weight: bold;
    color: #C00;
    background-color: #FFF;
    text-align: center;
    white-space: normal;
    border-top: 1px solid #CCC;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

.errmsginv {
    font-size: 1.0em;
    font-family: inherit;
    font-weight: normal;
    color: #FFF;
    background-color: #C00;
    text-align: center;
    white-space: normal;
    height: 1.22em;
    padding-bottom: 1px;
}

INPUT.greenplus {
    font-size: 2.22em;
    font-family: inherit;
    font-weight: bold;
    color: #090;
    text-align: center;
    position: relative;
    top: -0.2em;
    height: 0.875em;
    display: inline;
    overflow: hidden;
    background: transparent;
    border: 0px;
    padding: 0px;
    margin: 0px;
    cursor: pointer;
}

INPUT.redx {
    font-family: inherit;
    font-weight: bold;
    color: #C00;
    border: 0px;
    padding: 0px;
    margin: 0px;
    background: transparent;
    cursor: pointer;
}

.addnewstrip {
    background-color: #FFF;
    border-bottom: 0px solid #CCC;
    font-family: inherit;
    padding: 1px 3px !important;
    vertical-align: middle;
}

    .addnewstrip > img.greenplus {
        vertical-align: top !important;
    }

.addnewmsg {
    font-size: 1.11em;
    font-family: inherit;
    font-weight: bold;
    cursor: pointer;
}

    .addnewmsg:hover {
        color: #00F;
        text-decoration: underline;
    }

.activetab {
    font-size: 1.11em;
    font-family: inherit;
    background-color: #9FF;
}

.inactivetab {
    font-size: 1.11em;
    font-family: inherit;
    background-color: #CCC;
}

.tabactive {
    font-weight: bold;
    color: #06C;
}

.tabnormal {
    font-weight: normal;
    color: #000;
}

.node {
    font-size: 1.0em;
    font-family: inherit;
    color: #000;
}

    .node A:link {
        color: #00F;
        text-decoration: underline;
    }

    .node A:visited {
        color: #00F;
    }

    .node A:active {
        color: #00F;
        text-decoration: underline;
    }

    .node A:hover {
        color: #C00;
        text-decoration: underline;
    }

.nodedesc {
    font-size: 1.0em;
    font-family: inherit;
    color: #000;
}

.pseudolink {
    color: #00F;
    cursor: pointer;
    text-decoration: underline;
}

.popupmenu {
    font-size: 1.08333333em;
    background-color: #F8F8F8;
    border: solid 0px #F8F8F8;
    box-shadow: 3px 3px 5px #888;
    border: 1px solid transparent;
    border-radius: 0px 0px 5px 5px;
    border-left: 1px solid #CCC;
    position: absolute;
    display: none;
    z-index: 101;
}

.boxshadowie9 {
    border-right: solid 1px #666 !important;
    border-bottom: solid 1px #666 !important;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    display: none;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

td.menubutton {
    font-size: 1.0833333em;
    color: #000;
    border-right: 1px solid #666;
    padding: 2px 5px 3px 5px;
    cursor: default;
    background: linear-gradient(to bottom, #FFF,#CCC); /* Standard syntax (must be last) */
}

    td.menubutton:hover {
        color: #06C;
        background: linear-gradient(to bottom, #FFF,#EEE); /* Standard syntax (must be last) */
    }

.menu {
    font-size: 1.22em;
    font-family: inherit;
    color: #000 !important;
    background-color: #F8F8F8;
    position: absolute;
    top: 0;
    padding: 2px;
    white-space: nowrap;
    border-top: 3px solid transparent;
    border-left: 1px solid #CCC;
    box-shadow: 3px 3px 5px #888;
    border-radius: 0px 0px 5px 5px;
    display: none;
    z-index: 101;
}

    .menu a {
        font-size: 1.0em;
        font-family: inherit;
        color: #000 !important;
        background-color: #F8F8F8;
        text-decoration: none;
        white-space: nowrap;
        width: 100%;
        box-shadow: 3px 3px 5px #888;
        border-radius: 0px 0px 5px 5px;
    }

        .menu a:link {
            font-family: inherit;
            color: #000 !important;
            text-decoration: none;
            box-shadow: 3px 3px 5px #888;
            border-radius: 0px 0px 5px 5px;
        }

        .menu a:hover {
            font-family: inherit;
            color: #000 !important;
            text-decoration: underline;
            box-shadow: 3px 3px 5px #888;
            border-radius: 0px 0px 5px 5px;
        }

        .menu a:visited {
            color: #000 !important;
        }

        .menu a:active {
            font-family: inherit;
            color: #000 !important;
            text-decoration: none;
            box-shadow: 3px 3px 5px #888;
            border-radius: 0px 0px 5px 5px;
        }

.menuBar {
    background-color: #FFF;
}

.menuitem {
    font-size: 0.9166667em;
    font-family: inherit;
    font-weight: normal;
    color: #000 !important;
    background-color: #F8F8F8;
    text-decoration: none;
    white-space: nowrap;
    width: 100%;
    box-shadow: none;
    border-radius: 0px 0px 0px 0px;
    box-sizing: border-box;
    padding-left: 5px;
}

    .menuitem a {
        font-family: inherit;
        color: #000 !important;
        box-shadow: none;
        border-radius: 0px 0px 0px 0px;
    }

        .menuitem a:link {
            /*border:1px solid #F8F8F8;*/
            box-shadow: none;
            border-radius: 0px 0px 0px 0px;
        }

        .menuitem a:hover {
            color: #000 !important;
            background-color: #F8F8F8;
            text-decoration: underline;
            box-shadow: none;
            border-radius: 0px 0px 0px 0px;
        }

        .menuitem a:visited {
            box-shadow: none;
            border-radius: 0px 0px 0px 0px;
        }

        .menuitem a:active {
            font-family: inherit;
            color: #000 !important;
            background-color: #FFF;
            text-decoration: none;
            white-space: nowrap;
            box-shadow: none;
            border-radius: 0px 0px 0px 0px;
        }

.menuiteminactive {
    font-size: 0.9166667em;
    font-family: inherit;
    font-weight: normal;
    color: #AAA !important;
    background-color: #F8F8F8;
    text-decoration: none;
    white-space: nowrap;
    width: 100%;
    box-shadow: none;
    border-radius: 0px 0px 0px 0px;
    box-sizing: border-box;
    padding-left: 5px;
}

.menuitemgroup {
    font-size: 0.75em;
    font-style: italic;
    font-family: inherit;
    color: #000 !important;
    background-color: #CCC;
    text-decoration: none;
    margin-top: 3px;
    white-space: nowrap;
    cursor: default;
}

.menutab {
    position: absolute;
    border: 0;
    background-color: transparent;
    border-collapse: collapse;
    padding: 0;
}

.trigger a:link {
    color: #FFF;
    text-decoration: underline;
    white-space: nowrap;
}

.trigger a:hover {
    font-weight: bold;
    color: #06C;
    text-decoration: underline;
    white-space: nowrap;
}

.trigger a:visited {
    color: #FFF;
}

.trigger th {
    color: #FFF;
    font-size: 1.22em;
    font-family: inherit;
    font-weight: bold;
    white-space: nowrap;
}

.trigger {
    font-size: 1.22em;
    font-family: inherit;
    color: #000;
    background-color: #5E5E5E;
    text-align: center;
    padding: 0.2em;
    border-left-color: #FFF;
    border-left-width: thin;
    border-left-style: solid;
    white-space: nowrap;
    cursor: pointer;
}

TD.selected {
    font-size: 1.11em;
    font-family: inherit;
    color: #FFF;
    background-color: #0a246a;
    text-decoration: none
}

    TD.selected A:link {
        color: #FFF;
        text-decoration: none
    }

    TD.selected A:visited {
        color: #FFF;
    }

    TD.selected A:active {
        color: #FFF;
        text-decoration: none
    }

div.navbar {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    white-space: nowrap;
}

#navbartab {
    padding-bottom: 2px;
    text-align: center;
    width: 100%;
}

    #navbartab > tbody > tr > td {
        padding: 0px;
    }

div.navbartrain {
    background-color: #87BCE1;
    white-space: nowrap;
}

#navmnutabbg {
    background-color: #444;
}

#pgsubmenuitems {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align: center;
    width: 100%;
}

#pgsubsubmnudiv {
    border-top: 1px solid #CCC;
    display: none;
}

#pgsubsubmenuitems {
    position: relative;
}

.verinfo {
    font-size: 0.9em;
    color: #FFF;
    text-align: center;
    border-bottom: 0px solid #FFF;
}

.traininginfo {
    font-weight: bold;
    color: #000;
    background-color: #FFFFD7;
}

.tdnavlink {
    font-weight: bold;
    font-family: inherit;
    color: #CCC;
    text-align: center;
    width: 100px;
    white-space: nowrap;
    cursor: pointer;
}

.navlink, .menubuttongrid {
    font-size: 0.825em;
    font-weight: normal;
    font-family: inherit;
    color: #FFFFD7 !important;
    background-color: #444;
    text-align: center;
    text-transform: uppercase;
    border: 0px solid #666;
    margin: 2px;
    padding: 0px 5px 0px 5px;
    width: 96px;
    height: 24px;
    white-space: nowrap;
    cursor: pointer;
    transition: all 0.25s ease;
}

.navlinkover, .menubuttongridover {
    font-size: 0.825em;
    font-weight: normal;
    font-family: inherit;
    color: #000 !important;
    background-color: #F8F8F8;
    text-align: center;
    text-transform: uppercase;
    border: 0px solid #666;
    margin: 2px;
    padding: 0px 5px 0px 5px;
    cursor: pointer;
    width: 96px;
    height: 24px;
    white-space: nowrap;
    transition: all 0.25s ease;
}

.navlinkoveralt {
    font-size: 0.825em;
    font-weight: normal;
    font-family: inherit;
    color: #000 !important;
    background-color: #DDD;
    text-align: center;
    text-transform: uppercase;
    height: 24px;
    width: 96px;
    border: 0px solid #666;
    margin: 2px;
    padding: 0px 5px 0px 5px;
    white-space: nowrap;
    cursor: pointer;
}

.navlinklogoff {
    font-size: 0.825em;
    font-weight: normal;
    font-family: inherit;
    color: #FFFFD7;
    background-color: #444;
    text-align: center;
    text-transform: uppercase;
    width: 96px;
    height: 24px;
    border: 0px;
    margin: 2px;
    padding: 0px 5px 0px 5px;
    white-space: nowrap;
    cursor: pointer;
    transition: all 0.25s;
}

.navlinkoverlogoff {
    font-size: 0.825em;
    font-weight: normal;
    font-family: inherit;
    color: #FFD700;
    background-color: #C00;
    text-align: center;
    text-transform: uppercase;
    width: 96px;
    height: 24px;
    border: 0px;
    margin: 2px;
    padding: 0px 5px 0px 5px;
    white-space: nowrap;
    cursor: pointer;
    transition: all 0.25s;
}

.navlinkleftendcap {
    border: 1px solid #444;
    width: 5px;
}

.navlinkrightendcap {
    border: 1px solid #444;
    width: 5px;
}

.navmenu {
    font-family: inherit;
    background-color: #F8F8F8;
    border: 1px solid #F8F8F8;
    box-shadow: 3px 3px 5px #888;
    border-radius: 0px 5px 5px 5px;
    position: absolute;
    display: none;
    z-index: 150;
}

.navsubmenu {
    border-width: 0px 0px 0px 1px;
    border-left: 1px solid #CCC;
    z-index: 115;
}

.navmenuitem {
    font-size: 1em;
    font-weight: normal;
    font-family: inherit;
    color: #000 !important;
    text-align: left;
    background-color: #F8F8F8;
    border: 0px;
    padding: 1px 0px;
    margin: 0px;
    white-space: nowrap;
    cursor: pointer;
}

.navmenuitemanchor {
    color: #000 !important;
    font-size: 0.5em;
    font-weight: bold;
    text-align: right;
}

    .navmenuitemanchor:after {
        content: '\3009';
    }

.navmenuitemcheck {
    color: #090 !important;
    min-width: 1em;
}

    .navmenuitemcheck:after {
        content: '\2714\FE0E';
    }

.navmenusection {
    font-size: 1em;
    font-weight: normal;
    font-family: inherit;
    color: #000 !important;
    background-color: #F8F8F8;
    text-align: center;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
    margin: 0px;
    white-space: nowrap;
    cursor: default;
}

.navmenusectionname {
    display: inline-block;
    padding-top: 5px;
}

#navmnutabt, #optionsmnutabt {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    border-spacing: 12px;
    border-collapse: separate;
}

.navbgc {
    background-color: #F8F8F8;
}

.invertcolor {
    filter: invert(100%);
}

.dodwarning {
    border: 2px double black;
    font-size: 0.75em !important;
    margin: 0 auto;
    padding: 5px;
    text-align: left;
    width: 50%;
}
/*============================================*/
/*            Up Down Close Check
/*============================================*/
.closewindowx {
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    margin-right: 8px;
    padding: 0px;
}

    .closewindowx:after {
        content: "\00D7";
    }

.sectionname span.closewindowx {
    color: #FD7;
}

.downarrow {
    border-width: 0px;
    border-radius: 50%;
    color: #000;
    cursor: pointer;
    display: inline-block;
    text-align: center;
}

    .downarrow:after {
        content: "\25BC";
    }

.uparrow {
    border-width: 0px;
    border-radius: 50%;
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-size: 1.125em;
    height: 0.9375em; /*17px;*/
    margin: 2px 1px 1px 1px;
    padding: 0px 1px 1px 0px;
    text-align: center;
    width: 0.9375em; /*17px;*/
}

    .uparrow:after {
        content: "\25B2";
    }
/*============================================*/
/*             SPRITES                        */
/*============================================*/

.filtergifrestricted {
    vertical-align: text-bottom;
    border: 2px solid #C00;
    border-radius: 3px;
}

img.icon {
    margin: 0px 4px;
    cursor: pointer;
    width: 18px;
    height: 18px;
    vertical-align: bottom !important;
}

img.calendar {
    margin: 0px 0px;
}

.calendargif       {content:url('../images/shim1818.gif') !important;/*outline: none;*/margin:0px 0px;cursor:pointer;width:18px;height:18px;vertical-align: bottom !important;background:url('../images/AllImages18.png')    0px 0px no-repeat;}
.columnsgif        {content:url('../images/shim1818.gif') !important;/*outline: none;*/margin:0px 4px;cursor:pointer;width:18px;height:18px;vertical-align: text-bottom !important;background:url('../images/AllImages18.png')  -18px 0px no-repeat;}
.columnsdowngif    {content:url('../images/shim1818.gif') !important;/*outline: none;*/margin:0px 4px;cursor:pointer;width:18px;height:18px;vertical-align: text-bottom !important;background:url('../images/AllImages18.png')  -18px 0px no-repeat;}
.doccopygif        {content:url('../images/shim1818.gif') !important;/*outline: none;*/margin:0px 4px;cursor:pointer;width:18px;height:18px;vertical-align: text-bottom !important;background:url('../images/AllImages18.png')  -36px 0px no-repeat;}
.documentopengif   {content:url('../images/shim1818.gif') !important;/*outline: none;*/margin:0px 4px;cursor:pointer;width:18px;height:18px;vertical-align: text-bottom !important;background:url('../images/AllImages18.png')  -54px 0px no-repeat;}
.documentprintgif  {content:url('../images/shim1818.gif') !important;/*outline: none;*/margin:0px 4px;cursor:pointer;width:18px;height:18px;vertical-align: text-bottom !important;background:url('../images/AllImages18.png')  -72px 0px no-repeat;}
.filtergif         {content:url('../images/shim1818.gif') !important;/*outline: none;*/margin:0px 4px;cursor:pointer;width:18px;height:18px;vertical-align: text-bottom !important;background:url('../images/AllImages18.png')  -90px 0px no-repeat;}
.filteroffgif      {content:url('../images/shim1818.gif') !important;/*outline: none;*/margin:0px 4px;cursor:pointer;width:18px;height:18px;vertical-align: text-bottom !important;background:url('../images/AllImages18.png') -108px 0px no-repeat;}
.recfirstgif       {content:url('../images/shim1818.gif') !important;/*outline: none;*/margin:0px 4px;cursor:pointer;width:18px;height:18px;vertical-align: text-bottom !important;background:url('../images/AllImages18.png') -126px 0px no-repeat;}
.reclastgif        {content:url('../images/shim1818.gif') !important;/*outline: none;*/margin:0px 4px;cursor:pointer;width:18px;height:18px;vertical-align: text-bottom !important;background:url('../images/AllImages18.png') -144px 0px no-repeat;}
.recnextgif        {content:url('../images/shim1818.gif') !important;/*outline: none;*/margin:0px 4px;cursor:pointer;width:18px;height:18px;vertical-align: text-bottom !important;background:url('../images/AllImages18.png') -162px 0px no-repeat;}
.recprevgif        {content:url('../images/shim1818.gif') !important;/*outline: none;*/margin:0px 4px;cursor:pointer;width:18px;height:18px;vertical-align: text-bottom !important;background:url('../images/AllImages18.png') -180px 0px no-repeat;}
.refreshgif        {content:url('../images/shim1818.gif') !important;/*outline: none;*/margin:0px 4px;cursor:pointer;width:18px;height:18px;vertical-align: text-bottom !important;background:url('../images/AllImages18.png') -198px 0px no-repeat;}
.refreshdowngif    {content:url('../images/shim1818.gif') !important;/*outline: none;*/margin:0px 4px;cursor:pointer;width:18px;height:18px;vertical-align: text-bottom !important;background:url('../images/AllImages18.png') -198px 0px no-repeat;}
.savegif           {content:url('../images/shim1818.gif') !important;/*outline: none;*/margin:0px 4px;cursor:pointer;width:18px;height:18px;vertical-align: text-bottom !important;background:url('../images/AllImages18.png') -216px 0px no-repeat;}
.searchgif         {content:url('../images/shim1818.gif') !important;/*outline: none;*/margin:0px 4px;cursor:pointer;width:18px;height:18px;vertical-align: text-bottom !important;background:url('../images/AllImages18.png') -234px 0px no-repeat;}
.searchsmallgif    {content:url('../images/shim1818.gif') !important;/*outline: none;*/margin:0px 4px;cursor:pointer;width:18px;height:18px;vertical-align: text-bottom !important;background:url('../images/AllImages18.png') -234px 0px no-repeat;}
.helpqmgif         {content:url('../images/shim1818.gif') !important;/*outline: none;*/margin:0px 4px;cursor:pointer;width:18px;height:18px;vertical-align: middle !important;background:url('../images/AllImages18.png') -252px 0px no-repeat;}
.infogif           {content:url('../images/shim1818.gif') !important;/*outline: none;*/margin:0px 4px;cursor:pointer;width:18px;height:18px;vertical-align: middle !important;background:url('../images/AllImages18.png') -252px 0px no-repeat;}
.assetloggif       {content:url('../images/shim1818.gif') !important;/*outline: none;*/margin:0px 4px;cursor:pointer;width:18px;height:18px;vertical-align: text-bottom !important;background:url('../images/AllImages18.png') -270px 0px no-repeat;}
.optionsgif        {content:url('../images/shim1818.gif') !important;/*outline: none;*/margin:0px 4px;cursor:pointer;width:18px;height:18px;vertical-align:middle !important;background:url('../images/AllImages18.png') -288px 0px no-repeat;}
.optionsblackgif   {content:url('../images/shim1818.gif') !important;/*outline: none;*/margin:0px 4px;cursor:pointer;width:18px;height:18px;vertical-align:middle !important;filter:invert(100%);background:url('../images/AllImages18.png') -288px 0px no-repeat;}
.noticesemptygifx  {content:url('../images/shim1818.gif') !important;/*outline: none;*/margin:0px 4px;cursor:default !important;width:18px;height:18px;vertical-align:middle !important;background:url('../images/AllImages18.png') -306px 0px no-repeat;}
.noticesfullgifx   {content:url('../images/shim1818.gif') !important;/*outline: none;*/margin:0px 4px;cursor:pointer;width:18px;height:18px;vertical-align:middle !important;background:url('../images/AllImages18.png') -324px 0px no-repeat;}
.openwingifx       {content:url('../images/shim1818.gif') !important;/*outline: none;*/margin:0px 4px;cursor:pointer;width:18px;height:18px;vertical-align: text-bottom !important;background:url('../images/AllImages18.png') -342px 0px no-repeat;}
.openwingif        {content:url('../images/shim1818.gif') !important;/*outline: none;*/margin:0px 4px;cursor:pointer;width:18px;height:18px;vertical-align: text-bottom !important;background:url('../images/AllImages18.png') -360px 0px no-repeat;}
.linkarrow         {content:url('../images/shim1818.gif') !important;/*outline: none;*/margin:0px 4px;cursor:pointer;width:18px;height:18px;vertical-align: text-bottom !important;background:url('../images/AllImages18.png') -378px 0px no-repeat;}
.docdisplaygif     {content:url('../images/shim1818.gif') !important;/*outline: none;*/margin:0px 4px;cursor:pointer;width:18px;height:18px;vertical-align: text-bottom !important;background:url('../images/AllImages18.png') -396px 0px no-repeat;}
.taglabel          {content:url('../images/shim1818.gif') !important;/*outline: none;*/margin:0px 4px;cursor:pointer;width:18px;height:18px;vertical-align: text-bottom !important;background:url('../images/AllImages18.png') -414px 0px no-repeat;}
.envelopegif       {content:url('../images/shim1818.gif') !important;/*outline: none;*/margin:0px 4px;cursor:pointer;width:18px;height:18px;vertical-align: text-bottom !important;background:url('../images/AllImages18.png') -432px 0px no-repeat;}
.noticesemptygif   {content:url('../images/shim1818.gif') !important;/*outline: none;*/margin:0px 4px;cursor:default !important;width:18px;height:18px;vertical-align:middle !important;background:url('../images/AllImages18.png') -450px 0px no-repeat;}
.noticesfullgif    {content:url('../images/shim1818.gif') !important;/*outline: none;*/margin:0px 4px;cursor:pointer;width:18px;height:18px;vertical-align:middle !important;background:url('../images/AllImages18.png') -468px 0px no-repeat;}
.hidexgif          {content:url('../images/shim1818.gif') !important;/*outline: none;*/margin:0px 4px;cursor:pointer;width:18px;height:18px;vertical-align: text-bottom !important;background:url('../images/AllImages18.png') -486px 0px no-repeat;}
.savedisabledgif   {content:url('../images/shim1818.gif') !important;/*outline: none;*/margin:0px 4px;width:18px;height:18px;vertical-align: text-bottom !important;background:url('../images/AllImages18.png') -504px 0px no-repeat;}
.hidexblackgif     {content:url('../images/shim1818.gif') !important;/*outline: none;*/margin:0px 4px;cursor:pointer;width:18px;height:18px;vertical-align: text-bottom !important;background:url('../images/AllImages18.png') -522px 0px no-repeat;}
.greenplus         {content:url('../images/shim1818.gif') !important;/*outline: none;*/margin:0px 4px;cursor:pointer;width:18px;height:18px;vertical-align: baseline !important;background:url('../images/AllImages18.png') -540px 0px no-repeat;}
.infogblackif      {content:url('../images/shim1818.gif') !important;/*outline: none;*/margin:0px 4px;cursor:pointer;width:18px;height:18px;vertical-align: text-bottom !important;background:url('../images/AllImages18.png') -558px 0px no-repeat;}
.helpqmblackif     {content:url('../images/shim1818.gif') !important;/*outline: none;*/margin:0px 4px;cursor:pointer;width:18px;height:18px;vertical-align: text-bottom !important;background:url('../images/AllImages18.png') -558px 0px no-repeat;}
.placeholdergif    {content:url('../images/shim1818.gif') !important;/*outline: none;*/margin:0px 4px;cursor:default;width:18px;height:18px;vertical-align: text-bottom !important;background:url('../images/AllImages18.png') -558px 0px no-repeat;}
.bluebookgif       {content:url('../images/shim1818.gif') !important;/*outline: none;*/margin:0px 4px;cursor:pointer;width:18px;height:18px;vertical-align: text-bottom !important;background:url('../images/AllImages18.png') -576px 0px no-repeat;}
.sortgif           {content:url('../images/shim1818.gif') !important;/*outline: none;*/margin:0px 4px;cursor:pointer;width:18px;height:18px;vertical-align: text-bottom !important;background:url('../images/AllImages18.png') -594px 0px no-repeat;}
.bookgif           {content:url('../images/shim1818.gif') !important;/*outline: none;*/margin:0px 4px;cursor:pointer;width:18px;height:18px;vertical-align: text-bottom !important;background:url('../images/AllImages18.png') -612px 0px no-repeat;}
.infogifonblue     {content:url('../images/shim1818.gif') !important;/*outline: none;*/margin:0px 4px;cursor:pointer;width:18px;height:18px;vertical-align: text-bottom !important;background:url('../images/AllImages18.png') -630px 0px no-repeat;}
.redx              {content:url('../images/shim1818.gif') !important;/*outline: none;*/margin:0px 4px;cursor:pointer;width:18px;height:18px;vertical-align: text-bottom !important;background:url('../images/AllImages18.png') -648px 0px no-repeat;}
.redxout           {content:url('../images/shim1818.gif') !important;/*outline: none;*/margin:0px 4px 0px -22px;cursor:pointer;width:18px;height:18px;vertical-align: text-bottom !important;background:url('../images/AllImages18.png') -648px 0px no-repeat;}
.grayx             {content:url('../images/shim1818.gif') !important;/*outline: none;*/margin:0px 4px;cursor:pointer;width:18px;height:18px;vertical-align: text-bottom !important;background:url('../images/AllImages18.png') -666px 0px no-repeat;}
.undo              {content:url('../images/shim1818.gif') !important;/*outline: none;*/margin:0px 4px;cursor:pointer;width:18px;height:18px;vertical-align:bottom !important;background:url('../images/AllImages18.png') -684px 0px no-repeat;}
.redo              {content:url('../images/shim1818.gif') !important;transform:rotateY(180deg);margin:0px 4px;cursor:pointer;width:18px;height:18px;vertical-align:bottom !important;background:url('../images/AllImages18.png') -684px 0px no-repeat;}
.closewingif       {content: url('../images/shim1818.gif') !important; /*outline: none;*/margin: 0px 4px;cursor: pointer;width: 18px;height: 18px;vertical-align: text-bottom !important;background: url('../images/AllImages18.png') -702px 0px no-repeat;}
.excelgif          {content: url('../images/shim1818.gif') !important; /*outline: none;*/margin: 0px 4px;cursor: pointer;width: 18px;height: 18px;vertical-align: text-bottom !important;background: url('../images/AllImages18.png') -720px 0px no-repeat;}
.importgif         {content: url('../images/shim1818.gif') !important; /*outline: none;*/margin: 0px 4px;cursor: pointer;width: 18px;height: 18px;vertical-align: text-bottom !important;background: url('../images/AllImages18.png') -738px 0px no-repeat;}
.exportgif         {content: url('../images/shim1818.gif') !important; /*outline: none;*/margin: 0px 4px;cursor: pointer;width: 18px;height: 18px;vertical-align: text-bottom !important;background: url('../images/AllImages18.png') -756px 0px no-repeat;}
.uidgif            {content: url('../images/shim1818.gif')!important;outline:none;margin:0px 4px;cursor:pointer;width: 18px;height:18px;vertical-align:text-bottom !important;background:url('../images/AllImages18.png') -774px 0px no-repeat;}
.rfidgif           {content: url('../images/shim1818.gif')!important;outline:none;margin:0px 4px;cursor:pointer;width: 18px;height:18px;vertical-align:text-bottom !important;background:url('../images/AllImages18.png') -792px 0px no-repeat;}
.combine           {content: url('../images/shim1818.gif')!important;outline:none;margin:0px 4px;cursor:pointer;width: 18px;height:18px;vertical-align:text-bottom !important;background:url('../images/AllImages18.png') -810px 0px no-repeat;}
.split             {content: url('../images/shim1818.gif')!important;outline:none;margin:0px 4px;cursor:pointer;width: 18px;height:18px;vertical-align:text-bottom !important;background:url('../images/AllImages18.png') -828px 0px no-repeat;}
.warninggif        {content: url('../images/shim1818.gif')!important;outline:none;margin:0px 4px;cursor:pointer;width: 18px;height:18px;vertical-align:text-bottom !important;background:url('../images/AllImages18.png') -846px 0px no-repeat;}
.docprintsmallgif  {content:url('../images/shim1818.gif') !important;/*outline: none;*/margin:0px 4px;cursor:pointer;width:18px;height:18px;vertical-align: text-bottom !important;background:url('../images/AllImages18.png') -864px 0px no-repeat;}
.eyeshow           {content: url('../images/shim1818.gif') !important;/*outline: none;*/margin:0px 4px;cursor:pointer;width:18px;height:18px;vertical-align: text-bottom !important;background:url('../images/AllImages18.png') -882px 0px no-repeat;}
.eyehide           {content: url('../images/shim1818.gif') !important;/*outline: none;*/margin:0px 4px;cursor:pointer;width:18px;height:18px;vertical-align: text-bottom !important;background:url('../images/AllImages18.png') -900px 0px no-repeat;}

/*============================================*/
/*             CALENDAR CONTROL               */
/*============================================*/
#CalendarControlIFrame {
    left: 0px;
    top: 0px;
    border-radius: 0px 0px 5px 5px;
    position: absolute;
    display: none;
    z-index: 99;
}

#CalendarControl {
    background-color: #FFF;
    margin: 0;
    padding: 0px 0px 3px 0px;
    border-top: 1px solid #EEE;
    border-radius: 0px 0px 5px 5px;
    box-shadow: 3px 3px 5px #888;
    position: absolute;
    display: none;
    z-index: 100;
}

    #CalendarControl table {
        font-size: 0.95em;
        border-top: 0px solid #FFF;
        border-left: 1px solid #EEE;
        border-right: 1px solid transparent;
        border-radius: 0px 0px 5px 5px;
    }

    #CalendarControl th {
        font-weight: normal;
    }

        #CalendarControl th a {
            font-weight: normal;
            color: #FFF;
            text-decoration: none;
            padding: 1px;
        }

    #CalendarControl td {
        text-align: center;
    }

    #CalendarControl .header {
        background-color: #06C;
        color: #FFF;
    }

    #CalendarControl .footer {
        color: #000;
        background-color: #FFF;
    }

    #CalendarControl .weekday {
        color: #06C;
        background-color: #FFF;
    }

    #CalendarControl .weekend {
        color: #06C;
        background-color: #FFF;
    }

    #CalendarControl .current {
        font-weight: normal;
        color: #FFF !important;
        background-color: #06C;
        border: 0px solid #333 !important;
    }

    #CalendarControl .weekday,
    #CalendarControl .weekend,
    #CalendarControl .current {
        display: block;
        text-decoration: none;
        border: 1px solid #FFF;
        width: 2em;
    }

        #CalendarControl .weekday:hover,
        #CalendarControl .weekend:hover,
        #CalendarControl .current:hover {
            border: 1px solid #999;
        }

    #CalendarControl .previous {
        text-align: left;
    }

    #CalendarControl .next {
        text-align: right;
    }

    #CalendarControl .previous,
    #CalendarControl .next {
        font-size: 1.0em;
        padding: 1px 3px 1px 3px;
    }

        #CalendarControl .previous a,
        #CalendarControl .next a {
            font-weight: bold;
            color: #FFF !important;
            text-decoration: none;
        }

    #CalendarControl .title {
        background-color: #06C;
        font-weight: normal;
        color: #FFF;
        text-align: center;
        text-transform: uppercase;
    }

    #CalendarControl .empty {
        background-color: #FFF;
        border-right: 1px solid #FFF;
        border-bottom: 1px solid #FFF;
    }
/*=======================================
            NEW COLTS MENU
  =======================================*/
#entiremenuwrapper {
    background-color: #EEE;
    border-color: #EEE;
    border-style: solid;
    border-width: 0px 0px;
}

#entiremenu {
    background-color: #EEE;
    height: 99vh;
    margin: 0 auto;
    max-width: 1366px; /*1024px;*/
    width: 99vw;
}
/*-------------------------------------
  Page Lock and Spinner
  -------------------------------------*/
#pagelockmsg {
    color: #888;
    display: block;
    font-size: 32px;
    margin-top: 15%;
    text-align: center;
}

@keyframes spinner {
    to {
        transform: rotate(360deg);
    }
}

.spinner {
    min-width: 30px;
    min-height: 30px;
}

    .spinner:before {
        content: 'Loading…';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 64px;
        height: 64px;
        margin-top: -13px;
        margin-left: -13px;
    }

    .spinner:not(:required):before {
        content: '';
        border-radius: 50%;
        border: 3px solid #EEE;
        border-top-color: #C00;
        animation: spinner .6s linear infinite;
    }
/*-------------------------------------
  Restrictions Popup
  -------------------------------------*/
#restrictionspopupdiv {
    background-color: #FFF;
    border-radius: 5px;
    box-shadow: 00px 00px 30px #999999;
    display: none;
    padding: 0em 1em;
    position: absolute;
    z-index: 100;
}

#restrictionspopuptitle:after {
    content: "Restrictions";
}

#restrictionspopuptabstrip {
    margin: 4px 0px;
}

#restrictionspopuptab tr:last-child td {
    border-bottom-width: 0px;
}

#restrictionspopuptab td:last-child {
    padding-left: 5px;
}

#restrictionspopuptabstrip td {
    min-width: 4em;
    display: inline-block;
}

input.restrictionspopuptxtbox {
    height: 1.25em;
    margin: 0.5em;
    width: 15em;
}

select.restrictionspopuptxtbox {
    height: 1.5em;
    margin: 0.5em;
}

table.restrictionspopupcmd {
    width: 100%;
}

    table.restrictionspopupcmd td {
        border-top: 1px solid #DDD;
        color: #06F !important;
        cursor: pointer;
        padding: 8px 0px;
        text-align: center;
        text-transform: uppercase;
        width: 33%;
    }

        table.restrictionspopupcmd td:nth-child(-n+2) {
            border-right: 1px solid #DDD;
        }
b