/*
$Header: /usr/local/cvsroot/district/web/css/menu.css,v 4.16 2007/04/30 19:38:27 jpd Exp $
*/


body {
	margin:0;
	padding:0;
	overflow:hidden;
}

#cmecfMainContent {
	overflow:auto;
	height:93%;
	width:100%;
}

/* Menu styles */

div.yuimenu {
	z-index:10; /* higher than the pop-ups */
	visibility:hidden;
	color:#000000;

	border-top: solid 2px #effdfd;
	border-right: solid 2px #8997a7;
	border-bottom: solid 2px #8997a7;
	/* use background-image instead of a left border */
	background-image: url(/graphics/menu-edge.gif);
	background-color:#cddbeb;

	font-family:arial,helvetica,clean,sans-serif;
	font-weight:normal;
	margin:0;
	padding:0px 3px 0px 3px;
}

/* MenuBar Styles */

div.yuimenubar {
	z-index:10; /* higher than the pop-ups */
	border:0;
	background-color:#0000aa;
	color:#ffffff;
	font-weight:bold;
	font-family:arial,helvetica,clean,sans-serif;
	margin:0;
	padding:0;
}

/*
	Application of "zoom:1" triggers "haslayout" in IE so that the module's
	body clears its floated elements
*/

div.yuimenubar div.bd {
	zoom:1;
}

/*
	Clear the module body for other browsers
*/

div.yuimenubar div.bd:after {
	content:'.';
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
}

/* Matches the group title (H6) inside a Menu or MenuBar instance */

div.yuimenu h6,
div.yuimenubar h6 {
	font-weight:normal;
	margin:0 0 0 3px;
	border:solid 1px;
	border-color:#ffffff #cccccc #cccccc #ffffff;
	text-align:left;
}

div.yuimenubar h6 {
	float:left;
	display:inline; /* Prevent margin doubling in IE */
	padding:4px 12px;
}

div.yuimenu h6 {
	float:none;
	display:block;
	color:#000000;
	padding:0;
}

/* Matches the UL inside a Menu or MenuBar instance */

div.yuimenubar ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

div.yuimenu ul {
	list-style-type:none;
	border:0;
	border-width:0;
	margin:0;
	padding:0;
}

/* MenuItem and MenuBarItem styles */

div.yuimenu li,
div.yuimenubar li {
	font-size:85%;
	cursor:pointer;
	white-space:nowrap;
	text-align:left;
}

div.yuimenubar a:focus,
div.yuimenu a:focus {
	-moz-outline-style:none;
	outline:none;
}

div.yuimenu li.yuimenuitem {
	padding-top: 1px;
	padding-right: 15px;
	padding-bottom: 1px;
	padding-left: 3px;
	/*
	   This sets the blue edge of the menu away from highlighting and horizontal
	   rules, and makes the submenus overlap the edge completely
	 */
	margin-left: 9px;
}

div.yuimenu li li,
div.yuimenubar li li {
	font-size:12px;
}

/* Matches the help text for a menu item */

div.yuimenu li.hashelptext em.helptext {
	font-style:normal;
	margin:0 0 0 40px;
}

div.yuimenu li a,
div.yuimenubar li a {
	/*
		"zoom:1" triggers "haslayout" in IE to ensure that the mouseover and
		mouseout events bubble to the parent LI in IE.
	 */
	zoom:1;
	text-decoration:none;
}

div.yuimenubar li a {
	color:#ffffff;
}

div.yuimenu li a {
	color:#000000;
}

div.yuimenu li.hassubmenu,
div.yuimenu li.hashelptext {
	text-align:right;
}

div.yuimenu li.hassubmenu a.hassubmenu,
div.yuimenu li.hashelptext a.hashelptext {
	*float:left;
	*display:inline; /* Prevent margin doubling in IE */
	text-align:left;
}

div.yuimenu.visible li.hassubmenu a.hassubmenu,
div.yuimenu.visible li.hashelptext a.hashelptext {
	float:left;
}

/* Matches selected menu items */

div.yuimenu li.selected a.selected,
div.yuimenubar li.selected a.selected {
	text-decoration:none;
}

div.yuimenu li.selected {
	background-color:#ffffff;
}

/* Matches disabled menu items */

div.yuimenu li.disabled,
div.yuimenubar li.disabled {
	cursor:default;
}

div.yuimenu li.disabled a.disabled,
div.yuimenu li.disabled em.disabled,
div.yuimenubar li.disabled a.disabled {
	cursor:default;
}

div.yuimenubar li.yuimenubaritem {
	float:left;
	display:inline; /* Prevent margin doubling in IE */
	padding:4px 4px;
	margin:0;
	border:solid 2px #0000aa;
	width:11%;
	text-align:center;
}

/* Styles for the the submenu indicator for menu items */

div.yuimenu li.hassubmenu em.submenuindicator,
div.yuimenubar li.hassubmenu em.submenuindicator {

    display:-moz-inline-box; /* Mozilla */
    display:inline-block; /* IE, Opera and Safari */
    vertical-align:middle;
    height:8px;
    width:8px;
    text-indent:9px;
    font:0/0 arial;
    overflow:hidden;
    background-image:url(/graphics/menu_map.gif);
    background-repeat:no-repeat;

}

div.yuimenubar li.hassubmenu em.submenuindicator {

    background-position:0 -24px;
    margin:0 0 0 10px;

}

div.yuimenubar li.hassubmenu em.submenuindicator.selected {

    background-position:0 -32px;

}

div.yuimenubar li.hassubmenu em.submenuindicator.disabled {

    background-position:0 -40px;

}

div.yuimenu li.hassubmenu em.submenuindicator {

    background-position:0 0;
    margin:0 -16px 0 10px;

}

div.yuimenu li.hassubmenu em.submenuindicator.selected {

    background-position:0 -8px;

}

div.yuimenu li.hassubmenu em.submenuindicator.disabled {

    background-position:0 -16px;

}

/* Styles for a menu item's "checked" state */

div.yuimenu li.checked {
	position:relative;
}

div.yuimenu li.checked em.checkedindicator {

    height:8px;
    width:8px;
    text-indent:9px;
    overflow:hidden;
    background-image:url(map.gif);
    background-position:0 -48px;
    background-repeat:no-repeat;
    position:absolute;
    left:6px;
    _left:-16px; /* Underscore hack b/c this is for IE 6 only */
    top:.5em;

}

div.yuimenu li.checked em.checkedindicator.selected {

    background-position:0 -56px;

}

div.yuimenu li.checked em.checkedindicator.disabled {

    background-position:0 -64px;

}

/* Menu selected colors */

div.yuimenubar li.selected {
	background-color:#cddbeb;
	border-color:#8997a7 #effdfd #effdfd #8997a7;
}
div.yuimenubar li.selected a.selected {
	color:#0000aa;
}

/* Submenu colors */

div.yuimenu li.selected {
	background-color:#deecfc;
}

div.yuimenu li.selected a.selected {
	color:#000000;
}

div.yuimenu h6 {
	border-color:#deecfc #abb9c9 #abb9c9 #deecfc;
}
div.yuimenu li.beforeSpace {
  border-bottom: 1px solid #8997a7;
}
div.yuimenu li.afterSpace {
  border-top: 1px solid #effdfd;
}


#cmecfLogo, #helpImage {
	position:absolute;
	border:0;
	padding:0;
	margin:0;
	cursor:pointer;
	/* for alt text */
	font-weight: bold;
	font-family: arial,helvetica,clean,sans-serif;
	font-size: 150%;
}

#cmecfLogo {
	top:0px;
	left:0px;
	z-index:1;
	color: #cddbeb; 	/* for alt text */
}

#helpImage {
	top:0;
	right:0px;
	z-index:20;
	color: yellow;		/* for alt text */
}

div#topmenu {
	height:40px
}

/* reposition menubar text to vertically center it in the sized bar */
div.yuimenubar div.bd li.yuimenubaritem {
	margin-top:5px;
}
div.yuimenubar div.bd ul {
	margin-left:110px;
}

/* but do not reposition the text inside the menus */
div.yuimenubar div.bd div.bd ul {
	margin:0;
}


/* Do not print the menu bar */

@media print {
	div.yuimenubar, div.yuimenu, div.bd, #cmecfLogo, #helpImage, div#topmenu {
		display:none;
	}

	#cmecfMainContent {
		color:black;
		background-color:white;
		position:static;
		display:block;
		height:100%;
		width:100%;
		overflow:visible;
	}

	body {
		color:black;
		background-color:white;
		overflow:visible;
		height:100%;
		width:100%;
	}
}

/* Menu item classes */

.menutextbold {
	font-weight: bold;
}

.menutextitalic {
	font-style: italic;
}

.menutextbolditalic {
	font-weight: bold;
	font-style: italic;
}