/* Copyright Dynarch.com, 2003-2006.  All Rights Reserved. */
/* DynarchMenu layout file */

/* basic layout style for DynarchMenu; no colors are defined in this */

/* horizontal parts */
div.dynarch-horiz-menu {
  padding: 0px 0px;
  cursor:  default;
}

div.dynarch-horiz-menu table, div.dynarch-popup-menu table { border: 0px solid white; font: 11px tahoma,verdana,sans-serif; }
div.dynarch-popup-menu table { border-collapse: collapse; }
div.dynarch-horiz-menu table tr td.item table td.icon { padding-right: 3px; }
div.dynarch-horiz-menu table tr td.item { padding: 3px 17px; }

div.dynarch-horiz-menu table tr td.item img { vertical-align: middle; }
div.dynarch-horiz-menu table tr td.separator { width: 6px; }
div.dynarch-horiz-menu table tr td.separator div {
  border-left: 1px solid;
  border-right: 1px solid;
  margin: 3px 2px 2px 2px;
  height: 1.2em;
  overflow: hidden;
}

div.dynarch-horiz-menu td.disabled, div.dynarch-horiz-menu td.disabled table td { color: #aca899; }
div.dynarch-horiz-menu td.disabled img { -moz-opacity: 0.4; filter: alpha(opacity=40); }

/* vertical parts */

div.dynarch-popup-menu {
  position: absolute;
  left: 0px;
  top: 0px;
  border: 1px solid;
  padding: 1px;
  cursor: default;
  z-index: 1000;
}
div.dynarch-popup-menu div.dynarch-menu-scroll { overflow: hidden; }
div.dynarch-popup-base-menu { position: static; }
div.dynarch-popup-menu tr.item td.icon img,
div.dynarch-popup-menu tr.item td.icon div { width: 18px; height: 18px; }
div.dynarch-popup-menu tr.item td.icon { padding: 0px 1px; height: 18px; width: 18px; }

div.dynarch-popup-menu tr.item td.label { padding: 1px 15px 1px 3px;

 background-color: initial;
 text-shadow: 	   initial;
 -webkit-border-radius: initial;
 border-radius: initial;
 background-color:initial;
 
 background-color: -moz-initial;
 text-shadow: -moz-initial;
 -webkit-border-radius: -moz-initial;
 border-radius: -moz-initial;
 background-color:-moz-initial;

 background-color: inherit;
 text-shadow: inherit;
 -webkit-border-radius: inherit;
 border-radius: inherit;
 background-color:inherit;

}

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

div.dynarch-popup-menu tr.separator * {
	height: 1px !important;
}
div.dynarch-popup-menu tr.separator td div {
  margin: 0px;
  height: 1px;
  line-height: 1px;
  font-size: 1px;
  border:none;
  border-bottom: 0px solid gray;
}
div.dynarch-popup-menu tr.disabled td.label { color: #aca899; }
div.dynarch-popup-menu tr.disabled td.icon img { -moz-opacity: 0.4; filter: alpha(opacity=40); }

/* shadows */

div.dynarch-menu-shadow, img.dynarch-menu-shadow, div.div.dynarch-IE6-shadow { z-index: 990; position: absolute; }
div.dynarch-menu-shadow { background-color: #555; -moz-opacity: 0.6; filter: alpha(opacity=60); }

/* hider */
iframe#dynarch-menu-hider { z-index: 980; }

/* scroll */

div.dynarch-menu-scroll-up { height: 12px; font-size: 12px; line-height: 12px; overflow: hidden;
  background: url("/swiss/new_menu/img/scroll-up.gif") no-repeat 50% 50%;
}
div.dynarch-menu-scroll-down { height: 12px; font-size: 12px; line-height: 12px; overflow: hidden;
  background: url("/swiss/new_menu/img/scroll-down.gif") no-repeat 50% 50%;
}
div.dynarch-menu-scroll-up-hover { background-image: url("/swiss/new_menu/img/scroll-up-hover.gif"); }
div.dynarch-menu-scroll-down-hover { background-image: url("/swiss/new_menu/img/scroll-down-hover.gif"); }
div.dynarch-menu-scroll-up-disabled { background-image: url("/swiss/new_menu/img/scroll-up-disabled.gif"); }
div.dynarch-menu-scroll-down-disabled { background-image: url("/swiss/new_menu/img/scroll-down-disabled.gif"); }

/* toolbars */

div.dynarch-menu-toolbar table tr td.item {
  padding: 2px 3px;
}
.impossible-class-name-to-preload-shadow-image-in-internet-exploder { background-image: url("/swiss/new_menu/img/shadow.png"); }
/* Copyright Dynarch.com, 2003-2006.  All Rights Reserved. */

/*
   Note, this file wants to be a sample showing you how to create custom skins.
   Feel free to use it as a starting point. */

/* Import the main layout file.  Several layouts are predefined:

   - hmenu.css          -- standard 2D layout
   - hmenu-extended.css -- facilitates skins like "Office XP" menus
   - hmenu-3d.css       -- facilitates 3D skins suitable for Win98-like menus

   Please note that the URL that you specify in the @import clause is relative
   to the path of this file itself.  Since skin-sample.css is located in the same
   directory as hmenu.css, we can include it directly as "hmenu.css".  If you plan
   to put your custom skins in another directory, then you would need to include
   for instance: "/hmenu/hmenu.css", assuming that "/hmenu/" is the path to your
   DynarchMenu installation, accessible from your server's document root.
*/

@import url("/swiss/new_menu/hmenu.css");

/****************************************************
   (1) THE MAIN MENU BAR
*****************************************************/

div1.dynarch-horiz-menu {
  border: none;       /* give it a thick, red border */
  cursor: pointer;
}

div.dynarch-horiz-menu table {
  height: 34px;
  font-size: 12px;
  font-family: Tahoma; /* set a custom font */
  font-weight:bold;
  color: white;                  /* and a custom color */
  /* filter:DropShadow (Color=#000000, OffX=1, OffY=1, Positive=true); */
}

div.dynarch-horiz-menu table tr td.hover {
  font-weight:bold;
  white-space:nowrap !important;
  border-right: 1px solid #282829;
  border-left: 1px solid #353535;
}

div.dynarch-horiz-menu table tr td{
  white-space:nowrap !important;
  font-weight:bold;
  border-right: 1px solid #282829;
  border-left: 1px solid #353535;
}

.qaClass * {
	padding-right: 0px !important;
	border: 0px solid red !imortant;
}

/*
.qaClass.dynarch-popup-menu  {
	 *margin-top: -40px !important;
}
*/

.qaClass div div div div table tr td.active,
.qaClass div div div div table tr td {
  border: 0px solid #282829 !important;
  background-image: none;
  /*margin: 0px !important; */

}



div.dynarch-horiz-menu table tr td.active {
  color: #fff;
  font-weight: bold;
  border-right: 1px solid #282829;
  border-left: 1px solid #353535;
  background-image: url('/images/flat/menuBgHover.png');
}

div.dynarch-horiz-menu table tr td.separator div {
  border:none;
}

/****************************************************
   (2) THE POPUP MENUS
*****************************************************/

div.dynarch-popup-menu {
  background-image: url('/images/flat/whiteMoneBg.png') top left repeat-x;
  background-color: #F6F6F6;  	/* light yellow background */
  padding: 0px;                 /* An ugly, 10 pixels, padding. */
  border: 1px solid #aaa;       /* a thick red border. */
  cursor: pointer;
  *margin-top:-1px;
}

div.dynarch-popup-menu table td {
  font-size: 11px;/* customize popup menu fonts */
  color: black;                        /* make sure they are initially dark red */
  font-weight:bold;
  height:25px;

  /* background-image: url('/images/flat/whiteMoneBg.png'); */
}

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

div.dynarch-popup-menu tr.item.active td {
  /* Set the style for active (pressed) items. */
  background-color: #585858;
}

div.dynarch-popup-menu tr.separator td div {
  /* Here we can configure the horizontal separator style. */
  border-color: black;        /* give it a red background in order to have a red line as separator. */
  height:1px;
  background: gray;

  /* Let's space it "properly" ;-) */
}

div.dynarch-popup-menu tr.disabled td.label {
  /* Special case: DISABLED menu items */
  color: #fff;                  /* Let's make them hard to see ;-) */
  background-color: rgb(51,86,126);
}

div.dynarch-popup-menu tr.item td big {
    color: #EE2127;
}

/***

   Well, that's what you need to know..  I hope this helps.  Our menu
   can be styled very heavily and nicely, but it's out of the scope of our
   documentation to write a full guide to CSS.

   If you need more than this, please (1) read and understand the CSS
   specification which can be found at www.w3.org, (2) look through our
   default skins and (3) experiment, experiment, test, experiment :-).
   It's not easy to make good looking skins.

***/

.boldGrayDevider {line-height: 1px; height: 3px !important;}