/*
 * Stylesheet for AcmeMenu Examples
 */

a.button
	{
	display:block;
	width:18ex;
	background-color:#DDDDDD;
	text-decoration:none; 
	text-align:center;
	border-width:2px;
	border-style:outset;
	}
a.button:link    { color:black; }
a.button:visited { color:black; }
a.button:hover   { color:black; text-decoration:none; }
a.button:active  { color:black; border-style:inset; }

.example
	{
	display:none;
	padding:1ex 2ex;
	border-style:solid;
	border-color:black;
	border-width:1px;
	}
a.example-head,
a.example-head-hilite
	{
	display:block;
	padding:0px 3ex;
	background-position:left top;
	background-repeat:no-repeat;
	}
a.example-head        { background-image:url(dtriangle.gif); }
a.example-head-hilite { background-image:url(utriangle.gif); }
p.example-head	{ padding:0px 3ex; margin:0; }


/* Menu Styles */
div.menu {
	visibility:hidden;
	position:absolute;
	color:black;
	background-color:lightyellow;
	border:solid black 1px;
	width:125px;
	}

div.menu a         { display:block; width:100%; }
div.menu a:link,
div.menu a:visited,
div.menu a:active,
div.menu a:hover   { color:black; text-decoration:none; }
div.menu a:hover   { background-color:lightgrey; }

a.menu-head,
a.menu-head:link,
a.menu-head:visited,
a.menu-head:hover,
a.menu-head:active,
a.menu-head-hilite,
a.menu-head-hilite:link,
a.menu-head-hilite:visited,
a.menu-head-hilite:active,
a.menu-head-hilite:hover {
	display:block;
	text-align:center;
	color:black;
	border:solid black 1px;
	width:75px;
	}
a.menu-head        { background-color:lightgrey; }
a.menu-head:hover,
a.menu-head-hilite { background-color:lightyellow; text-decoration:none; }

#manmenu     { left:80px;  top:0px; width:150px; }
#mansubmenu  { left:237px; top:0px; width:125px; }
#mansubmenu2 { left:237px; top:0px; width:100px; }

/* Form */
div.formmenu {
	visibility:hidden;
	position:absolute;
	text-align:center;
	color:black;
	background-color:lightyellow;
	border-color:lightgrey;
	border-style:solid;
	border-width:1px;
	padding:3px;
	width:325px; 
	}

a.formmenu-head,
a.formmenu-head-hilite {
	display:block;
	text-align:center;
	color:black;
	border-color:black;
	border-style:solid;
	border-width:1px;
	width:8ex;
	}
a.formmenu-head        { background-color:lightgrey; color:black; }
a.formmenu-head:hover,
a.formmenu-head-hilite { background-color:lightyellow; color:black; text-decoration:none; }

#formmenu { left:10ex; top:0px; }

/* Left Vertical Menus */
div.leftmenu,
div.leftsubmenu {
	background-color:#DDDDDD;
	border:solid black 1px;
	text-align:left;
	padding:2px;
	}
div.leftsubmenu {
	visibility:hidden;
	position:absolute;
	}

div.leftmenu a         { display:block; width:100%; }
div.leftmenu a:link,
div.leftmenu a:visited,
div.leftmenu a:active  { color:black; text-decoration:none; }
div.leftmenu a:hover   { color:black; text-decoration:none; background-color:lightyellow; }

div.leftsubmenu a         { display:block; width:100%; }
div.leftsubmenu a:link,
div.leftsubmenu a:visited,
div.leftsubmenu a:active  { color:black; text-decoration:none; }
div.leftsubmenu a:hover   { color:black; text-decoration:none; background-color:lightyellow; }

a.leftsubmenu-head,
a.leftsubmenu-head-hilite {
	background-image:url(rtriangle.gif);
	background-position:right center;
	background-repeat:no-repeat;
	}
a.leftsubmenu-head-hilite { background-color:lightyellow; }


/* Right Vertical Menus */
div.rightmenu,
div.rightsubmenu {
	background-color:#DDDDDD;
	border:solid black 1px;
	text-align:right;
	padding:2px;
	}
div.rightsubmenu {
	visibility:hidden;
	position:absolute;
	}

div.rightmenu a         { display:block; width:100%; }
div.rightmenu a:link,
div.rightmenu a:visited,
div.rightmenu a:active  { color:black; text-decoration:none; }
div.rightmenu a:hover   { color:black; text-decoration:none; background-color:lightyellow; }

div.rightsubmenu a         { display:block; width:100%; }
div.rightsubmenu a:link,
div.rightsubmenu a:visited,
div.rightsubmenu a:active  { color:black; text-decoration:none; }
div.rightsubmenu a:hover   { color:black; text-decoration:none; background-color:lightyellow; }

a.rightsubmenu-head,
a.rightsubmenu-head-hilite {
	background-image:url(ltriangle.gif);
	background-position:left center;
	background-repeat:no-repeat;
	}
a.rightsubmenu-head-hilite { background-color:lightyellow; }


/* System Menu Styles */
.sysmenubar,
.sysmenubar td {
	font-family:Arial,Helvetica,sans-serif;
	font-size:8pt;
	color:black;
	}

.sysmenubar {
	padding:1px 1ex;
	background-color:#CCCCCC;
	border:outset #F0F0F0 2px;
	}

.sysmenubar a,
.sysmenubar a:visited,
.sysmenubar a:link,
.sysmenubar a:active,
.sysmenubar a:hover {
	color:black;
	text-decoration:none;
	cursor:default;
	}

.sysmenubar a.sysmenu-head,
.sysmenubar a.sysmenu-head-hilite {
	width:6ex;
	display:block;
	text-decoration:none; 
	text-align:center;
	}
.sysmenubar a.sysmenu-head        { border:solid #CCCCCC 2px; }
.sysmenubar a.sysmenu-head:hover  { border:outset #F0F0F0 2px; }
.sysmenubar a.sysmenu-head-hilite { border:inset #F0F0F0 2px; }

.sysmenu {
	position:absolute;
	visibility:hidden;
	font-family:Arial,Helvetica,sans-serif;
	font-size:8pt;
	background-color:#CCCCCC;
	border:outset #F0F0F0 2px;
	padding: 2px;
	}

.sysmenu a,
.sysmenu a:link,
.sysmenu a:visited,
.sysmenu a:active {
	display:block;
	width:100%;
	text-decoration:none; 
	color:black;
	}
.sysmenu a:hover {
	background-color:blue;
	color:white;
	}

.sysmenu a.syssubmenu-head {
	background-image:url(rtriangle.gif);
	background-position:right center;
	background-repeat:no-repeat;
	}

.sysmenu a.syssubmenu-head:hover,
.sysmenu a.syssubmenu-head-hilite,
.sysmenu a.syssubmenu-head-hilite:hover,
.sysmenu a.syssubmenu-head-hilite:visited {
	color:white;
	background-color:blue;
	background-image:url(rtriangle_white.gif);
	background-position:right center;
	background-repeat:no-repeat;
	}



/* Fixed Menu Styles */
.fixedmenu { left:0px;top:0px;width:200px;height:200px; }
.fixedmenu {
	position:absolute;
	visibility:hidden;
	background-color:lightyellow;
	border:outset #F0F0F0 2px;
	padding: 2px;
	}
a.fixedmenu-head,
a.fixedmenu-head:link,
a.fixedmenu-head:visited,
a.fixedmenu-head:hover,
a.fixedmenu-head:active,
a.fixedmenu-head-hilite,
a.fixedmenu-head-hilite:link,
a.fixedmenu-head-hilite:visited,
a.fixedmenu-head-hilite:active,
a.fixedmenu-head-hilite:hover {
	display:block;
	text-align:center;
	text-decoration:none;
	color:black;
	border:outset #F0F0F0 2px;
	width:75px;
	}
a.fixedmenu-head	{ background-color:lightgrey; color:black; }
a.fixedmenu-head:hover,
a.fixedmenu-head-hilite	{ background-color:lightyellow; color:black; }