/* Nornix TreeMenu stylesheet */

/* container for the menu */
.menu
{
	width: 16.56em; 
	position: relative;
	letter-spacing: 0.02em;
}

/* icons for opening/closing all folders */
.closeTree, .openTree, a.closeTree:hover, a.openTree:hover,
a.closeTree:link, a.openTree:link, a.closeTree:active, a.openTree:active
{
	display: block;
	position: absolute;
	right: 13ex;
	top: 0;
	height: 24px;
	width: 24px;
	background: transparent url(nornix-close-icon.png) 0 0 no-repeat;
	cursor: pointer;
	border: none;
}

.openTree, a.openTree:hover, a.openTree:link, a.openTree:active
{
	right: 8.2ex;
	background-image: url(nornix-open-icon.png);
}


/* clean up defaults */
.menu ul, .menu li, .menu a
{
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	list-style: none outside none;
}

.menu li
{
	background-image: none !important;
}
.menu ul
{
	margin-left: 8px !important;
}

/* common <li> settings */
.menu li
{
	position: relative !important;
	border-left: 2px dashed #a6d23b;
	padding-left: 12px !important;
	background: url(nornix-treemenu-line.png) 0 10px no-repeat !important;
}

.menu li.folder {
	border-left: 2px solid #a6d23b !important;
}

.menu li.document {
	margin-left: -7px !important;
	text-indent: -9px;
}

.menu li.document a {
	margin-left: 12px !important;
}


/* get the line right on the last item (when no class is set) */
.menu ul li.last, .menu ul li:last-child
{
	border-left: none !important;
	padding-left: 14px !important; /* compensate the 1px border */
	background: url(nornix-treemenu-folder-corner.png) -5px 0 no-repeat !important;
}
/* same as above, but with a class set */

.menu ul li ul li.last, .menu ul li ul li:last-child
{
	border-left: none !important;
	padding-left: 13px !important; /* compensate the 1px border */
	background: url(nornix-treemenu-corner.png) 0 0 no-repeat !important;
}

.menu ul li ul li.selected {
	background: url(nornix-treemenu-line-active.png) 0px 0px no-repeat !important;
}

.menu ul li ul li.selected:last-child, .menu ul li ul li.document.last.selected
{
	border-left: none !important;
	padding-left: 13px !important; 
	background: url(nornix-treemenu-corner-active.png) 0 0 no-repeat !important;
}

/* hide content of folders */
.menu li.folder > ul
{
	display: none !important;
}

/* show content of folder, when class "open" is set */
.menu li.folder.open > ul
{
	display: block !important;
}

/* display toggle icon, default to closed state */
.menu li.closed > span
{
	display: block !important;
	position: absolute !important;
	left: -7px !important;
	top: 2px !important;
	height: 15px !important;
	width: 15px !important;
	background: url(nornix-plus-node.png) 3px 3px no-repeat !important;
	cursor: pointer !important;
}

/* set toggle icon for open state */
.menu li.open > span
{
	display: block !important;
	position: absolute !important;
	left: -7px !important;
	top: 2px !important;
	height: 15px !important;
	width: 15px !important;
	background: url(nornix-minus-node.png) 3px 3px no-repeat !important;
	cursor: pointer !important;
}
.menu li.open:active > span
{
	background-image: none !important;
	cursor: default !important;
}


/* position toggle icon on last element */
.menu li.last > span
{
	left: -7px !important;
}

/* set dfault values for <a> elements */
.menu li a, .menu a.root
{
	display: block !important;
	padding-left: 24px !important;
	min-height: 18px !important;
	line-height: 140% !important;
	border: none !important;
	line-height: 1.3 !important;
	color: #A2A2A0 !important;
/*	background: url(nornix-doc-node-icon.png) 12px 12px no-repeat !important; */
	background: url(nornix-doc-node-icon.png) 2px 2px no-repeat !important;	
}

/* if the class is "closed", then it's a folder, too */
.menu li.closed > a
{
	background-image: url(nornix-folder-closed-icon.png) !important;
	background-position: 0 2px !important;
	margin-left: -19px !important;
}

/* menu folder in open state */
.menu li.open > a
{
	background-image: url(nornix-folder-closed-icon.png) !important;
	background-position: 0 2px !important;
	margin-left: -19px !important;
}
.menu li.open:active > a
{
	color: #000 !important;
	background-image: url(nornix-folder-open-icon.png) !important;
}
.menu li.document:active > a
{
	color: #000 !important;
}

.menu li.closed {
	background: none !important;
}
.menu li.open {
	background: url(nornix-treemenu-line-folder.png) 5px 8px no-repeat !important;	
}
.menu li.document {
	background: url(nornix-treemenu-line.png) 0px 0px no-repeat !important;
}

/* change properties for <a> elements with the href attribute set
-- the current page will not have a href value */

.menu a:link, .menu a:visited, .menu a:active, .menu a:hover
{
	color: #A2A2A0;
	text-decoration: none !important;
}

.menu li.open a, .menu li.closed a{
	color: #A2A2A0;
}

.menu li.document a {
	color: #A6D23B !important;
}


/* change icon and some settings on the root element of the menu */
body .menu a.root
{
	min-height: 24px !important;
	background: url(nornix-home-icon.png) 0 0 no-repeat !important;
	width: 9ex !important;
	margin-bottom: -5px !important; 
}

/* :hover styling on <a> elem elements */
.menu a:hover, .menu li.folder a:hover, .menu ul li.open > a:hover
{
	text-decoration: underline !important;
}
.menu ul li.selected a, .menu ul li.semi_selected a {
	color: #282425 !important;
	text-transform: uppercase !important;
	font-weight: bold !important;
}
.menu li.selected > span, .menu li.semi_selected > span {
	background: none !important;
}
.menu li.selected > a, .menu li.semi_selected > a
{
	background-image: url(nornix-folder-selected-icon.png) !important;
}

.menu ul li.selected ul li a, .menu ul li.semi_selected ul li a {
	text-transform:none !important;
	font-weight: normal !important;
	color: #A6D23B !important;
}
.menu ul li ul li.selected a
{
	background: url(nornix-doc-node-icon-active.png) 2px 2px no-repeat !important;	
	color: #282425 !important;
/*	text-transform: uppercase !important; */
	font-weight: bold !important;
}

.menu li.folder.open.semi_selected {
	background: url(nornix-treemenu-line-folder-semiactive.png) 5px 8px no-repeat !important;
}

.menu li ul li.semi_selected {
	background: url(nornix-treemenu-line-semiactive.png) 0px 0px no-repeat !important;	
}
.menu li ul li.semi_selected a {
	background: url(nornix-doc-node-icon.png) 0px 0px no-repeat !important;	
}