/* Copyright Dynarch.com, 2003-2004.  All Rights Reserved. */

/* horizontal parts */

div.dynarch-horiz-menu {
  white-space: nowrap;
  background-color: #CCCCCC;
  color: #000;
  padding: 2px;
  border: 1px solid #CCCCCC;
  cursor: default;
  font: 11px tahoma,verdana,sans-serif;
}

div.dynarch-horiz-menu table {
  font: 8pt tahoma,verdana,sans-serif;
}

div.dynarch-horiz-menu table tr td.item {
  padding: 2px 8px;
  border: 1px solid #CCCCCC;
}

div.dynarch-horiz-menu table tr td.item img {
  vertical-align: middle;
}

div.dynarch-horiz-menu table tr td.hover {
  border-color: #fff #9d98bf #9d98bf #fff;
}

div.dynarch-horiz-menu table tr td.active {
  border-color: #9d98bf #fff #fff #9d98bf;
  background-color: #EEEEEE;
  padding: 3px 7px 1px 9px;
}

div.dynarch-horiz-menu table tr td.separator { width: 6px; }

div.dynarch-horiz-menu table tr td.separator div {
  border-left: 1px solid #9d98bf;
  border-right: 1px solid #fff;
  margin: 0px 2px;
  height: 1.3em;
}

/* vertical parts */

div.dynarch-popup-menu {
/*
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
  filter: alpha(opacity=80);
*/
  position: absolute;
  left: 0px;
  top: 0px;
  border: 1px solid #aca899;
  padding: 2px;
  background-color: #ffffff;
  cursor: default;
  z-index: 1000;
}

div.dynarch-popup-menu table {
  font: 8pt tahoma,verdana,sans-serif;
  border-collapse: collapse;
}

div.dynarch-popup-menu tr.item td.icon img {
  width: 18px;
  height: 18px;
}

div.dynarch-popup-menu tr.item td.icon {
  padding: 0px 1px;
  height: 18px;
  background-color: #CCCCCC;
}

div.dynarch-popup-menu tr.item td.label {
  padding: 1px 10px 1px 3px;
  white-space: nowrap;
  font: 11px tahoma,verdana,sans-serif;
  color: black;
}

div.dynarch-popup-menu tr.item td.arrow {
  width: 11px;
  background: transparent url("img/rarrow.gif") no-repeat 0% 50%;
}

div.dynarch-popup-menu tr.separator td {
  padding: 2px 0px 1px 0px;
}
div.dynarch-popup-menu tr.separator>td { padding: 2px 0px; }

div.dynarch-popup-menu tr.separator td div {
  border-top: 1px solid #aca899;
  overflow: hidden;
  height: 2px;
}
div.dynarch-popup-menu tr.separator td>div { height: 0px; }

div.dynarch-popup-menu tr.separator td.icon {
  background-color: #ddf;
}
div.dynarch-popup-menu tr.separator td.final { padding-right: 3px; }

div.dynarch-popup-menu tr.item.hover, div.dynarch-popup-menu tr.item.active {
  background-color: #DDDDDD;
  color: #fff;
}

div.dynarch-popup-menu tr.item.hover td.icon, div.dynarch-popup-menu tr.item.active td.icon {
  background-color: #DDDDDD;
}

div.dynarch-popup-menu tr.item.hover td.arrow, div.dynarch-popup-menu tr.item.active td.arrow {
  background-color: #DDDDDD;
}