/* Copyright Dynarch.com, 2003-2005.  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("/javascripts/menu/hmenu.css");

div.dynarch-horiz-menu {
	 border: none;
	 font-size: .88em;
	 height: 23px;
	 margin: 0px;
	 max-height: 23px;
	 padding: 0px;
	 padding-top: 3px;
}

div.dynarch-horiz-menu table {
	color: #ffffff;
	font: .88em Georgia, Times New Roman, Roman, serif;
	font-weight: 500;
}

div.dynarch-horiz-menu table tr td {
	padding: 0px;
	margin: 0px;
}

div.dynarch-horiz-menu table tr td.item {
	padding-top: 4px;
	padding-bottom: 2px;
	padding-left: 32px;
	padding-right: 20px;
	margin: 0px;
}

div.dynarch-horiz-menu table tr td.hover {
	color: #f0cd6e;
}

div.dynarch-horiz-menu table tr td.active {
	color: #f0cd6e;
}
div.dynarch-horiz-menu table tr td.separator { width: 7px; }
div.dynarch-horiz-menu table tr td.separator div { border-left-color: #ddd2df; border-right: none; margin: 3px 3px; }

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

div.dynarch-popup-menu {
  /* This is the element containing a single popup menu.  Many other elements are inside it,
     but you normally only need to mess with this one and with <table> and <td> elements. */

  background-color: #49535D;   
	margin-top: 0px;
  padding: 2px;         
  border-top: 2px solid #7F8291;
  border-bottom: 2px solid #303342;
  border-left: 2px solid #7F8291;
  border-right: 2px solid #303342;
}

div.dynarch-popup-menu table td {
  /* This table contains popup menu items.  It's a good place to configure fonts. */

  font: .95em Georgia, Times New Roman, Roman, serif; /* customize popup menu fonts */
  color: white;                        /* make sure they are initially dark red */
	font-weight: 500;
	padding-top: 2px;
	padding-top: 1px;
}

div.dynarch-popup-menu tr.item.hover td {
  /* Set the style for hovered items. */
  color: #fae465;
}

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

div.dynarch-popup-menu tr.separator td div {
  /* Here we can configure the horizontal separator style. */
  background-color: #ffffff;
	margin-top: 1px;
  margin-bottom: 1px;
}

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

/***

   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.

***/