/* description: Main stylesheet for the portal navigation menu module. */

/*
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.mod_r7o6ulxw8R.menu_portal { /* this class only available when module is configured with horizontal layout */
	white-space: nowrap;
	border: none;
	background-color: transparent;
}

div.mod_r7o6ulxw8R.menu_portal table { /* table that surrounds entire menu */
	border: none;
	background-color: transparent;
}

div.mod_r7o6ulxw8R.menu_portal td.item { /* horizontal page title link */
	color: #c0bebe;
	font: 11px tahoma, verdana, sans-serif;
	background-color: transparent;
	white-space: nowrap;
	vertical-align: middle;
	padding: 1px 13px 1px 13px;
	cursor: pointer;
}

div.mod_r7o6ulxw8R.menu_portal td.item.hover { /* horizontal page title link: HOVER */
	color: #c0bebe;
	text-decoration: underline;
}

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

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

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

div.mod_r7o6ulxw8R.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.mod_r7o6ulxw8R.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.mod_r7o6ulxw8R.menu_portal table.links {

}

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

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

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

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

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

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

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

div.mod_r7o6ulxw8R.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.mod_r7o6ulxw8R.menu_portal tr.item td.arrow {
	width: 11px;
	padding-left: 5px;
	text-decoration: none;
}

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

/* CSS for login DIV */
#layer1 {
	position: absolute;
	visibility: hidden;
	width: 400px;
	height: 300px;
	left: 20px;
	top: 300px;
	background-color: #ccc;
	border: 1px solid #000;
	padding: 10px;
}

#close {
	float: right;
}