/***************************************************************************
 * Menu listings (tree)
 ***************************************************************************/
.menu
{
}
.menu ul
{
  margin          : 0;
  padding         : 0 0 0 1.5em;
}
.menu li
{
  margin          : 0;
  padding         : 0;
}
.menu li.menu_top,
.menu li.menu_bottom
{
  display         : none;
}

/* Menuitems */
.menuitem a
{
  color          : #000;
  display        : block;
  padding        : 0em 1em;
  position       : relative;
  text-decoration: none;
  white-space    : nowrap;
}
.menuitem a img.icon
{
  border         : none;
  position       : absolute;
  top            : 3px;
  left           : 0.75em;
  width          : 16px;
  height         : 16px;
  vertical-align : middle;
}

/* Menuitem icons */
.menuitem a.menu_parent
{
  background-image   : none;
  background-position: center right;
  background-repeat  : no-repeat;
}
.menuitem a.link_external
{
  background-image   : none;
  background-position: center right;
  background-repeat  : no-repeat;
}

/***************************************************************************
 * Table-based Menus
 ***************************************************************************/
.menu-table
{
  position           : relative;
  table-layout       : fixed;
}
.menu-table td.menu_body {
  vertical-align     : top;
}
.menuitems-table
{
  position           : relative;
  table-layout       : fixed;
}
.menuitems-table col.menuitem_icon-left,
.menuitems-table col.menuitem_icon-right
{
  min-height         : 20px;
  vertical-align     : middle;
}
.menuitems-table .menuitem_icon-left,
.menuitems-table .menuitem_icon-right {
  width              : 20px;
}
/* TODO: ?
.menu-table .menu_body,
.menu-table .menu_border1,
.menu-table .menu_border2,
.menu-table .menu_border3,
.menu-table .menu_border4,
.menu-table .menu_corner1,
.menu-table .menu_corner2,
.menu-table .menu_corner3,
.menu-table .menu_corner4,
.menu-table .menuitem,
.menu-table .menuitem_icon-left,
.menu-table .menuitem_icon-right,
.menu-table .menuitem_label */
.menu-table *
{
  background-position: top left;
  background-repeat  : no-repeat;
}

/***************************************************************************
 * Selectbox Menus
 ***************************************************************************/
.menu_selectbox
{
}
.menu_selectbox .menuitem_depth_0 {
  padding-left    : 0.5em;
}
.menu_selectbox .menuitem_depth_1 {
  padding-left    : 1.5em;
}
.menu_selectbox .menuitem_depth_2 {
  padding-left    : 2.5em;
}
.menu_selectbox .menuitem_depth_3 {
  padding-left    : 3.5em;
}
.menu_selectbox .menuitem_depth_4 {
  padding-left    : 4.5em;
}
.menu_selectbox .menuitem_depth_5 {
  padding-left    : 5.5em;
}
.menu_selectbox .menuitem_depth_6 {
  padding-left    : 6.5em;
}
.menu_selectbox .menuitem_depth_7 {
  padding-left    : 7.5em;
}
.menu_selectbox .menuitem_depth_8 {
  padding-left    : 8.5em;
}
.menu_selectbox .menuitem_depth_9 {
  padding-left    : 9.5em;
}

/***************************************************************************
 * Horizontal Menus (topbar style)
 ***************************************************************************/
/* First level menu (top bar) */
.menu_horizontal
{
  position        : relative;
  width           : 100%;
  margin          : 0;
  padding         : 0;
  font-size       : 8pt;
  font-weight     : bold;
  height          : 1.5em;
  line-height     : 1.5em;
  color           : #222222;
  background-color: #b5c5d6;
  text-decoration : none;
}
.menu_horizontal ul
{
  position       : relative;
  list-style     : none;
  margin         : 0;
  padding        : 0;
}

.menu_horizontal li
{
  list-style     : none;
  float          : left;
  margin         : 0;
  padding        : 0;
  width          : 10em; /* IE5 Mac */
  w\idth         : auto;
  font-size      : 8pt;
  font-weight    : bold;
  height         : 1.5em;
  line-height    : 1.5em;
  color          : #222222;
  text-decoration: none;
}
.menu_horizontal li.menu_top,
.menu_horizontal li.menu_bottom
{
  display        : none;
}

.menu_horizontal li a
{
  display        : block;
  width          : 10em; /* IE5 Mac */
  w\idth         : auto;
  color          : #000;
  text-decoration: none;
  padding        : 0em 1em;
  position       : relative;
  white-space    : nowrap;
}

/* Menu icons */
.menu_horizontal li li a.menu_parent
{
  background-image   : none;
  background-position: center right;
  background-repeat  : no-repeat;
}
.menu_horizontal li li a.link_external
{
  background-image   : none;
  background-position: center right;
  background-repeat  : no-repeat;
}

/* Second level menus */
.menu_horizontal li ul
{
  background-color   : transparent;
  font-weight        : normal;
  height             : auto;
  left               : -999em;
  margin             : 0;
  padding            : 0;
  position           : absolute;
  width              : 16.0em;
  z-index            : 32768; /* always on top! */
}

.menu_horizontal li li
{
  background-color   : transparent;
  background-image   : none;
  background-position: top left;
  background-repeat  : repeat-y;
  font-weight        : normal;
  height             : 2em;
  line-height        : 2em;
  margin             : 0;
  padding            : 0;
  width              : 16.0em;
}
.menu_horizontal li li.menu_top,
.menu_horizontal li li.menu_top:hover,
.menu_horizontal li li.menu_bottom,
.menu_horizontal li li.menu_bottom:hover
{
  background-color   : transparent;
  background-image   : none;
  background-position: top left;
  background-repeat  : no-repeat;
  display            : list-item;
}
.menu_horizontal li li.menu_top {
  height         : 7px;
  line-height    : 7px;
}
.menu_horizontal li li.menu_bottom {
  height         : 14px;
  line-height    : 14px;
}

.menu_horizontal li li a
{
  margin         : 0;
  padding        : 0 1em 0 3em;
  width          : 11em;
  height         : 2em;
  line-height    : 2em;
}

/* Third level menus */
.menu_horizontal li ul ul
{
  margin         : -1.75em 0 0 14.75em;
  padding        : 0;
}

/* Item highlights */
.menu_horizontal li.highlight
{
  background-color   : #ffffd8;
}
.menu_horizontal li li.highlight
{
  background-color   : transparent;
  background-image   : none;
  background-position: top left;
  background-repeat  : repeat-y;
}

/* List item hoverovers */
.menu_horizontal li:hover,
.menu_horizontal li.hover
{
  background-color   : #eee;
}
.menu_horizontal li li:hover,
.menu_horizontal li li.hover
{
  background-color   : transparent;
  background-image   : none;
  background-position: top left;
  background-repeat  : repeat-y;
}

.menu_horizontal li:hover ul ul,
.menu_horizontal li:hover ul ul ul,
.menu_horizontal li.hover ul ul,
.menu_horizontal li.hover ul ul ul
{
  left           : -999em;
}
/* Note: This must follow the previous CSS rules! */
.menu_horizontal li:hover       ul,
.menu_horizontal li li:hover    ul,
.menu_horizontal li li li:hover ul,
.menu_horizontal li.hover       ul,
.menu_horizontal li li.hover    ul,
.menu_horizontal li li li.hover ul
{
  left           : auto;
}

/***************************************************************************
 * Vertical Menus (sidebar style)
 ***************************************************************************/
/* First level menu */
.menu_vertical
{
  background-color: #b5c5d6;
  color           : #222;
  font-size       : 8pt;
  font-weight     : bold;
  line-height     : 1.5em;
  margin          : 0;
  padding         : 0;
  position        : relative;
  text-decoration : none;
  width           : 175px;
}
.menu_vertical ul
{
  list-style     : none;
  margin         : 0;
  padding        : 0;
  position       : relative;
}

.menu_vertical li
{
  color          : #222;
  font-size      : 8pt;
  font-weight    : bold;
  height         : 1.5em;
  line-height    : 1.5em;
  list-style     : none;
  margin         : 0;
  padding        : 0;
  text-decoration: none;
}
.menu_vertical li.menu_top,
.menu_vertical li.menu_bottom
{
  display        : none;
}

.menu_vertical li a
{
  display        : block;
  color          : #000;
  text-decoration: none;
  padding        : 0em 1em;
  position       : relative;
  white-space    : nowrap;
}

/* Menu icons */
.menu_vertical li a.menu_parent
{
  background-image   : none;
  background-position: center right;
  background-repeat  : no-repeat;
}
.menu_vertical li a.link_external
{
  background-image   : none;
  background-position: center right;
  background-repeat  : no-repeat;
}

/* Second level menus */
.menu_vertical li ul
{
  background-color   : transparent;
  font-weight        : normal;
  height             : auto;
  left               : -999em;
  margin             : -2.333em 0 0 97%;
  padding            : 0;
  position           : absolute;
  width              : 16.0em;
  z-index            : 32768; /* always on top! */
}

.menu_vertical li li
{
  background-color   : transparent;
  background-image   : none;
  background-position: top left;
  background-repeat  : repeat-y;
  font-weight        : normal;
  height             : 2em;
  line-height        : 2em;
  margin             : 0;
  padding            : 0;
  width              : 16.0em;
}
.menu_vertical li li.menu_top,
.menu_vertical li li.menu_top:hover,
.menu_vertical li li.menu_bottom,
.menu_vertical li li.menu_bottom:hover
{
  background-color   : transparent;
  background-image   : none;
  background-position: top left;
  background-repeat  : no-repeat;
  display            : block;
}
.menu_vertical li li.menu_top {
  height         : 7px;
  line-height    : 7px;
}
.menu_vertical li li.menu_bottom {
  height         : 14px;
  line-height    : 14px;
}

.menu_vertical li li a
{
  margin         : 0;
  padding        : 0 1em 0 3em;
  width          : 11em;
  height         : 2em;
  line-height    : 2em;
}

/* Third level menus */
.menu_vertical li ul ul
{
  margin         : -1.75em 0 0 14.75em;
  padding        : 0;
}

/* Item highlights */
.menu_vertical li.highlight
{
  background-color   : #ffffd8;
}
.menu_vertical li li.highlight
{
  background-color   : transparent;
  background-image   : none;
  background-position: top left;
  background-repeat  : repeat-y;
}

/* List item hoverovers */
.menu_vertical li:hover,
.menu_vertical li.hover
{
  background-color   : #eee;
}
.menu_vertical li li:hover,
.menu_vertical li li.hover
{
  background-color   : transparent;
  background-image   : none;
  background-position: top left;
  background-repeat  : repeat-y;
}
.menu_vertical li:hover ul ul,
.menu_vertical li:hover ul ul ul,
.menu_vertical li.hover ul ul,
.menu_vertical li.hover ul ul ul
{
  left           : -999em;
}
/* Note: This must follow the previous CSS rules! */
.menu_vertical li:hover       ul,
.menu_vertical li li:hover    ul,
.menu_vertical li li li:hover ul,
.menu_vertical li.hover       ul,
.menu_vertical li li.hover    ul,
.menu_vertical li li li.hover ul
{
  left           : auto;
}