/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
 * Left side Context Navigation Menu CSS definitions with clickable vertical 
 * expansion for 2ndary menus (within same column on mouse click of the input
 * element).  These definitions are based on ExpandableList css and
 * ExpandableList with mods that are needed for the menu levels to share 
 * the same vertical column space without having to click a control to expand.  
 * The levels are colored differently and not indented to save screen space.
 *
 * Default behavior is for the control to be positioned on the right side of the
 * menu.  To have left controls add the LeftControl to the class.  
 * XSLT call-template name="SelectionsList.processSelections" example: 
 *		<xsl:with-param name="containerClass" select="'ExpandableList LeftControl'"/>
 *
 * Structure:
 * ---------------------------------------
 * div  - main container - no class - needed for elevator to be able to position.
 *	[h2]
 * 	ul.VerticalMenu.ExpandableList [LeftControl]
 *		li
 *			input type="checkbox" id="xyz.#"
 *			label for="xyz.#"
 *				a -or- div -  with title as text (if href then link to, else jump to).
 *			ul
 *				li
 *~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* container of VerticalMenu 
{
	position:			relative;	/ * needed for menu elevator to work - no effect for opera if changed to abs * /
	width:				100%;	    / * has to be specified so FF right padding is not activated on mouse over for sub menus * /
}

container of .VerticalMenu h2
{
	position:			absolute;
	left:				-4000px;
	line-height:		1px;
	color:				white;
}
*/


.VerticalMenu li.HTMLContent
{
	display:			none;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ L E F T   M E N U  */
.VerticalMenu.ExpandableList
{
}

.VerticalMenu.ExpandableList li 
{
	background-color: 	#225588;
	color:				white;

	position:			relative;	/* allows sub menus absolute work relative to the menu item */
	padding-left:		0px;
	margin:				0;
	min-height:			35px;
	overflow: 			hidden;

	-moz-box-shadow: 	inset 2px 0px 2px 0px #eee;
	-webkit-box-shadow: inset 2px 0px 2px 0px #eee;
	box-shadow:			inset 2px 0px 2px 0px #eee;
}
.VerticalMenu.ExpandableList li:hover
{
	background-color: 	#114477;
	color:				white;

	-moz-box-shadow: 	none;
	-webkit-box-shadow: none;
	box-shadow:			none;
}

.VerticalMenu.ExpandableList li label,
.VerticalMenu.ExpandableList li div,
.VerticalMenu.ExpandableList li a
{
	background-color:	inherit;
	color: 				inherit;
	font-size:			1em;
}

.VerticalMenu.ExpandableList li a,
.VerticalMenu.ExpandableList li a:visited
{
	background-image:	none;
	text-decoration:	none;
}
.VerticalMenu.ExpandableList li a:hover, 
.VerticalMenu.ExpandableList li a:active, 
.VerticalMenu.ExpandableList li a:focus,
.VerticalMenu.ExpandableList li label:hover
{
	-moz-border-radius:	0;  
	-webkit-border-radius: 0;  
	border-radius:		0;  

	-moz-box-shadow: 	none;
	-webkit-box-shadow: none;
	box-shadow:			none;
}
.VerticalMenu.ExpandableList li a:hover, 
.VerticalMenu.ExpandableList li a:active, 
.VerticalMenu.ExpandableList li a:focus
{
	color:				#ffcc66;
}

.VerticalMenu.ExpandableList li.MenuItem2Lines a,
.VerticalMenu.ExpandableList li.MenuItem2Lines div:first-child
{ 
	padding-top:		3px;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ S U B   M E N U */

.VerticalMenu.ExpandableList ul
{
	padding-left: 		0px;
}

.VerticalMenu.ExpandableList ul li 
{
	background-color: 	#4477aa;
}
.VerticalMenu.ExpandableList ul li ul li
{
	background-color: 	white;
	color:				#003366;

	-moz-box-shadow: 	inset 2px 0px 2px 0px #777;
	-webkit-box-shadow: inset 2px 0px 2px 0px #777;
	box-shadow:			inset 2px 0px 2px 0px #777;
}


.VerticalMenu.ExpandableContent 
{
	border: 			1px solid #bbb;
	margin-bottom: 		15px;
}

.VerticalMenu.ExpandableContent > input.Control + label 
{
	background-color: 	#eee;
	color: 				#777;

	-moz-border-radius:	0;  
	-webkit-border-radius: 0;  
	border-radius:		0;  
}

.VerticalMenu.ExpandableContent .Container
{
	padding:			0;
	margin: 			0;
}

/*============================ End of Style Sheet ============================*/