/*
description: Stylesheet for main portal navigation menu.

Class Hierarchy:
Container: div.[MID].menu_portal

Using image buttons instead of page titles:
Hide Labels:
div.mod_[MID].menu_portal td.item .label { visibility: hidden; }

Button Example:
(buttonID is the page title - all lower case, no spaces)
div.mod_[MID].menu_portal td.item.[buttonID] { width: 100px; background: url('/portals/[PID]/files/button.jpg') no-repeat; }
div.mod_[MID].menu_portal td.item.[buttonID].active,
div.mod_[MID].menu_portal td.item.[buttonID].hover,
div.mod_[MID].menu_portal td.item.[buttonID].pressed { width: 100px; background: url('/portals/[PID]/files/button_hover.jpg') no-repeat; }
*/

/* horizontal menu parts */
td.horizontal div.menu_portal { /* this class only available when module is configured with horizontal layout */
	white-space: nowrap;
	border: none;
	background-color: transparent;
}

div.menu_portal table { /* table that surrounds entire menu */
	height: 30px;
	margin-left: 5px;
	font: 11px Lucida, Lucida Grande, tahoma, verdana, sans-serif;
	border-collapse: collapse;
	border: 0px;
	background-color: transparent;
}

div.menu_portal td.item { /* horizontal page title link */
	color: #766971;
	font: bold 11px verdana, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	background-color: transparent;
	white-space: nowrap;
	vertical-align: middle;
	padding: 1px 15px 1px 15px;
	cursor: pointer;
}

div.menu_portal td.item.hover { /* horizontal page title link: HOVER */
	color: #7ba7d5;
	text-decoration: normal;
}

div.menu_portal td.item.active { /* page title link: ACTIVE */
	color: #766971;
}

div.menu_portal td.item.pressed { /* page title link: PRESSED */
	color: #bababb;
}

div.menu_portal td.item.separator { /* horizontal separator container */
	width: 2px;
}

div.menu_portal table tr td.separator div { /* horizontal separator (if any) */
	border-left: #DDDDDD 1px solid;
	border-right: #FFFFFF 1px solid;
	height: 14px;
	overflow: hidden;
}

/* vertical menu parts */
td.vertical div.menu_portal { /* this class only available when module is configured with vertical layout */
	white-space: nowrap;
	border: none;
	background-color: transparent;
}

div.dynarch-popup-menu.menu_portal {
	position: absolute;
	left: 0px;
	top: 0px;
	border: 1px solid;
	border-color: #FFFFFF #AAAAAA #AAAAAA #FFFFFF;
	padding: 0px;
	cursor: pointer;
	background-color: #EEEEEE;
	z-index: 1000;
}

div.dynarch-popup-base-menu.menu_portal {
	position: static;
}

div.menu_portal tr.item { /* vertical page title */
	font: bold 11px tahoma, verdana, sans-serif;
	color: #000000;
	background-color: #EEEEEE;
}

div.menu_portal tr.item.hover {
	color: #0000FF;
	text-decoration: underline;
}

div.menu_portal tr.item.active {
	color: #0000FF;
	text-decoration: none;
}

div.menu_portal tr.item.pressed {
	color: #0000FF;
	text-decoration: none;
}

div.menu_portal tr.item td.icon { /* vertical page icon (if any) */
	padding: 0px;
	height: 16px;
	text-decoration: none;
}

div.menu_portal tr.item td.label { /* vertical page label */
	padding: 0px;
	padding-left: 5px;
}

div.menu_portal tr.separator td { /* vertical separator container */
	background-color: none;
}

div.menu_portal tr.separator td div { /* vertical page separator (if any) */
	padding: 0px;
	margin: 4px;
	height: 0px;
	border-top: #DDDDDD 1px solid;
	border-bottom: #FFFFFF 1px solid;
	text-decoration: none;
}

div.menu_portal tr.item td.arrow {
	width: 11px;
	padding-left: 5px;
	text-decoration: none;
}

div.menu_portal tr.item td.arrow div {
	width: 11px;
	background: url("/skins/default/images/rarrow_black.png") no-repeat 0% 50%;
	text-decoration: none;
}

div.menu_portal tr.hover td.arrow div,
div.menu_portal tr.active td.arrow div {
	background: url("/skins/default/images/rarrow_white.png") no-repeat 0% 50%;
	text-decoration: none;
}