html {
    overflow-y: scroll;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
body {
    z-index: 1;
    color: black;
    background-color: #ffffff;
    font-family: arial, helvetica, sans-serif;
    font-size: inherit;
    line-height: inherit;
    margin: .5em auto;
    padding: 0 8px;
    /*max-width: 80em;*/
    max-width: 100em;
}
input, select, textarea { 
    font-family: inherit;
} 
img, object, video {
    max-width: 100%;
    border-style:none;
}
textarea {
    resize:both;
}
a {
    outline:none;
    overflow:hidden;
    text-decoration:none;
}
fieldset legend {
    font-style:normal;
}
label { 
    cursor: pointer; 
}
/*
input, textarea {
    font-size: .9em;
}
select {
    font-size:.9em;
}
select[multiple] {
    font-size:.9em;
}
*/
hr {
    border:none;
    border-top:1px solid;
    height:1px;
    margin: 0.5em auto 0.5em auto;
}
code {
    padding: 2px 7px;
    font: .875em/1.4 Inconsolata,Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;
    color: black;
    white-space: normal;
    background-color: #f8f8f8;
    border: 1px solid #eaeaea;
    border-radius: 4px;
}

i.password-toggle-icon {
    margin-left: -30px;
    cursor: pointer;
}

.SectionBar {
    COLOR: white;
    BACKGROUND-COLOR: #336699;
}

.Instruction {
    COLOR: black;
}

.TabNoSelect {
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    BACKGROUND-COLOR: #336699;
    TEXT-DECORATION: none;
}

.TabSelect {
    COLOR: #ffffff;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    BACKGROUND-COLOR: #336699;
    TEXT-DECORATION: none;
}

.Header {
    BACKGROUND-COLOR: white;
}

.Footer {
    BACKGROUND-COLOR: #ffffff;
    text-align: center;
}

.FooterCompany {
    FONT-SIZE: smaller;
}

.FooterCopyright {
    COLOR: #cccccc;
    font-size: x-small;
    font-style: italic;
}

.FooterPolicy {
    FONT-SIZE: smaller;
    FONT-STYLE: italic;
}

.Logo {
    COLOR: black;
}

.TabList {
    COLOR: black;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
}

.TabSample {
    COLOR: white;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    BACKGROUND-COLOR: #336699;
    TEXT-DECORATION: none;
}

.TabHomeSelect {
    COLOR: #ffffff;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    BACKGROUND-COLOR: #336699;
    TEXT-DECORATION: none;
    line-height: .66em;
    height: .66em;
}

.TabHomeNoSelect {
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    BACKGROUND-COLOR: #cccccc;
    TEXT-DECORATION: none;
    line-height: .66em;
    height: .66em;
}

.TabSendSelect {
    COLOR: #ffffff;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    BACKGROUND-COLOR: #336699;
    TEXT-DECORATION: none;
    line-height: .66em;
    height: .66em;
}

.TabSendNoSelect {
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    BACKGROUND-COLOR: #cccccc;
    TEXT-DECORATION: none;
    line-height: .66em;
    height: .66em;
}

.TabJobsSelect {
    COLOR: #ffffff;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    BACKGROUND-COLOR: #336699;
    TEXT-DECORATION: none;
    line-height: .66em;
    height: .66em;
}

    .TabJobsSelect a {
        line-height: .66em;
        height: .66em;
    }

.TabJobsNoSelect {
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    BACKGROUND-COLOR: #cccccc;
    TEXT-DECORATION: none;
    line-height: .66em;
    height: .66em;
}

.TabMyAccountNoSelect {
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    BACKGROUND-COLOR: #cccccc;
    TEXT-DECORATION: none;
    line-height: .66em;
    height: .66em;
}

.TabMyAccountSelect {
    COLOR: #ffffff;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    BACKGROUND-COLOR: #336699;
    TEXT-DECORATION: none;
    line-height: .66em;
    height: .66em;
}

.TabLogoutSelect {
    COLOR: #ffffff;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    BACKGROUND-COLOR: #336699;
    TEXT-DECORATION: none;
    line-height: .66em;
    height: .66em;
}

.TabLogoutNoSelect {
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    BACKGROUND-COLOR: #cccccc;
    TEXT-DECORATION: none;
    line-height: .66em;
    height: .66em;
}

.TabLink {
    COLOR: white;
    FONT-FAMILY: Sans-Serif;
    TEXT-DECORATION: none;
}

.Login {
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    BACKGROUND-COLOR: #ffffcc;
}

.TabHomeName {
    DISPLAY: none;
    COLOR: white;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    BACKGROUND-COLOR: white;
    TEXT-DECORATION: none;
}

.TabSendName {
    DISPLAY: none;
    COLOR: white;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    BACKGROUND-COLOR: white;
    TEXT-DECORATION: none;
}

.TabJobsName {
    DISPLAY: none;
    COLOR: white;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    BACKGROUND-COLOR: white;
    TEXT-DECORATION: none;
}

.TabMyAccountName {
    DISPLAY: none;
    COLOR: white;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    BACKGROUND-COLOR: white;
    TEXT-DECORATION: none;
}

.TabLogoutName {
    DISPLAY: none;
    COLOR: #ffffff;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    BACKGROUND-COLOR: white;
}

.PageLine {
    BACKGROUND-COLOR: #ffdead;
}

.RowColor {
    BACKGROUND-COLOR: #cccccc;
}

.Input {
    BACKGROUND-COLOR: #f5f5f5;
}

.NavList {
    COLOR: black;
}

    .NavList div a:hover {
        text-decoration: underline;
    }

    .NavList div a {
        text-decoration: none;
    }

    .NavList div a.selected {
        text-decoration: none;
    }

    .NavList div a:link.selected {
        color:black;
    }

.Important {
    BORDER-RIGHT: #ff0000 1px outset;
    BORDER-TOP: #ff0000 1px outset;
    FONT-WEIGHT: bolder;
    FONT-SIZE: 1em;
    BACKGROUND-IMAGE: url(/images/StockImages/button-fog.gif);
    BORDER-LEFT: #ff0000 1px outset;
    BORDER-BOTTOM: #ff0000 1px outset;
}

.Highlight {
    BORDER-RIGHT: black 2px solid;
    BORDER-TOP: black 2px solid;
    FONT-WEIGHT: bolder;
    FONT-SIZE: 14px;
    MARGIN: 1px;
    BORDER-LEFT: black 2px solid;
    CURSOR: pointer;
    BORDER-BOTTOM: black 2px solid;
    BACKGROUND-COLOR: #adff2f;
}

.Bullet {
    FONT-FAMILY: Symbol;
}

.OrderFormPrompt {
    FLOAT: left;
}

.OrderFormInvThumb {
    FLOAT: right;
    MARGIN-RIGHT: 0.5em;
}

.OrderFormInvDetails {
    FONT-SIZE: 0.75em;
    MARGIN-LEFT: 0.5em;
}

.OrderFormInvCustID {
    FONT-SIZE: 0.75em;
}

.RequiredHighlight {
    FONT-SIZE: 1.5em;
    COLOR: #ff0000;
}

.HiddenRow {
    DISPLAY: none;
}



.HR {
    BORDER-RIGHT: medium none;
    BORDER-TOP: 6px;
    FONT-SIZE: 6px;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: medium none;
    BACKGROUND-COLOR: transparent;
}

.Browse {
    BORDER-RIGHT: gray 1px solid;
    BORDER-TOP: gray 1px solid;
    FONT-SIZE: 14px;
    BORDER-LEFT: gray 1px solid;
    CURSOR: pointer;
    BORDER-BOTTOM: gray 1px solid;
    BACKGROUND-COLOR: #f5f5f5;
}

.Space {
    FONT-SIZE: 40px;
    BACKGROUND-COLOR: transparent;
}

.Proof {
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-WEIGHT: bolder;
    FONT-SIZE: 12px;
    BACKGROUND-IMAGE: url(images/btn/bg-proof.gif);
    BORDER-LEFT: black 1px solid;
    CURSOR: pointer;
    BORDER-BOTTOM: black 1px solid;
    BACKGROUND-COLOR: #ffffe0;
}

.pdMJView {
    BORDER-RIGHT: gray 1px solid;
    BORDER-TOP: gray 1px solid;
    FONT-WEIGHT: 600;
    BORDER-LEFT: gray 1px solid;
    COLOR: black;
    BORDER-BOTTOM: gray 1px solid;
}

.bgMJView {
    BORDER-RIGHT: thin;
    PADDING-RIGHT: 2px;
    BORDER-TOP: thin;
    PADDING-LEFT: 4px;
    FONT-SIZE: 12pt;
    PADDING-BOTTOM: 4px;
    BORDER-LEFT: thin;
    COLOR: black;
    PADDING-TOP: 4px;
    BORDER-BOTTOM: thin;
    BACKGROUND-COLOR: white;
}

.bgSection {
    BACKGROUND-COLOR: #fffafa;
}

.btnAttachSend {
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-WEIGHT: bolder;
    FONT-SIZE: 14px;
    BACKGROUND-IMAGE: url(images/btn/bg-send.gif);
    BORDER-LEFT: black 1px solid;
    CURSOR: pointer;
    COLOR: black;
    BORDER-BOTTOM: black 1px solid;
    BACKGROUND-COLOR: #adff2f;
}

.btnMJCol {
    BORDER-RIGHT: silver 1px solid;
    PADDING-RIGHT: 2px;
    BORDER-TOP: black 2px solid;
    PADDING-LEFT: 2px;
    FONT-WEIGHT: bolder;
    FONT-SIZE: 11px;
    BACKGROUND-IMAGE: url(images/btn/bg-col.gif);
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: silver 1px solid;
    COLOR: black;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: gray 1px;
    BACKGROUND-COLOR: #f0f8ff;
    TEXT-ALIGN: center;
}

.btnMJDwnld {
    BORDER-RIGHT: black 2px outset;
    BORDER-TOP: black 1px solid;
    FONT-SIZE: 12px;
    BACKGROUND-IMAGE: url(images/btn/bg-send.gif);
    BORDER-LEFT: black 1px solid;
    WIDTH: 200px;
    CURSOR: pointer;
    COLOR: black;
    BORDER-BOTTOM: black 2px solid;
    BACKGROUND-COLOR: #adff2f;
    TEXT-ALIGN: center;
}

.btnMJFaves {
    BORDER-RIGHT: red 1px outset;
    BORDER-TOP: red 1px outset;
    FONT-SIZE: 8px;
    BACKGROUND-IMAGE: url(images/btn/bg-nav.gif);
    BORDER-LEFT: red 1px outset;
    CURSOR: pointer;
    COLOR: black;
    BORDER-BOTTOM: red 1px outset;
}

.btnMJFileDel {
    BORDER-RIGHT: red 2px outset;
    BORDER-TOP: red 1px outset;
    FONT-SIZE: 12px;
    BACKGROUND-IMAGE: url(images/btn/bg-proof.gif);
    BORDER-LEFT: red 1px outset;
    WIDTH: 200px;
    CURSOR: pointer;
    COLOR: black;
    BORDER-BOTTOM: red 2px outset;
    BACKGROUND-COLOR: yellow;
    TEXT-ALIGN: center;
}

.btnMJNotes {
    BORDER-RIGHT: 2px solid;
    BORDER-TOP: 1px solid;
    FONT-SIZE: 12px;
    BORDER-LEFT: 1px solid;
    CURSOR: pointer;
    COLOR: black;
    BORDER-BOTTOM: 2px solid;
    BACKGROUND-COLOR: #e5e5e5;
}

.btnMJSort {
    BORDER-RIGHT: silver 1px solid;
    BORDER-TOP: 1px;
    FONT-SIZE: 11px;
    BORDER-LEFT: silver 1px solid;
    CURSOR: pointer;
    COLOR: black;
    BORDER-BOTTOM: black 2px solid;
    BACKGROUND-COLOR: #d2d8db;
    TEXT-ALIGN: center;
}

.btnNav {
    BORDER-RIGHT: gray 2px outset;
    BORDER-TOP: gray 1px outset;
    FONT-SIZE: 12px;
    BACKGROUND-IMAGE: url(images/btn/bg-nav.gif);
    BORDER-LEFT: gray 1px outset;
    CURSOR: pointer;
    COLOR: black;
    BORDER-BOTTOM: gray 2px outset;
}

.SendFileNote {
    BORDER-RIGHT: black 1px;
    PADDING-RIGHT: 3px;
    BORDER-TOP: black 1px;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 3px;
    BORDER-LEFT: black 1px;
    COLOR: #a9a9a9;
    PADDING-TOP: 3px;
    BORDER-BOTTOM: black 1px;
    BACKGROUND-COLOR: #f5f5f5;
}

.SendFile {
    BORDER-RIGHT: lightgrey 2px solid;
    BORDER-TOP: lightgrey 2px solid;
    PADDING-LEFT: 4px;
    PADDING-BOTTOM: 4px;
    BORDER-LEFT: lightgrey 2px solid;
    COLOR: black;
    PADDING-TOP: 4px;
    BORDER-BOTTOM: lightgrey 2px solid;
    BACKGROUND-COLOR: white;
}

.btnSend {
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-WEIGHT: bolder;
    FONT-SIZE: 14px;
    BACKGROUND-IMAGE: url(images/btn/bg-send.gif);
    BORDER-LEFT: black 1px solid;
    CURSOR: pointer;
    COLOR: black;
    BORDER-BOTTOM: black 1px solid;
    BACKGROUND-COLOR: #adff2f;
}

.tab {
    FONT-SIZE: 50%;
    FLOAT: left;
    MARGIN-LEFT: auto;
    VERTICAL-ALIGN: bottom;
    WIDTH: 100%;
    LINE-HEIGHT: normal;
    MARGIN-RIGHT: auto;
}

    .tab ul {
        PADDING-RIGHT: 0px;
        PADDING-LEFT: 0px;
        PADDING-BOTTOM: 0px;
        MARGIN: 0px auto;
        WIDTH: 95%;
        PADDING-TOP: 0px;
        LIST-STYLE-TYPE: none;
    }

    .tab li {
        BACKGROUND: url(images/tabs/tab_r_Oval000000_FFFFFF.gif) #cccccc no-repeat right top;
        FLOAT: left;
        MARGIN: 0px;
        BORDER-BOTTOM: #336699 3px solid;
    }

    .tab a {
        FONT-WEIGHT: bolder;
        BACKGROUND: url(images/tabs/tab_l_Oval000000_FFFFFF.gif) no-repeat left top;
        COLOR: #ffffff;
        FLOAT: none;
    }

        .tab a:link {
            PADDING-RIGHT: 25px;
            PADDING-LEFT: 25px;
            BACKGROUND: url(images/tabs/tab_l_Oval000000_FFFFFF.gif) no-repeat left top;
            PADDING-BOTTOM: 1px;
            COLOR: #ffffff;
            PADDING-TOP: 1px;
        }

        .tab a:visited {
            PADDING-RIGHT: 25px;
            PADDING-LEFT: 25px;
            BACKGROUND: url(images/tabs/tab_l_Oval000000_FFFFFF.gif) no-repeat left top;
            PADDING-BOTTOM: 1px;
            COLOR: #ffffff;
            PADDING-TOP: 1px;
        }

        .tab a:hover {
            PADDING-RIGHT: 25px;
            PADDING-LEFT: 25px;
            BACKGROUND: url(images/tabs/tab_l_Oval000000_FFFFFF.gif) no-repeat left top;
            PADDING-BOTTOM: 1px;
            COLOR: #ffffff;
            PADDING-TOP: 1px;
        }

    .tab .current {
        BACKGROUND: url(images/tabs/tab_r_Oval000000_FFFFFF.gif) #336699 no-repeat right top;
    }

        .tab .current a {
            COLOR: #000000;
        }

            .tab .current a:link {
                COLOR: #000000;
            }

            .tab .current a:visited {
                COLOR: #000000;
            }

            .tab .current a:hover {
                COLOR: #000000;
            }

    .tab .disabled {
        FONT-WEIGHT: normal;
        TEXT-DECORATION: line-through;
    }

.selection {
    FLOAT: left;
    WIDTH: 100%;
}

.icon {
    BORDER-RIGHT: 0px outset;
    BORDER-TOP: 0px outset;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: 0px outset;
    BORDER-BOTTOM: 0px outset;
}

.Cancel {
    FONT-SIZE: 1em;
}

.Tabs {
    FONT-SIZE: 93%;
    FLOAT: left;
    WIDTH: 100%;
    LINE-HEIGHT: normal;
}

    .Tabs ul {
        PADDING-RIGHT: 0px;
        PADDING-LEFT: 0px;
        PADDING-BOTTOM: 0px;
        MARGIN-Left: 25px;
        PADDING-TOP: 0px;
        LIST-STYLE-TYPE: none;
    }

    .Tabs li {
        PADDING-RIGHT: 0px;
        BACKGROUND-POSITION: left top;
        PADDING-LEFT: 9px;
        FLOAT: left;
        BACKGROUND-IMAGE: url(images/tabs/static/tab_L_Oval000000_FFFFFF.gif);
        PADDING-BOTTOM: 0px;
        MARGIN: 0px;
        PADDING-TOP: 0px;
        BORDER-BOTTOM: #336699 3px solid;
        BACKGROUND-REPEAT: no-repeat;
    }

    .Tabs a {
        PADDING-RIGHT: 9px;
        BACKGROUND-POSITION: right top;
        DISPLAY: block;
        FONT-WEIGHT: bolder;
        BACKGROUND-IMAGE: url(images/tabs/static/tab_R_Oval000000_FFFFFF.gif);
        COLOR: #ffffff;
        BACKGROUND-REPEAT: no-repeat;
        WHITE-SPACE: nowrap;
        TEXT-DECORATION: none;
    }

    .Tabs a {
        FLOAT: none;
    }

    .Tabs .current {
        BACKGROUND-POSITION: left top;
        BACKGROUND-IMAGE: url(images/tabs/tab_l_Oval000000_FFFFFF.gif);
        BACKGROUND-REPEAT: no-repeat;
    }

        .Tabs .current a {
            BACKGROUND-POSITION: right top;
            BACKGROUND-IMAGE: url(images/tabs/tab_r_Oval000000_FFFFFF.gif);
            BACKGROUND-REPEAT: no-repeat;
        }

        .Tabs .current span {
            BACKGROUND-COLOR: #336699;
        }

    .Tabs .disabled {
        FONT-WEIGHT: normal;
        TEXT-DECORATION: line-through;
    }

.search {
    text-align: center;
    vertical-align: middle;
}

.NarrowRow td {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.approvalIcon {
    text-align: center;
    margin-right: 3px;
    width: 2em;
    font-weight: bold;
    cursor: pointer;
    overflow: hidden;

    display:inline-block;
}

    .approvalIcon a {
        text-decoration: none;
    }

.ui-widget {
    font-size: .9em;
}

    .ui-widget .ui-button, .ui-button {
        font-size: .9em;
    }

.buttonSet .ui-button-text-only .ui-button-text {
    padding: 1px .5em 1px .5em;
}

.buttonSet .ui-button .ui-button-text {
    line-height: normal;
}

#FullOverlay {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 20; /* Specify a stack order in case you're using a different order for other elements */
    cursor: wait; /* Add a pointer on hover */
    background: rgba(0,0,0,0.33) url('/images/loaders/ajax-loader-clockwise.svg') center center no-repeat;
}

#PopUpOverlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2147483647;
  cursor: pointer;
  background-color: rgba(0,0,0,0.75);
}
    #PopUpOverlay > div {
      position: absolute;
      top: 50%;
      left: 50%;
      font-size: 32px;
      text-align: center;
      color: white;
      transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
    }

/*
    Home Page Navigation    
*/
#LeftNav {
    margin-top:2px;
}

#LeftNav ul {
    list-style: none;
}

    #LeftNav ul li a {
        text-decoration: none;
    }

        #LeftNav ul li a:hover {
            text-decoration: underline;
        }

#LeftNavMenu {
    margin: 0;
    padding: 0;
    list-style: none;
}

    #LeftNavMenu li ul {
        margin: 0;
        padding-left: 1.5em;
        list-style: none;
    }


/*
    ezView.css BEGIN    
*/

.tool {
    BORDER-RIGHT: double;
    PADDING-RIGHT: 0.35em;
    BORDER-TOP: double;
    PADDING-LEFT: 0.35em;
    MARGIN-BOTTOM: 0.25em;
    PADDING-BOTTOM: 0.35em;
    BORDER-LEFT: double;
    PADDING-TOP: 0.35em;
    BORDER-BOTTOM: double;
}

.indent {
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 10px;
    PADDING-TOP: 10px;
}

.stepfieldset {
    background: #D3E6EA;
    clear: both;
    margin-top: 0px;
    padding-left: 20px;
    border-top: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.step {
    DISPLAY: block;
    FONT-WEIGHT: bold;
    FONT-SIZE: 95%;
    COLOR: #000;
    FLOAT: left;
    MARGIN-BOTTOM: 0px;
    white-space: nowrap;
    margin-top: 0px;
    FONT-FAMILY: arial, helvetica, sans-serif;
}

    .step UL {
        DISPLAY: block;
        MARGIN: 0px;
        LIST-STYLE-TYPE: none;
    }

    .step LI {
        PADDING-RIGHT: 4px;
        DISPLAY: block;
        PADDING-LEFT: 4px;
        FONT-SIZE: 95%;
        COLOR: #000;
        FLOAT: left;
        MARGIN: 0px;
        FONT-FAMILY: arial, helvetica, sans-serif;
        TEXT-ALIGN: center;
    }

    .step A {
        BORDER-RIGHT: #94A1A4 2px solid;
        PADDING-RIGHT: 3px;
        BORDER-TOP: #F9FEFF 2px solid;
        DISPLAY: block;
        PADDING-LEFT: 3px;
        FONT-SIZE: 95%;
        BACKGROUND: #D3E6EA;
        FLOAT: left;
        BORDER-LEFT: #F9FEFF 2px solid;
        COLOR: #000;
        PADDING-TOP: 3px;
        BORDER-BOTTOM: #94A1A4 2px solid;
        FONT-FAMILY: arial, helvetica, sans-serif;
        TEXT-ALIGN: center;
        TEXT-DECORATION: none;
    }

#step A {
    FLOAT: none;
}

.step .this A {
    BORDER-RIGHT: #64644e 0px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #000 0px solid;
    DISPLAY: block;
    PADDING-LEFT: 5px;
    FONT-FAMILY: arial, helvetica, sans-serif;
    FONT-WEIGHT: bolder;
    FONT-SIZE: 95%;
    COLOR: #000;
    BACKGROUND: #D3E6EA;
    FLOAT: left;
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: #a4a48e 0px solid;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: #64644e 0px solid;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none;
}

.step A:link {
    COLOR: #000;
}

.step A:visited {
    COLOR: #000;
}

.step A:hover {
    COLOR: #000;
}

.h {
    BORDER-TOP: #2a7f01 2px ridge;
    BORDER-RIGHT: #2a7f01 2px ridge;
    BORDER-BOTTOM: #2a7f01 2px ridge;
    BORDER-LEFT: #2a7f01 2px ridge;
    FONT-SIZE: 1px;
    MARGIN: 10px auto 0px 0px;
    WIDTH: 100%;
    COLOR: #2a7f01;
    HEIGHT: 1px;
    TEXT-ALIGN: left;
}

.link {
    PADDING-BOTTOM: 10px;
    PADDING-TOP: 10px;
}

.tabsJ {
    MARGIN-TOP: 1.5em;
    FONT-WEIGHT: bold;
    FONT-SIZE: 95%;
    FLOAT: left;
    WIDTH: 100%;
    LINE-HEIGHT: normal;
    BORDER-BOTTOM: #D3E6EA 1px solid;
}

    .tabsJ UL {
        PADDING-TOP: 10px;
        PADDING-RIGHT: 0px;
        PADDING-BOTTOM: 0px;
        PADDING-LEFT: 10px;
        MARGIN: 0px;
        LIST-STYLE-TYPE: none;
    }

    .tabsJ LI {
        PADDING-TOP: 0px;
        PADDING-RIGHT: 0px;
        PADDING-BOTTOM: 0px;
        PADDING-LEFT: 0px;
        DISPLAY: inline;
        FONT-SIZE: 95%;
        MARGIN: 0px;
    }

    .tabsJ A {
        PADDING-TOP: 0px;
        PADDING-RIGHT: 0px;
        PADDING-BOTTOM: 0px;
        PADDING-LEFT: 5px;
        BACKGROUND: url(images/csstabs/tableftJ.gif) no-repeat left top;
        FLOAT: left;
        MARGIN: 0px;
        TEXT-DECORATION: none;
    }

        .tabsJ A SPAN {
            PADDING-TOP: 0px;
            PADDING-RIGHT: 15px;
            PADDING-BOTTOM: 1px;
            PADDING-LEFT: 6px;
            DISPLAY: block;
            BACKGROUND: url(images/csstabs/tabrightJ.gif) no-repeat right top;
            FLOAT: left;
            COLOR: #d0d0d0;
        }

        .tabsJ A SPAN {
            FLOAT: none;
        }

        .tabsJ A:hover SPAN {
            COLOR: #060606;
        }

        .tabsJ A:hover {
            BACKGROUND-POSITION: 0% -42px;
            COLOR: black;
        }

            .tabsJ A:hover SPAN {
                BACKGROUND-POSITION: 100% -42px;
            }

    .tabsJ .current A {
        BACKGROUND-POSITION: 0% -42px;
        FONT-WEIGHT: bold;
    }

        .tabsJ .current A SPAN {
            BACKGROUND-POSITION: 100% -42px;
            FONT-WEIGHT: bold;
            COLOR: #060606;
        }

.notab A {
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
}

    .notab A SPAN {
        PADDING-RIGHT: 14px;
        PADDING-LEFT: 0px;
        BACKGROUND: none transparent scroll repeat 0% 0%;
        PADDING-BOTTOM: 0px;
        PADDING-TOP: 0px;
    }

.tabsJ .current {
    COLOR: black;
}


/*NOTE - trying to fix jquery.autocomplete => jquery.combobox*/
.ui-combobox {
    position: relative;
    display: inline-block;
    margin-right: 1.75em;
}

.ui-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0.5em 0 .5em;
    /* adjust styles for IE 6/7 */
    *height: 1.7em;
    *top: 0.1em;
}

.ui-combobox-input {
    margin: 0;
    padding: 0.5em;
    min-width:15rem;
    max-width:90%;
}

.ui-autocomplete {
    max-height: 350px;
    overflow-y: auto; /* prevent horizontal scrollbar */
    overflow-x: hidden; /* add padding to account for vertical scrollbar */
    z-index: 1000 !important;
    /* adjust styles for IE 6/7 */
    *height: 100px;
}

#ShareContainer {
    margin-top: 1.5em;
    margin-bottom: 1em;
    display: inline-block;
}

.rssFeed h3 {
    padding: .25em .25em;
    margin: 0;
}

.rssItems {
    overflow: auto;
    padding-right: 1em;
    max-height: 40em;
}

    .rssItems ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .rssItems ul > li {
            margin: 1em .25em;
            padding-left: .5em;
        }

            .rssItems ul > li a:hover {
                text-decoration: underline;
            }

.SignInUpNav {
    margin: .5em 0;
}

    .SignInUpNav ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        text-align: right;
    }

        .SignInUpNav ul > li {
            display: inline-block;
            margin: .5em;
        }

nav#breadcrumbs ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

    nav#breadcrumbs ul li {
        display: inline-block;
        margin-right: .5em;
    }

.msg {
    clear: both;
    font-size: smaller;
    margin: .2em;
    padding: 0 .7em;
}

    .msg span.ui-icon {
        float: left;
        margin-right: .3em;
    }

#errNoCookies {
    display: none;
}

.dialogWithDropShadow {
    box-shadow: 1em 0.5em 1em;
}

hr.ticketCommentDelim {
    margin:0 .5em;
    border-top: dotted 1px;
    /*
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
    */
}


/* Hide Chrome datepicker -- Why?
input::-webkit-calendar-picker-indicator{
    display: none;
}
input[type="date"]::-webkit-input-placeholder{ 
    visibility: hidden !important;
}
*/
/* DataTables */

.dataTable th {
    text-align:left;
}
    .dataTable th input,
    .dataTable th select 
    {
        width:100%;
    }

.dataTables_scrollFoot select.w3-select {
    padding: 2px 0;
}

.DTED_Lightbox_Background { z-index:15 !important }
.DTED_Lightbox_Wrapper {z-index:20 !important }


.ui-sortable-helper {
    cursor: move;
}

.pri-btn, a:link.pri-btn, a:visited.pri-btn {
    color:gray;
    background-color:transparent;
    border:thin solid;
    padding:.3em .6em;
    border-radius:8px;
    transition-duration:0.4s;
    cursor:pointer;
    font-size:1em;
    margin:.1em 0; /*TODO - margin reset? */
}
    .pri-btn:hover {
        box-shadow:0 0 8px 0 rgba(0,0,0,0.15);
    }
    .pri-btn:disabled,
    a:link.pri-btn:disabled,
    a:visited.pri-btn:disabled {
        opacity:0.4;
        cursor:not-allowed;
    }
    .pri-btn--primary {
        font-weight:bold;
    }
    .pri-btn--noborder,
    a:link.pri-btn--noborder,
    a:visited.pri-btn--noborder {
        border:none;
        border-radius:0;
        padding:0;
    }

:disabled {
    cursor:not-allowed;
}


/*.bi, a.bi, a:link.bi {*/
a.bi, a:link.bi {
    color:gray;
}

.bi-btn {
    border:thin solid;
    padding:.25em;
    border-radius: .25em;
}

.bi-btn-default {
    border:thin solid;
    padding:.25em;
    border-radius: .25em;
    font-weight:bold;
}

svg.bi {
    color: gray;
    display: inline-block;
    vertical-align: middle;
}

    .disabled svg.bi, svg.bi.disabled, a.disabled {
        opacity: 0.3;
    }

    nav svg {
        vertical-align: middle;
    }

    svg.bi-grip-vertical, .grab {
        cursor: grab;
    }

#greeting {
    line-height:1.5rem;
    padding-top:1.25em;
}

nav#HotLinks {
    font-size:.9em;
    /*color:gray;*/
    line-height:1.5rem;
}
    nav#HotLinks ul {
        display:inline-block;
        list-style-type: none;
        margin:0;
        padding:0;
    }
        nav#HotLinks ul > li {
            margin:.5em;
            display:inline-block;
            white-space:nowrap;
        }
        nav#HotLinks ul > li svg {
            font-size:1.25em;
        }
        nav#HotLinks ul > li a {
            color:gray;
        }

#SearchSiteContainer {
    border:thin solid;
    padding:.5em;
    margin-top:1em;
    border-color:lightgray;
    border-radius: 10px;
    margin:.5em;
}
    #SearchSiteContainer svg {
        margin-left:5px;
    }

    #SearchSiteContainer .select2-selection__arrow b {
        display:none !important;
    }
    #SearchSiteContainer .select2-container--default .select2-selection--single {
        width: 100%;
        border: none;
        background-color: transparent;
        text-align: left;
    }

    #SearchSiteContainer .select2-container--default.select2-container--focus .select2-selection--multiple {
        border:none !important;
    }

    #SearchSiteContainer .select2-container--default .select2-selection--multiple {
        background-color: transparent !important;
        border: none !important;
    }

    #SearchSiteContainer input.select2-search__field {
        color: inherit;
    }

#SearchSite {
    width: 85%;
    font-size:1em;
    border:none;
    font-weight:bold;
    background:transparent;
    color:inherit;
}
    #SearchSite:focus {
        outline:none;
    }


.banner {
    text-align:center;
}
    .banner .caption {
        padding-bottom:1.5em;
    }


.iblock h1 {
    margin: .25em 0;
    padding: 0;
    font-size: larger;
    display:inline-block;
}

ul.iblock {
    list-style:none;
    margin:.5rem 0;
    padding:0;
}
    ul.iblock > li {
        display:inline-block;
        list-style-type:none;
        margin:0 .25rem;
        vertical-align:middle;
    }

.Header nav {
    margin-top:.25em;
}

.navcolor {
    color:gray;
}
    .navcolor a:link,
    .navcolor a:visited {
        text-decoration:none;
        color:inherit;
    }

.breadcrumb {
    list-style: none;
    margin:.5rem 0;
    padding:0;
    font-weight:bold;
}
    .breadcrumb input,
    .breadcrumb select {
        font-weight:normal;
    }
    .breadcrumb li {
        display:inline-block;
        margin:none;
        padding:none;
    }
    .breadcrumb h1 {
        font-size:inherit;
        font-weight:inherit;
        margin:inherit;
        padding:inherit;
        display:inline-block;
    }
    .breadcrumb a:link,
    .breadcrumb a:visited {
        text-decoration:none;
        color:inherit;
    }
    .breadcrumb a:hover {
        text-decoration:underline;
        color:inherit;
    }
    .breadcrumb-item + .breadcrumb-item::before {
        padding-right: .25rem;
        padding-left: .25rem;
        content: ">"
    }

span.nobreadcrumb {
    font-weight: normal;
}

.page-tips { 
    display:none; /*
    padding:.5rem;
    margin:.5rem;
    color:black;
    background-color:lightgray;
    border-radius: 10px; */
}

.error {
    color:red;
    border-color:red;
    outline:none;
}
    input.error, textarea.error, select.error {
        color:inherit;
    }

div.error {
    margin:.2rem;
    /*padding:0 .7rem;*/
}

#HotLinks .w3-dropdown-content {
    z-index:300;
}
    #HotLinks .w3-dropdown-content .w3-button {
        margin:0.5rem 0;
    }

    #HotLinks .w3-dropdown-content table {
        width:100%;
        border-collapse: collapse;
    }
    #HotLinks .w3-dropdown-content th,
    #HotLinks .w3-dropdown-content td {
        padding: 2px .25rem;
    }

    #HotLinks .w3-dropdown-content table.budgets {
        border-top: thin solid;
    }

.lnkCarts table tfoot th:nth-child(2),
.lnkCarts table tbody td:nth-child(2) {
    text-align:right;
}

#lnkCart[data-cartcnt="0"] {
    display:none;
}


#SiteFooter {
    margin-top:1rem;
}
    #SiteFooter a:link,
    #SiteFooter a:visited {
        text-decoration:none;
    }
        #SiteFooter.w3-theme a:link,
        #SiteFooter.w3-theme a:visited {
            color:inherit;
        }

    #SiteFooter a:hover {
        text-decoration:underline;
    }
        #SiteFooter.w3-theme a:hover {
            color:inherit;
        }
    #SiteFooter h3, #SiteFooter h4 {
        border-bottom:thin solid;
    }


form.submitted input:invalid, 
form.submitted select:invalid, 
form.submitted textarea:invalid
{
    border: thin dashed red !important;
}
form.submitted input:valid, 
form.submitted select:valid, 
form.submitted textarea:valid 
{
    border:inherit;
}

abbr[title] {
    text-decoration:none;
}

main section > header > h2,
main details > summary > h2 {
    font-size:16px;
    font-weight:bold;
}
main details>summary {
    list-style: none;
}
main summary::-webkit-details-marker {
    display: none
}
main summary::after {
    /*content: ' ►'; NOTE: problem on FormV2.asp*/
    content: ' \25B6';
    
}
main details[open] summary:after {
    /*content: " ▼"; NOTE: problem on FormV2.asp*/
    content: ' \25BC';
}

.js--userinfo dl {
    margin:0;
    padding:0;
}
.js--userinfo dt {
    display:inline-block;
    width:33%;
    margin-inline-start:0;
    padding:.25rem;
    opacity:.5;
}
.js--userinfo dd {
    display:inline-block;
    width:60%;
    margin-inline-start:0;
    padding:.25rem;
}
.js--userinfo dt {
    text-align:right;
    vertical-align:top;
}
.js--userinfo .w3-dropdown-content {
    font-size:smaller;
}

ul.metadata {
    list-style-type:none;
    padding:.5rem;
    margin:0;
}
    ul.metadata li {
        display:inline-block;
        margin:0 .33rem;
    }

@media only screen and (min-width: 601px) {
    div.NavList.w3-cell + div {
        padding-left: 1em;
    }
}

@media screen and (min-width: 768px) {
    .leftItems {
        float: left;
        width: 45%;
    }
    
    .rightItems {
        float: right;
    }
        .rightItems #ShareContainer {
            margin: 0;
        }


    .lblock {
        float:left;
        text-align:left;
    }
    .rblock {
        float:right;
        text-align:right;
    }


    #SearchSite {
        width:20em;
    }

    #HotLinks .w3-dropdown-content {
        right:0;
        text-align:left;
    }
}