/* @override http://grogro.local:8888/~max/batu/batu/hop/widgets/hop_menu_IE6.css */

/*
«Copyright 2007 Max Barel a_x@ac-mb.info»
Release : 0.4 ($Rev: 66 $)
$Date: 2008-03-09 22:02:42 +0100 (Sun, 09 Mar 2008) $

This file is part of HoP.

HoP is free software; you can redistribute it and/or modify
it under the terms of the GNU Lesser General Public License as published by
the Free Software Foundation; either version 2.1 of the License, or
(at your option) any later version.

HoP is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU Lesser General Public License for more details.

You should have received a copy of the GNU Lesser General Public License
along with HoP; if not, write to the Free Software
Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA
*/

/* This stylesheet is designed to accomodate IE6 flaws.
	- includes the csshover behaviour
	- replaces any use of > or  + selector operators by verbose selectors definitions */

/* feature settings */


/*body {
	behavior: url("js/csshover.htc"); bug IE6 now in conditional comment
}*/

ul.hop_menu {
	position: absolute;
	margin: 0;
}

ul.hop_menu li {
	position: relative;
}

ul.hop_menu ul.hop_menu
,ul.hop_menu ul.hop_menu ul.hop_menu {
	left: 90%;
	top: 0;
	display: none;
}

ul.hop_menu li > ul.hop_menu
,ul.hop_menu ul.hop_menu li > ul.hop_menu {
	left: 100%;
}

ul.hop_menu li:hover ul.hop_menu
,ul.hop_menu li:hover li:hover ul.hop_menu
,ul.hop_menu li:hover li:hover li:hover ul.hop_menu {
	display: block;
}

ul.hop_menu li:hover li ul.hop_menu
,ul.hop_menu li:hover li:hover li ul.hop_menu {
	display: none;
}

ul.menu_horiz {
	white-space: nowrap;
}

ul.menu_horiz li{
	display: inline;
}

ul.menu_horiz li ul li{
	display: block;
}

ul.menu_horiz  li  ul.hop_menu {
	left: 0;
	top: 100%;
}

.menu_container {
	position: relative;
}

/* style settings */

ul.hop_menu {
	list-style-type: none;
	background: #d8d8d8;
	padding: 0;
	border: .15em solid gray; /* several margins depend on this border width. Look for (1) */
}

ul.hop_menu ul.hop_menu {
	margin-top: -.15em; /* (1) */
}

* html ul.hop_menu ul.hop_menu {
	margin-left: -.15em; /* (1) */
}

ul.hop_menu li {
	padding: .35em .5em; /* (2) */
}

ul.hop_menu li + li {
	border-top: .15em solid gray; /* (1) */
}

ul.menu_horiz {
	height: 1.85em; /* 1 + 2*(2) + (1) */
}

ul.menu_horiz li {
	top: .35em; /* (2) */
}

ul.menu_horiz  li li {
	top: 0;
}

ul.menu_horiz > li + li {
	border-top: none;
	border-left: .15em solid gray; /* (1) */
}

ul.menu_horiz > li > ul.hop_menu {
	margin-left: -.15em; /* (1) */
	/*margin-top: -.15em;   (1)  (2) */
	/*min-width: 100%;*/
	z-index: 2; /*opera*/
}

ul.hop_menu li.has_sub_menu
,ul.hop_menu ul.hop_menu li.has_sub_menu {
	padding-right: 1.2em;
	background: url(grey_right.gif) no-repeat 95% center;
}

ul.menu_horiz  li.has_sub_menu {
	background-image: url(grey_down.gif);
	z-index: 1; /*opera*/
}