﻿
/* loads layout: hmenu.css (suitable for flat menus) */
/* if you put your stylesheet in the same directory as the default
   stylesheets, then you can skip the path in the next line and only
   import "hmenu.css" (the paths are relative to the CSS file which
   issues the "import" command) */
@import url("../../menu/src/hmenu.css");

/* horizontal parts */

div.dynarch-horiz-menu {
	background-color: #f3f5f4;
	color: #000;
	border-color: #52a2ff #3182e7 #52a2ff #428aef;
}
div.dynarch-horiz-menu table {
	color: #000;
}
div.dynarch-horiz-menu table tr td.hover {
	background-color: #3182e7;
	color: #fff;
}
div.dynarch-horiz-menu table tr td.active {
	background-color: #297de7;
	color: #fff;
}
div.dynarch-horiz-menu table tr td.pressed {
	background-color: #79cdf7;
	padding: 3px 2px 1px 4px;
}
div.dynarch-horiz-menu table tr td.hover table, div.dynarch-horiz-menu table tr td.active table {
	color: #fff;
}
div.dynarch-horiz-menu table tr td.separator {
	width: 7px;
}
div.dynarch-horiz-menu table tr td.separator div {
	border-right-color: #3182e7;
	border-left: none;
	margin-right: 3px;
}

/* vertical parts */

div.dynarch-popup-menu {
	border-right: #9191FF 1px solid;
	padding-right: 0.4em;
	border-top: #9191FF 1px solid;
	padding-left: 0.4em;
	padding-bottom: 0.4em;
	border-left: #9191FF 1px solid;
	color: #000000;
	padding-top: 0.4em;
	border-bottom: #9191FF 1px solid;
	background-color: #D8D8EE;
}
/*
div.dynarch-popup-menu div.d {
	border-left: 1px solid #8cb6ef;
}
div.dynarch-popup-menu div.c {
	border-left: 1px solid #2979e7;
}
div.dynarch-popup-menu div.b {
	border-left: 2px solid #297de7;
}
div.dynarch-popup-menu div.a {
	border-left: 1px solid #3182ef;
}
*/
div.dynarch-popup-menu tr.item td.icon {
	padding: 1px 1px 1px 3px;
}
div.dynarch-popup-menu tr.separator td div {
	/* background: url( "../../img/xp/separator.gif" ) no-repeat 50% 50%; */
}
div.dynarch-popup-menu tr.item.hover, div.dynarch-popup-menu tr.item.active {
	color: #fff;
	background-color: #9191FF;
}
div.dynarch-popup-menu tr.item.hover td.icon, div.dynarch-popup-menu tr.item.active td.icon {
	background-color: #9191FF;
}
