/* Styles the Whole TreeView (e.g. borders) */
.LeftNav_CssClass
{
	font-family: Verdana, Helvetica, sans-serif;
}

/* Styles All Rows */
.LeftNav_NodeRowCssClass
{
	background: #FFFFFF;
	line-height: 20px;
}

/* Styles All Nodes */
.LeftNav_NodeCssClass
{
	color: #5B5B5B;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
}

/* Styles the Current Top Level Row */
.LeftNav_ChildSelectedNodeRowCssClass
{
	font-weight: bold;
	line-height: 20px;
}

/* Styles the Current Top Level Row (Hover) */
.LeftNav_ChildSelectedHoverNodeRowCssClass
{
	background: #F4F4F4;
	cursor: pointer;
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;
}

/* Styles the Current Top Level Node (Hover) */
.LeftNav_ChildSelectedHoverNodeCssClass
{
	font-size: 11px;
	font-weight: bold;
}

/* Styles the Current Hovered Over Row */
.LeftNav_HoverNodeRowCssClass
{
	background: #F4F4F4;
    cursor: pointer;
	color: #1F0E9A;
	font-size: 11px;
	line-height: 20px;
}

/* Styles the Current Hovered Over Node */
.LeftNav_HoverNodeCssClass
{
}

/* Styles the Current, "Activated" Row */
.LeftNav_SelectedNodeRowCssClass
{
	background: #E9E9E9;
	cursor: pointer;
	line-height: 20px;
}

/* Styles the Current, "Activated" Node */
/* NOTE: Do Not Set Background Color Here */
.LeftNav_SelectedNodeCssClass
{
	color: #1F0E9A;
	font-size: 11px;
	font-weight: bold;
}

/* Styles the Row Currently Being Clicked */
.LeftNav_SelectedHoverNodeRowCssClass
{
	background: #F4F4F4;
	cursor: pointer;
	line-height: 20px;
}

/* Styles the Node Currently Being Clicked */
.LeftNav_SelectedHoverNodeCssClass
{
	color: #1F0E9A;
	font-size: 11px;
	font-weight: bold;
}

/* Styles for the Parent Row of the Link Being Clicked */
.LeftNav_FocusedCssClass
{
	color: #9F9F9F;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: normal;
}

/* Styles for the Parent Node of the Link Being Clicked */
.LeftNav_ChildSelectedNodeCssClass
{
	font-size: 11px;
}






.LeftNav_Depth0_Normal {
	font-size: 11px;
	xtext-transform: uppercase;
}
.LeftNav_Depth0_Hover {
	font-size: 11px;
	xtext-transform: uppercase;
}



/* Depth 1 Styles */
.LeftNav_Depth1_Normal_Node {
	font-size: 9px;
}
.LeftNav_Depth1_Normal_Node_Hover {
	font-size: 9px;
}
.LeftNav_Depth1_Normal_Row_Hover
{
}

.LeftNav_Depth1_Selected_Node
{
	color: #1F0E9A;
	font-size: 9px;
	font-weight: bold;
}
.LeftNav_Depth1_Selected_Node_Hover
{
	color: #1F0E9A;
	font-size: 9px;
	font-weight: bold;
}
.LeftNav_Depth1_Selected_Row_Hover
{
}




.TestOnly
{
	color: Red;
}

/*
	Depth -- The depth indicator starts at 0 (zero). Thus, all top level nodes are depth 0.

	Normal -- Base state (non-selected, etc.)
	Selected -- The selected node or row is the link related to the current page.

	Node -- The "span" surrounding the link in the side navigation.
	Row -- The "div" surrounding the link in the side navigation.

	Sibling - Links that are at the same depth and have the same parent link.
*/
/* Depth 1 Selected Item */
.LeftNav_Depth1_SelectedRow {
	background: #F4F4F4;
	color: #1F0E9A;
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;
}
.LeftNav_Depth1_SelectedNode {
}
.LeftNav_Depth1_SelectedRowHover {
	background: #F4F4F4;
	color: #1F0E9A;
	cursor: pointer;
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;
}
.LeftNav_Depth1_SelectedNodeHover {
}

/* Depth 1 Selected Item's Parent */
.LeftNav_Depth1_SelectedParentRow {
	background: #E9E9E9;
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;
}
.LeftNav_Depth1_SelectedParentNode {
}
.LeftNav_Depth1_SelectedParentRowHover {
	background: #E9E9E9;
	cursor: pointer;
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;
}
.LeftNav_Depth1_SelectedParentNodeHover {
}

/* Depth 1 Selected Item's Siblings */
.LeftNav_Depth1_SelectedSiblingRow {
	background: #F4F4F4;
	font-size: 11px;
	line-height: 20px;
}
.LeftNav_Depth1_SelectedSiblingNode {
}
.LeftNav_Depth1_SelectedSiblingRowHover {
	background: #F4F4F4;
	color: #1F0E9A;
	cursor: pointer;
	font-size: 11px;
	line-height: 20px;
}
.LeftNav_Depth1_SelectedSiblingNodeHover {
}




/* Other TreeView Styles (unknown usage currently) */
.LeftNav_CutNodeCssClass { }
.LeftNav_CutNodeRowCssClass { }
.LeftNav_HoverPopupNodeCssClass { }
.LeftNav_MarginCssClass { }
.LeftNav_MultipleSelectedNodeCssClass { }
.LeftNav_MultipleSelectedNodeRowCssClass { }
.LeftNav_NodeEditCssClass { }




.TestStyle
{
	background: blue;
	border: 1px solid green;
	color: white;
}


