/* 
** Main Menu Styling
** The design requires a static menu presentation - this can
** be easily achived by adjusting the default vertical menu
** action - note the menu's disableAction property must be 
** set to 'true'.
*/
div.ablMenu.vertical a.link
{
	font: normal normal normal 12px/20px Tahamo, Geneva, sans-serif;
	text-decoration: none;
}

/*
** Set up everything on the path to be emboldened. Actually
** its only the top-level and the target that we want to 
** hightlight so we will deselect everything else later
*/
div.ablMenu.vertical li.menuItem.folderMatch a.link,
div.ablMenu.vertical li.menuItem.targetTrail a.link
{
	font-weight: bold;
}

/* Deselect any subGroup links that aren't the target link */
div.ablMenu.vertical ul.subGroup li.menuItem a.link
{
	font-weight: normal;
}

/* The target link is always bold! */
div.ablMenu.vertical a.link.exactMatch
{
	font-weight: bold !important;
}

div.ablMenu.vertical li.menuItem ul.subGroup
{
	padding-left: 12px;
}

/* De-engineer the usual menu structure in order to build a static list */
div.ablMenu.vertical li.menuItem div.subGroupCanvass,
div.ablMenu.vertical li.menuItem ul.subGroup,
div.ablMenu.vertical li.menuItem li.menuItem
{
	position: relative;
	float: none;
	width: auto;
	height: auto;
}

/* 
** Make the active subGroup items visible (they're made invisible
** by the default Abl.UI.Menu action).
*/
div.ablMenu.vertical li.menuItem.folderMatch div.subGroupCanvass,
div.ablMenu.vertical li.menuItem.folderMatch ul.subGroup,
div.ablMenu.vertical li.menuItem.targetTrail div.subGroupCanvass,
div.ablMenu.vertical li.menuItem.targetTrail ul.subGroup
{
	display: block;
}




/*
** Black (default) background variant
*/
div.ablMenu.vertical a.link
{
	color: #fff;
}
div.ablMenu.vertical a.link:hover,
div.ablMenu.vertical li.menuItem.exactMatch a.link,
div.ablMenu.vertical li.menuItem.targetTrail a.link
{
	color: #b6a368;
}


/*
** White background variant
*/
.whiteBk div.ablMenu.vertical a.link
{
	color: #666;
}
.whiteBk div.ablMenu.vertical a.link:hover,
.whiteBk div.ablMenu.vertical li.menuItem.exactMatch a.link,
.whiteBk div.ablMenu.vertical li.menuItem.targetTrail a.link
{
	color: #b6a368;
}