/*
  
  Script-Free 3-Level Menu 1.3.3 Tailor
  www.CesarDaniel.info/Tech/ScriptFree3LevelMenu.html
  
  ...............................................................................................
  
  Sections
  
  * General
  * Colors
  * Widths
  
*/
/*-------------------------------------------------------------------------------------- General */
div.MenuBar#ExampleMb {
  font: 13px arial, helvetica, clean, sans-serif;
  width: 510px; /* Total width 512px. */
  border-width: 1px;
  border-style: solid;
}
div.MenuBar#ExampleMb ul {
  font: 13px arial, helvetica, clean, sans-serif; /* For IE55. */
}
/*--------------------------------------------------------------------------------------- Colors */
div.MenuBar#ExampleMb {
  background-color: Menu;
  border-color: ButtonShadow;
}
div.MenuBar#ExampleMb a,
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li a,
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a,
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a,
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a {
  background-color: Menu; /* Unselected items. */
  color: MenuText;
}
div.MenuBar#ExampleMb ul li:hover a,
div.MenuBar#ExampleMb ul li a:hover,
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover a,
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover,
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a:hover,
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a:hover {
  background-color: Highlight; /* Selected item. */
  color: HighlightText;
}
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu,
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu,
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu,
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu {
  background-color: ButtonShadow; /* Sets the drop-down and side menus "effective border" color. */
}
/*--------------------------------------------------------------------------------------- Widths */
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu#Ddm1,
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu#Ddm1,
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu#Ddm1 li a,
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu#Ddm1 li a {
  width: 12em; /* Drop-down menu width. */
}
/*...............................................................................................*/
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu#Ddm2,
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu#Ddm2,
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu#Ddm2 li a,
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu#Ddm2 li a {
  width: 12em; /* Drop-down menu width. */
}
/*...............................................................................................*/
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu#Ddm3,
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu#Ddm3,
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu#Ddm3 li a,
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu#Ddm3 li a {
  width: 9em; /* Drop-down menu width. */
}
/*...............................................................................................*/
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu#Sm11,
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#Sm11 {
  left: 12em !important; /* Places the side menu to the right of the drop-down menu.
                            Keep it sync with the drop-down menu width. */
}
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu#Sm11,
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#Sm11,
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu#Sm11 li a,
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#Sm11 li a {
  width: 9em; /* Side menu width. */
}
/*...............................................................................................*/
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu#Sm12,
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#Sm12 {
  left: 12em !important; /* Places the side menu to the right of the drop-down menu.
                            Keep it sync with the drop-down menu width. */
}
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu#Sm12,
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#Sm12,
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu#Sm12 li a,
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#Sm12 li a {
  width: 9em; /* Side menu width. */
}
/*...............................................................................................*/
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu#Sm13,
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#Sm13 {
  left: 12em !important; /* Places the side menu to the right of the drop-down menu.
                            Keep it sync with the drop-down menu width. */
}
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu#Sm13,
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#Sm13,
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu#Sm13 li a,
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#Sm13 li a {
  width: 9em; /* Side menu width. */
}
/*...............................................................................................*/
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu#Sm23,
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#Sm23 {
  left: 12em !important; /* Places the side menu to the right of the drop-down menu.
                            Keep it sync with the drop-down menu width. */
}
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu#Sm23,
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#Sm23,
div.MenuBar#ExampleMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu#Sm23 li a,
div.MenuBar#ExampleMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#Sm23 li a {
  width: 9em; /* Side menu width. */
}
/*-----------------------------------------------------------------------------------------------*/