/* CSS for buttons (not a part of the menu) */
a.ERMDropdownButton, a.ERMDropdownButton:hover, a.ERMDropdownButton:visited
{
	border: 1px solid #000000 !important;
	color: #000000 !important;
	font-family: verdana,sans-serif !important;
	font-size: 10px !important;
	font-style: normal !important;
	font-weight: normal !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	padding: 3px 20px 3px 8px !important;
	size: auto !important;
	background-color: #FFFFFF !important;
	background-image: url(/images/ermdd-grad.gif) !important;
	background-position: right center !important;
	background-repeat: repeat-x !important;
	cursor: pointer !important;
	-moz-user-select: none;
}

img.ERMDropdownButton
{
	cursor: pointer !important;
}


.ERMDropdownSPButton
{
	width: 100%;
	padding: 2px 2px 2px 2px;
	margin: -2px 10px -2px -2px;
	text-align: left;
	cursor: default;
}
.ERMDropdownSPButtonHover
{
	width: 100%;
	text-align: left;
	padding: 2px 2px 2px 2px;
	margin: -3px 9px -3px -3px;
	.margin-right: -3px;
	border: 1px solid #6C83A6;
	background-color: #DEE3EB;
	background-image: url(/images/sortableDesc.gif);
	background-repeat: no-repeat;
	background-position: right center;
	cursor: pointer;
}

/* Safari hacks :( */
::root .ERMDropdownSPButton { width: auto; padding: 3px; margin: -3px; }
::root .ERMDropdownSPButtonHover { width: auto; padding: 2px; margin: -3px; }
::root .ERMDropdownSPButton a, ::root .ERMDropdownSPButtonHover a { margin-right: 12px; }





/* Main DropdownMenu CSS */
/* Do not try to optimize this CSS or it's HTML structure. It is as optimized as it can get w/o breaking in obscure places */
.ERMDropdownMenu
{
	position: absolute;
	top: 0px;
	left: 0px;
	margin: -1px 0px 0px 3px;	/* Hack margins a bit so the menu lines up with the clickable */
	.margin: -1px 0px 0px 4px; /* Hack for IE6/7 */
	padding: 0px 0px 0px 0px;
	-moz-user-select: none;
}

.ERMDropdownSubmenu /* A submenu */
{
	margin: -4px 0px 0px -4px;	/* Hack margins a bit so the menu lines up with the clickable */
	.margin: -5px 0px 0px -5px; /* Hack for IE6/7 */
}
::root .ERMDropdownSubmenu { margin: -6px 0px 0px -6px; } /* Safari hack :( */


.ERMDropdownMenu div.hidden div.menu
{
	display: none;
}

.ERMDropdownMenu div.active div.menu
{
	position: absolute;
	display: block;
	border: 1px solid #000000 !important;
	background-color: #FFFFFF !important;
	padding: 2px;
	/*width: auto;*/
	width: 200px;
	margin: 0px 0px 0px 0px;
	left: -3px;
	top: 3px;
	font-family: Verdana, San-serif;
	font-size: 11px;
	text-align: left;
	overflow: auto;
	-webkit-box-shadow: 4px 4px 8px -2px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 4px 4px 8px -2px rgba(0, 0, 0, 0.5);
	box-shadow: 4px 4px 8px -2px rgba(0, 0, 0, 0.5);
}
.ERMDropdownMenu div.bottom div.menu { top: auto; bottom: 2px; }
.ERMDropdownMenu div.right div.menu { left: auto; right: 2px; }

.ERMDropdownMenu div div.menu a
{
	display: block;
	border: 1px solid #FFFFFF !important;
	color: #000000 !important;
	text-decoration: none;
	padding: 2px 8px 2px 8px;
	background-repeat: no-repeat;
	background-position: 6px 1px;
}
.ERMDropdownMenu div div.menu a.active, .ERMDropdownMenu div div.menu a:hover
{
	border: 1px solid #316AC5 !important;
	background-color: #C1D2EE !important;
}

.ERMDropdownMenu div div.menu a.submenu
{
	background-position: right 4px;
	.background-position: right 5px;
	background-image: url(/images/ermdd-right.gif);
	cursor: pointer;												/* Needed because of no href */
}

/* Note: These should be GIFs, not PNGs because IE can't do transparent PNG background images (even w/ JS) */
.ERMDropdownMenu div div.menu a.icon { padding-left: 27px; }
.ERMDropdownMenu div div.menu a.disk { background-image: url(/images/bullet_disk.gif); }
.ERMDropdownMenu div div.menu a.wrench { background-image: url(/images/bullet_wrench.gif); }
.ERMDropdownMenu div div.menu a.table_gear { background-image: url(/images/table_gear.gif); }
.ERMDropdownMenu div div.menu a.go { background-image: url(/images/bullet_go.gif); }
.ERMDropdownMenu div div.menu a.checked { background-image: url(/images/bullet_menucheck.gif); }


.ERMDropdownMenu div div.menu div	/* Horizontal divider */
{
	position: static !important;
	display: block !important;
	height: 1px !important;
	border: 0px !important;
	border-top: 1px solid black !important;
	margin: 6px 0px 6px 0px !important;
	padding: 0px 0px 0px 0px !important;
	width: auto !important;
	height: auto !important;
}


/* ERM NavTab Dropdown gets some special styling */
#edm_NavTabs.ERMDropdownMenu div.active div.menu
{
	border: 1px solid #ADADAD !important;
	background-color: #EFEFEF !important;
	left: -88px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
#edm_NavTabs.ERMDropdownMenu div div.menu a
{
	border: 1px solid #EFEFEF !important;
	color: #111111 !important;
}

#edm_NavTabs.ERMDropdownMenu div div.menu a.active, #edm_NavTabs.ERMDropdownMenu div div.menu a:hover
{
	border: 1px solid #4D607F !important;
	background-color: #7086A9 !important;
	color: #FFFFFF !important;
}


/* Do not change this! */
.ERMDropdownMenu, .ERMDropdownMenu div.active,
.ERMDropdownMenu div.active div.menu, .ERMDropdownMenu div.active div.menu * { z-index: 9996 !important; }

.ERMDropdownSubmenu, .ERMDropdownSubmenu div.active,
.ERMDropdownSubmenu div.active div.menu, .ERMDropdownSubmenu div.active div.menu * { z-index: 9997 !important; }


@media print
{
	.ERMDropdownMenu, .ERMDropdownMenu * { display: none !important; position: static; float: none; }

	.ERMDropdownSPButton, .ERMDropdownSPButtonHover { width: auto; padding: 0px; margin: 0px; border: none; background: none; }
	/* Safari hacks :( */
	::root .ERMDropdownSPButton, ::root .ERMDropdownSPButtonHover { width: auto; padding: 0px; margin: 0px; }
	::root .ERMDropdownSPButton a, ::root .ERMDropdownSPButtonHover a { margin-right: 0px; }
}