#menu {
    background-position: 0% 0%;
    list-style: none;
    margin: 0px auto;
    height: 41px;
    padding: 0px 0px 0px 20px;
    /* Rounded Corners */

    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    /* Background color and gradients */

    border: 0px solid #002232;
    /*
    -moz-box-shadow: inset 0px 0px 0px #edf9ff;
    -webkit-box-shadow: inset 0px 0px 0px #edf9ff;
    box-shadow: inset 0px 0px 0px #edf9ff;
    background-image: -ms-linear-gradient(top bottom, #0272a7, #013953);
    */
    xackground-color: #007ACC;
    /* Borders */

    --background-color: #014464;
    background-repeat: repeat;
    background-attachment: scroll;
}

    #menu li {
        float: left;
        display: block;
        text-align: center;
        position: relative;
        padding: 4px 10px 4px 10px;
        margin-right: 20px;
        margin-top: 7px;
        border: none;
    }

#menuSearch {
    display: inline-block;
    padding-left: 225px;
}

    #menuSearch li {
        float: left;
        display: block;
        text-align: center;
        position: relative;
        padding: 5px 10px 4px 10px;
        margin-right: 0px;
        margin-top: 2px;
        border: none;
    }

#menu #menuSearch li .drop {
    color: gray;
}

#menu #menuSearch li:hover {
    border: 1px solid whitesmoke;
}

#menu li:hover {
    border: 1px solid #c9c9c9;
    padding: 4px 9px 15px 9px;
    /* Background color and gradients */

    background: white;
    color: gray;
    /*
	bbackground: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
	bbackground: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));
	
	 Rounded corners 
	
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
    */
}

#menu li .drop {
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 2px;
}

#menu li:hover .drop {
    color: gray;
}

#menu li .dropdown_1column .col_1 a:active, #menu li .dropdown_1column .col_1 a:link, #menu li .dropdown_1column .col_1 a:visited, #menu li .dropdown_1column .col_1 a,
#menu li .dropdown_1column_search .col_1 a:active, #menu li .dropdown_1column_search .col_1 a:link, #menu li .dropdown_1column_search .col_1 a:visited, #menu li .dropdown_1column_search .col_1 a,
#menu li .dropdown_3columns .col_1 a:active, #menu li .dropdown_3columns .col_1 a:link, #menu li .dropdown_3columns .col_1 a:visited, #menu li .dropdown_3columns .col_1 a,
#menu li .dropdown_4columns .col_1 a:active, #menu li .dropdown_4columns .col_1 a:link, #menu li .dropdown_4columns .col_1 a:visited, #menu li .dropdown_4columns .col_1 a,
#menu li .dropdown_4columns .col_1_fat a:active, #menu li .dropdown_4columns .col_1_fat a:link, #menu li .dropdown_4columns .col_1_fat a:visited, #menu li .dropdown_4columns .col_1_fat a,
#menu li .dropdown_4columns .col_3 a:active, #menu li .dropdown_4columns .col_3 a:link, #menu li .dropdown_4columns .col_3 a:visited, #menu li .dropdown_4columns .col_3 a,
#menu li .dropdown_4columns .col_6 a:active, #menu li .dropdown_4columns .col_6 a:link, #menu li .dropdown_4columns .col_6 a:visited, #menu li .dropdown_4columns .col_6 a {
    ccolor: #333;
    bbackground: url("/images/misc/grayArrow.png") no-repeat right 8px;
    padding: 0px 10px 3px 9px;
}

    #menu li .dropdown_1column .col_1 a:hover, #menu li .dropdown_1column_search .col_1 a:hover, #menu li .dropdown_3columns .col_1 a:hover, #menu li .dropdown_4columns .col_1 a:hover, #menu li .dropdown_4columns .col_1_fat a:hover, #menu li .dropdown_4columns .col_6 a:hover {
        color: #333;
        text-decoration: underline;
        bbackground: url("/images/misc/grayArrow1.png") no-repeat right 8px;
        padding: 0px 10px 3px 9px;
    }

#menu li .dropdown_container .mnuModule a:hover, #menu li .dropdown_container .mnuCustomer a:hover {
    padding: 5px 0px 3px 10px;
}

#menu li .dropdown_4columns .col_3 #remeberUrls a:active, #menu li .dropdown_4columns .col_3 #remeberUrls a:link, #menu li .dropdown_4columns .col_3 #remeberUrls a:visited, #menu li .dropdown_4columns .col_3 #remeberUrls a {
    background: none;
    display: inline;
    padding: 0px 0px 3px 0px;
}

    #menu li .dropdown_4columns .col_1 #remeberUrls a:hover, #menu li .dropdown_4columns .col_1_fat #remeberUrls a:hover, #menu li .dropdown_4columns .col_3 #remeberUrls a:hover {
        color: #333;
        text-decoration: underline;
        background: none;
        display: inline;
        padding: 0px 0px 3px 0px;
    }

#menu li .dropdown_4columns .col_3 .menuIcon:link, #menu li .dropdown_4columns .col_3 .menuIcon:visited, #menu li .dropdown_4columns .col_3 .menuIcon:active {
    padding: 0px;
    background-image: none;
}

#menu li a, #menu li span {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333;
    display: block;
    outline: 0;
    text-decoration: none;
}

#menu li .dropdown_footer a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333;
    display: inline-block;
    outline: 0;
    text-decoration: none;
}

#menu li:hover a {
    color: #161616;
    --text-shadow: 1px 1px 1px #ffffff;
}

#menu li .drop {
    padding-right: 19px;
    background: url("/images/misc/drop1.png") no-repeat right 7px;
}

#menu li:hover .drop {
    background: url("/images/misc/drop.gif") no-repeat right 7px;
}

.dropdown_1column,
.dropdown_1column_search,
.dropdown_2columns,
.dropdown_3columns,
.dropdown_4columns,
.dropdown_5columns {
    margin: 4px auto;
    margin-top: 8px;
    float: left;
    position: absolute;
    left: -999em; /* Hides the drop down */
    text-align: left;
    padding: 0px 0px 0px 0px;
    border: 1px solid #c9c9c9;
    border-top-width: 0px;
    background: #ffffff;
    /* Gradient background 

	background: -moz-linear-gradient(top, #F9F9F9, #EAEAEA);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F9F9F9), to(#EAEAEA));*/
    /* Rounded Corners 
	-moz-border-radius: 0px 5px 5px 5px;
	-webkit-border-radius: 0px 5px 5px 5px;
	border-radius: 0px 5px 5px 5px;
    */
}

.dropdown_container {
    padding: 10px 0px 10px 5px;
}

.dropdown_footer {
    background-color: #F1F4F6;
    padding: 10px;
    border-top: 1px solid #E2E2E2;
}

.dropdown_footerspace {
    background-color: #Ffffff;
}

.dropTitle {
    font-weight: bold;
    text-transform: uppercase;
}

.dropdown_1column {
    width: 170px;
}

    .dropdown_1column .col_1 {
        width: 150px;
    }

.dropdown_1column_search {
    width: 195px;
}

.dropdown_2columns {
    width: 280px;
}

.dropdown_3columns {
    width: 450px;
}

.dropdown_4columns {
    width: 585px;
}

.dropdown_5columns {
    width: 800px;
}

#menu li:hover .dropdown_1column,
#menu li:hover .dropdown_1column_search,
#menu li:hover .dropdown_2columns,
#menu li:hover .dropdown_3columns,
#menu li:hover .dropdown_4columns,
#menu li:hover .dropdown_5columns {
    left: -1px;
    top: auto;
    z-index: 700;
}

.col_1,
.col_1_fat,
.col_2,
.col_3,
.col_4,
.col_5,
.col_6 {
    display: inline;
    float: left;
    position: relative;
    margin: 0px 10px 10px 5px;
}

.col_1 {
    width: 120px;
}

.col_1_fat {
    width: 275px;
    min-height: 135px;
}

.dropdown_1column_search .col_1 {
    width: 175px;
}

.col_2 {
    width: 270px;
}

.col_3 {
    width: 405px;
}

.col_4 {
    width: 550px;
}

.col_5 {
    width: 690px;
}

.col_6 {
    width: 205px;
    min-height: 135px;
}

#pnlMenuHaz {
    min-height: 30px;
}

#menu .menu_right {
    float: right;
    margin-right: 0px;
}

#menu li .align_right {
    /* Rounded Corners */
    -moz-border-radius: 5px 0px 5px 5px;
    -webkit-border-radius: 5px 0px 5px 5px;
    border-radius: 5px 0px 5px 5px;
}

#menu li:hover .align_right {
    left: auto;
    right: -1px;
    top: auto;
}

#menu p, #menu h2, #menu h3, #menu ul li {
    font-family: Arial, Helvetica, sans-serif;
    line-height: 21px;
    font-size: 12px;
    text-align: left;
    --text-shadow: 1px 1px 1px #FFFFFF;
}

#menu h2 {
    font-size: 21px;
    font-weight: 400;
    letter-spacing: -1px;
    margin: 7px 0 14px 0;
    padding-bottom: 14px;
    border-bottom: 1px solid #333;
}

#menu h3 {
    font-size: 14px;
    margin: 7px 0 14px 0;
    padding-bottom: 7px;
    border-bottom: 1px solid #888888;
}

#menu p {
    line-height: 18px;
    margin: 0 0 10px 0;
}

#menu li:hover div a {
    font-size: 12px;
    color: #015b86;
}

    #menu li:hover div a:hover {
        color: #029feb;
    }


#menu strong {
    color: #333;
    display: block;
    padding-bottom: 5px;
}

.italic {
    font-style: italic;
}

.imgshadow { /* Better style on light background */
    background: #FFFFFF;
    padding: 4px;
    border: 1px solid #777777;
    margin-top: 5px;
    -moz-box-shadow: 0px 0px 5px #333;
    -webkit-box-shadow: 0px 0px 5px #333;
    box-shadow: 0px 0px 5px #333;
}

.img_left { /* Image sticks to the left */
    width: auto;
    float: left;
    margin: 5px 15px 5px 5px;
}

#menu li .black_box {
    background-color: #333333;
    color: #eeeeee;
    text-shadow: 1px 1px 1px #000;
    padding: 4px 6px 4px 6px;
    /* Rounded Corners */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    /* Shadow */
    -webkit-box-shadow: inset 0 0 3px #000000;
    -moz-box-shadow: inset 0 0 3px #000000;
    box-shadow: inset 0 0 3px #000000;
}

#menu li ul {
    list-style: none;
    padding: 0;
    margin: 0 0 12px 0;
}

    #menu li ul li {
        font-size: 12px;
        line-height: 24px;
        position: relative;
        --text-shadow: 1px 1px 1px #ffffff;
        padding: 0;
        margin: 0;
        float: none;
        text-align: left;
        width: 130px;
    }

        #menu li ul li:hover {
            background: none;
            border: none;
            padding: 0;
            margin: 0;
        }

#menu li .greybox li {
    background: #F4F4F4;
    border: 1px solid #bbbbbb;
    margin: 0px 0px 4px 0px;
    padding: 4px 6px 4px 6px;
    width: 116px;
    /* Rounded Corners */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

    #menu li .greybox li:hover {
        background: #ffffff;
        border: 1px solid #aaaaaa;
        padding: 4px 6px 4px 6px;
        margin: 0px 0px 4px 0px;
    }

.menuBtns {
    float: right;
}

.menuBtn {
    float: right;
    width: 43px;
}

#menu #menuSearch .dropdown_1column_search {
    border-left: 1px solid whitesmoke;
    border-bottom: 1px solid whitesmoke;
    border-right: 1px solid whitesmoke;
    border-top-color: #ffffff;
}

#menu #rememberUrlItems A {
    float: left;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 330px;
}

#menu #rememberUrlItem {
    margin-bottom: 3px;
}

    #menu #rememberUrlItem A {
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #menu #rememberUrlItem #rememberUrlCustom a, #menu #rememberUrlItem #rememberUrlCustom a:link, #menu #rememberUrlItem #rememberUrlCustom a:active, #menu #rememberUrlItem #rememberUrlCustom a:visited, #menu #rememberUrlCustom #remeberUrlCustom a:hover {
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 250px;
        vertical-align: top;
    }

    #menu #rememberUrlItem .rememberUrlItemContent {
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 550px;
    }

#menu .rememberUrlItemDate {
    float: right;
    color: #999999;
    font-size: 10px;
}

#menu .dropdown_footer span {
    color: #999999;
}

#menu .dropdown_footer b {
    color: gray;
}

.pnlMenuBtns {
    float: right;
    background-color: whitesmoke;
    width: 540px; /*LB 10/06/2022 WSFIVE-13114 Shrunk down slightly as started overflowing after new button added*/
    padding: 6px 8px 7px 16px;
    height: 28px;
}

    .pnlMenuBtns input {
    }

@-moz-document url-prefix() {
    .pnlMenuBtns {
        padding: 6px 8px 12px 17px;
        height: 23px;
    }
}

#menu li .dropdown_4columns .mnuModule a:link, #menu li .dropdown_4columns .mnuCustomer a:link, #menu li .dropdown_4columns .mnuModule a:visited, #menu li .dropdown_4columns .mnuCustomer a:visited,
#menu li .dropdown_5columns .mnuModule a:link, #menu li .dropdown_5columns .mnuCustomer a:link, #menu li .dropdown_5columns .mnuModule a:visited, #menu li .dropdown_5columns .mnuCustomer a:visited {
    display: block;
    padding: 5px 0px 3px 10px;
    text-transform: uppercase;
    border: 1px solid transparent;
}

#menu li .dropdown_4columns .mnuModule a:hover, #menu li .dropdown_4columns .mnuCustomer a:hover {
    border: 1px solid transparent;
    text-decoration: none;
    color: #ffffff;
}

#menu li .dropdown_1column_search .col_1 a:link {
    background: transparent none;
}

#drpPanelCustomer {
    width: 785px;
}

#menu .moduleContainerPanel {
    display: flex;
}

#menu .mnuModule {
    flex-grow: 0;
    flex-shrink: 0;
    width: 150px;
    border-right: 1px dotted #CCCCCC;
    padding: 5px;
}

#menu .modulesRight {
    flex-grow: 1;
    flex-shrink: 1;
}

#menu .modulesInstalled {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 5px;
}

#menu .moduleContainer {
	display: inline-block;
	width: 200px;
	height: 250px;
	margin-left: 10px;
	margin-bottom: 10px;
	vertical-align: top;
}

#menu .modulesInstalled a:link, #menu .utilitiesInstalled a:link {
    padding: 0px 10px 3px 0px;
}

#menu .utilitiesInstalled {
    border-top: 0px solid lightgray;
    padding-top: 10px;
}

    #menu .utilitiesInstalled .moduleContainer {
        height: 180px;
    }

#menu h6 {
    padding-left: 0px;
}

#menu .moduleContainerPanel .mnuModule a:hover {
    color: #ffffff;
}
