/*! Licensed Materials - Property of HCL Technologies Limited.
    (c) Copyright HCL Technologies Limited 2007, 2020.  All Rights Reserved.
    
This CSS was built on August 16 2012. (version: OneUI-3.0.3_20120816-1522)
these are the styles for the mega menus
companion files: megaMenu.css / bannerTheme.css
companion files: megaMenuRTL.css / bannerThemeRTL.css*/
/*** M E G A  M E N U **/
/*these are a type of dropdown used for global navigation*/

.lotusui30 .lotusNavMenu {
  margin:0;
   position:absolute;
   border:1px solid #5f5f5f;
   z-index:900;
}

.lotusui30 .lotusNavMenu table {
  margin:0;
   padding:5px 0;
   list-style-type:none;
   background-color:#fff;
}

.lotusui30 .lotusNavMenu tr {
  white-space:nowrap;
   zoom:1;
   background-color:transparent;
   color:#222;
}

.lotusui30 .lotusNavMenu th, .lotusui30 .lotusNavMenu table td {
  text-align:left;
   padding:0 5px;
} /*added table to increase specificity because of lotusLayout*/

.lotusui30 .lotusNavMenu table.lotusAlignRight th, .lotusui30 .lotusNavMenu table.lotusAlignRight td {
  text-align:right;
}

.lotusui30 .lotusNavMenu tr.lotusMenuSeparator th, .lotusui30 .lotusNavMenu tr.lotusMenuSeparator td {
  border-bottom:1px solid #ccc;
}

.lotusui30 .lotusNavMenu tr img {
  margin:0 3px 0 8px;
}

.lotusui_ie .lotusui30 .lotusNavMenu tr img {
  margin-top:-10px;
} /*image alignment adjustment*/ /*TODO look at this when refactoring apps menu*/

.lotusui30 .lotusNavMenu tr a, .lotusui30 .lotusNavMenu tr span {
  display:inline-block;
   padding:5px;
}  

.lotusui30 .lotusNavMenu .dijitTooltipContainer a:hover {
  text-decoration:underline;
}   

.lotusui30 .lotusNavMenu .dijitTooltipContainer {
  background-image:none;
   background-color:transparent;
   border-width:0;
}

.lotusui30 .lotusNavMenu .dijitTooltipConnector {
  display:none;
}


/*spacing adjustments*/
.lotusui30 .lotusNavMenu tr.lotusMenuSeparator th, .lotusui30 .lotusNavMenu tr.lotusMenuSeparator td {
  padding-bottom:5px;
}

.lotusui30 .lotusNavMenu tr.lotusMenuSeparator + tr th, .lotusui30 .lotusNavMenu tr.lotusMenuSeparator + tr td {
  padding-top:5px
} /*this won't work in IE6*/


/*menu layout*/
.lotusui30 .lotusNavMenu .lotusTwoCol {
  width:535px;
}

.lotusui30 .lotusNavMenu .lotusTwoCol tr a {
  width:245px;
   text-decoration:none;
}

.lotusui30 .lotusNavMenu .lotusEllipsis {
  width:auto;
}


/*two column*/
.lotusui30 .lotusNavMenu .lotusTwoCol tr img {
  margin:0 3px;
}






/***********************************************************/