@charset "utf-8";
/* Nornix TreeMenu stylesheet */
/* Tango theme */

/* container for the menu */
.menu{
    width:auto !important;
    height:100% !important;
	position: relative !important;
}
/* 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;
	height: 21px;
	width: 20px;
	right: 25px;
	top: 5px;
	background: transparent url(../images/nornix-close-icon.gif) 3px 3px no-repeat;
	cursor: pointer;
	border: none;
}
.openTree, a.openTree:hover, a.openTree:link, a.openTree:active{
	right: 3px !important;
	right: 0px;
	top: -13px !important;
	top: 5px;
	background-image: url(../images/nornix-open-icon.gif);
}
/* clean up defaults */
.menu ul, .menu li, .menu a{
	margin: 0px !important;
	padding: 0px !important;
	border: 0px !important;
	list-style: none outside none;
}
.menu li{
	background-image: none !important;
}
.menu ul{
	margin-left: 8px !important;
	position: relative;
}

/* common <li> settings */
.menu li{
	position: relative !important;
	border-left: 1px solid #818181 !important;
	padding-left: 12px !important;
	background: url(../images/nornix-treemenu-line.gif) 0px 10px no-repeat !important;
}

/* get the line right on the last item (when no class is set) */
.menu ul li:last-child{
	border-left: none !important;
	padding-left: 13px !important; /* compensate the 1px border */
	background: url(../images/nornix-treemenu-corner.gif) 0px 0px no-repeat !important;
}

/* same as above, but with a class set */
.menu ul li.last{
	border-left: none !important;
	padding-left: 13px !important; /* compensate the 1px border */
	background: url(../images/nornix-treemenu-corner.gif) 0px 0px 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.folder > span{
	display: block !important;
	position: absolute !important;
	left: -8px !important;
	top: 3px !important;
	height: 15px !important;
	width: 15px !important;
	background: url(../images/nornix-plus-node.gif) 3px 3px no-repeat !important;
	cursor: pointer !important;
}

/* set toggle icon for open state */
.menu li.open > span{
	background-image: url(../images/nornix-minus-node.gif) !important;
}

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

/* display marker on current item */
.menu a.current span{
	display: block !important;
	position: absolute !important;
	left: 22px !important;
	top: 0px !important;
	height: 13px !important;
	width: 14px !important;
	background: url(../images/nornix-treemenu-current.gif) !important;
}

/* set default values for <a> elements */
.menu li a, .menu a.root, .menu li a.current{
	display: block !important;
	padding-left: 24px !important;
	min-height: 18px !important;
	border: none !important;
	color: #000000 !important;
	text-decoration: underline !important;
	background: url(../images/nornix-doc-node-icon.gif) no-repeat !important;
	background-position: 2px 2px !important;
	vertical-align:middle !important;
}

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

/* menu folder in open state */
.menu li.open > a{
	background-image: url(../images/nornix-folder-open-icon.gif) !important;
	background-position: 0px 2px !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: #000000 !important;
	text-decoration: none !important;
}

/* change icon and some settings on the root element of the menu */
body .menu a.root{
    display: block !important;
	min-height: 24px !important;
	background: url(../images/nornix-home-icon.gif) 0px 0px no-repeat !important;
	width: 100px !important;
	margin-bottom: -4px !important;
	overflow:hidden;
	left:0px !important;
	top:-12px !important;
}

/* :hover styling on <a> elements */
.menu a:hover, .menu li.folder a:hover, .menu ul li.open > a:hover{
	color: #FF6800 !important;
	text-decoration: underline !important;
}

.menu a:active, .menu a.root:active{
	background-color: #e8e8e8 !important;
}

.menu a:focus, .menu a.root:focus{
	background-color: #e8e8e8 !important;
}