@import 'constants_wl.css';


div.downarrow {
   
    border: solid #A3A3A3;
    border-width: 0 2px 2px 0;
    padding: 2px;
    display: inline-block;
    margin-bottom: 2px;
    
    /* Inside Auto Layout */
    transform: rotate(45deg);
}

div.menu_i_cell {
    position: sticky;
    top: 0px;
    z-index: 1;
}

div.menu0{
    background-color: var(--c_darkwhite);
}

div.jqueryslidemenu{
    height: 60px; 
    font-size: 13px;
    margin: 0px; 
    padding: 0px 0px 0px 150px;
    background-position: 12px 8px;
    background-color: var(--c_darkwhite);
    box-shadow: 0px 4px 4px var(--c_shadow);
    background-image: url("../gfx/molwl-logo.png");
    background-repeat: no-repeat;
    background-size: 226px 40px;
}

.jqueryslidemenu ul{
margin: 0px;
padding-top: 8px;
padding-bottom: 2px;
padding-left: 90px;
padding-right: 0px;
/*list-style-type: none;*/
}

/*Top level list items*/
li.topmenuli, li.topmenuli_ki, li.topmenuli_state, li.topmenuuser{
position: relative;
display: inline;
float: left;
padding: 0px 0px;
padding-right: 6px;
border-radius: 0px;
}

li.topmenuli a::first-letter {
    text-transform: uppercase;
}

li.topmenuli_ki a::first-letter {
    text-transform: uppercase;
}

/*Top level user name items style*/
li.topmenuuser {
	float: right;
	display: flex;
    color: #000; 
    padding-right: 18px; 
    text-decoration: none; height: 36px; font-weight: bold; line-height: 40px;
	align-items: center;
}

/*Top level menu link items style*/
li.topmenuli a  {
    display: inline-block; 
    color: black; 
    padding: 0px 15px; 
    text-decoration: none; 
    height: 43px; 
    text-transform: uppercase;
    font-weight: 500;
    font-size:15px;    
    line-height: 43px;
}
li.topmenuli_ki {
    float: right;
}

li.topmenuli_ki a {
    display: inline-block; 
    color: #E0081F;  
    padding: 0px 15px; 
    text-decoration: none; 
    height: 43px; 
    font-size: 14px;
    font-weight: bold;
    line-height: 43px;
}

li.topmenuli:hover, li.topmenuli_ki:hover {
    background: var(--c_menubg_hover);
}

* html .topmenuli a{ /*IE6 hack to get sub menu links to behave correctly*/ display: inline-block;}
* html .topmenuli_ki a{ /*IE6 hack to get sub menu links to behave correctly*/ display: inline-block;}


/*1st sub level menu*/
ul.submenuul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
padding:0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
height:auto;
z-index:200;
background-color: #E0081F;  
border-radius: 0px;
list-style: none;
/*border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;*/

/*background: url('../images/drop_down_back.gif');
background-position:bottom right;
background-color: transparent;
background-repeat:no-repeat;*/
}



/*Sub level menu list items (undo style from Top level List Items)*/
li.submenuli{
display: list-item;
float: none;
/*border-top: 1px solid #6c80a7;*/
width: 193px; /*width of sub menus*/
font-weight: bold;
}

/* Sub level menu links style */
li.submenuli a{
font-size: 13px;
font-weight: bold;
margin: 0px;
padding: 4px 0px 4px 8px;
color: #fff;
background: none;
display: block;
line-height: 18px;
height: auto;
}

li.submenuli a:hover{ /*sub menus hover style*/
color: #fff;
background:  #990d1b;
}

.downarrowclass{
position: absolute;
top: 0px;
right: 0px;
}

.rightarrowclass{
position: absolute;
top: 0px;
right: 0px;
}
