/**************************************************************

The LeftMenu control is styled by four properties that 
each take the name of a CSS class:
	* CssClassWrapper
	* CssClassRootNode 
	* CssClassParentNode
	* CssClassLeafNode

The LeftMenu control also supports a single shortcut property: 
	* CssClass 
that, when assigned a "stub" CSS class name, will auto-set 
the above properties. This property assumes the existance
of a group of CSS classes which use the following naming 
convention (where <StubName> is the value assigned):
	* <StubName>Wrapper
	* <StubName>RootNode
	* <StubName>ParentNode
	* <StubName>LeafNode

While setting the the "CssClass" shortcut property will 
automatically cause the other four properties to be 
overwtitten with the new caluculated values, setting the 
individual properties will not affect the shortcut property 
or other individual properties. 

The default values of these properties are:
	* CssClass: "qsLeftMenu"
	* CssClassWrapper: "qsLeftMenuWrapper"
	* CssClassRootNode: "qsLeftMenuRootNode"
	* CssClassParentNode: "qsLeftMenuParentNode"
	* CssClassLeafNode: "qsLeftMenuLeafNode"

**************************************************************/

/* this is the wrapper div that the menu lives in */
/* applies to the LeftMenu.CssClassWrapper property */
.qsLeftMenuWrapper {
	width: 100%;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:90%;
	border: solid thin #777777;
	background-color: #FFFFFF;
}

/* the displayed root nodes (left-most nodes) */
/* applies to the LeftMenu.CssClassRootNode property */
ul.qsLeftMenuRootNode {
	margin: 0;
	padding: 0;
}
li.qsLeftMenuRootNode
{
	list-style-type: none;
}
span.qsLeftMenuRootNode, .qsLeftMenuRootNode a  {
	display: block;
	padding: .25em .25em .25em 0.25em;
	text-decoration: none;
	background-color: #777777;
	color: #FFFFFF;
}
.qsLeftMenuRootNode a:hover {
	background-color: #eeeeee;
	color: #000000;
}

/* parent nodes (non-root nodes with children) */
/* applies to the LeftMenu.CssClassParentNode property */
ul.qsLeftMenuParentNode {
	margin: 0;
}
li.qsLeftMenuParentNode {
	list-style-type: none;
	background-color: #FFFFFF;
	margin-left: 1em;
}
span.qsLeftMenuParentNode, .qsLeftMenuParentNode a {
	display: block;
	padding: .15em .15em .15em 0.15em;
	border-bottom: solid thin #eeeeee;
	background-color: #FFFFFF;
	color: #777777;
}
.qsLeftMenuParentNode a:hover {
	background-color: #eeeeee;
	color: #000000;
}

/* leaf nodes (non-root nodes without children) */
/* applies to the LeftMenu.CssClassLeafNode property */
ul.qsLeftMenuLeafNode {
	margin: 0;
}
li.qsLeftMenuLeafNode {
	list-style-type: none;
	margin-left: 1em;
}
span.qsLeftMenuLeafNode, .qsLeftMenuLeafNode a {
	display: block;
	padding: .15em .15em .15em 0.15em;
	border-bottom: solid thin #eeeeee;
	background-color: #FFFFFF;
	color: #777777;
}
.qsLeftMenuLeafNode a:hover {
	background-color: #eeeeee;
	color: #000000;
}