/* - navtree.css - */
@media screen {
/*
** Plone style sheet - Invisible and accessibility-related elements.
**
** Style sheet documentation can be found at http://plone.org/documentation
**
** You should preferrably use ploneCustom.css to add your own CSS classes and to
** customize your portal, as these are the base fundaments of Plone, and will
** change and be refined in newer versions. Keeping your changes in
** ploneCustom.css will make it easier to upgrade.
**
** Feel free to use whole or parts of this for your own designs, but give credit
** where credit is due.
**
*/

/*  (do not remove this :) */
/*  (not this either :) */

/* - styles for the navigation portlet - */

.portletNavigationTree {
	width: 180px;
	font-size: 1.2em;
	line-height: 1.2em;
	padding: 0;
	margin: 0 0 21px 0;
    background-color: #ffffff;
    border-bottom: none;
	overflow: hidden;
	}

.portletNavigationTree .portletItem {
    border-left: none;
    border-right: none;
    }

.portletNavigationTree dt {
	display: none;
	}

.portletNavigationTree ul, 
.portletNavigationTree ul li,
.portletNavigationTree dd,
.portletNavigationTree div {
	margin: 0;
	padding: 0;
	}

.portletNavigationTree ul li {
	margin: 0;
	border-bottom: 1px solid #fff;
	list-style: none;
	}

.portletNavigationTree ul li.navTreeLastItem {
    border-bottom: none;
    }

.portletNavigationTree li.navTreeItem a {
	display: block;
	width: auto;
	padding: 3px 0;
	margin: 0;
	text-decoration: none;
	color: #363534;
	background: #c9cac8;
	}


/* - navTreeLevel0 - */
.portletNavigationTree ul.navTreeLevel0 a {
    padding-left: 4px;
    }

.portletNavigationTree ul.navTreeLevel0 a:hover {
    background: #004a99;
    color: #fff;
    }

.portletNavigationTree ul.navTreeLevel0 a.navTreeCurrentItem {
	background: #004a99 !important;
	color: #fff;
	margin-left: 0px;
	padding-left: 4px;
	}

.portletNavigationTree ul.navTreeLevel0 li {
    background: url(navigationLevel0.gif) repeat-y left top #c9cac8;
    padding-left: 4px;
    }


/* - navTreeLevel1 - */
.portletNavigationTree ul.navTreeLevel1 {
    border-top: 1px solid #fff;
    margin: 0 0 0 0px;
    }

.portletNavigationTree ul.navTreeLevel1 a {
	background: #d5d6d2;
	color: #363534;
	padding-left: 4px;
	}

.portletNavigationTree ul.navTreeLevel1 a:hover {
	background: #2a6ebb;
	color: #fff;
	}

.portletNavigationTree ul.navTreeLevel1 li {
    background: url(navigationLevel1.gif) repeat-y 0px top;
    }

.portletNavigationTree ul.navTreeLevel1 a.navTreeCurrentItem {
	background: #2a6ebb !important;
	color: #fff;
	margin-left: 0px;
	}

.portletNavigationTree ul.navTreeLevel1 li.navTreeLastItem {
    border-bottom: none;
    }


/* - navTreeLevel2 - */
.portletNavigationTree ul.navTreeLevel2 {
    border-top: 1px solid #fff;
    margin: 0;
    }

.portletNavigationTree ul.navTreeLevel2 a {
	background: #e0e1dd;
	margin-left: 0px;
	padding-left: 4px;
	}

.portletNavigationTree ul.navTreeLevel2 a:hover {
	background: #6f9ad3;
	color: #fff;
	}

.portletNavigationTree ul.navTreeLevel2 li {
    background: url(navigationLevel2.gif) repeat-y left top;
    }

.portletNavigationTree ul.navTreeLevel2 li.navTreeLastItem {
    border: none;
    }

.portletNavigationTree ul.navTreeLevel2 a.navTreeCurrentItem {
	background: #6f9ad3 !important;
	color: #fff !important;
	}

.portletNavigationTree ul.navTreeLevel2 a.navTreeItemInPath {
	background: #6f9ad3 !important;
	color: #fff !important;
	}



/* - styles for the global section portlet - */

.portlet_sections {
	width: 180px;
	font-size: 1.2em;
	line-height: 1.2em;
	padding: 0;
	margin: 0 0 1.5em 0;
    background-color: #ffffff;
    border-bottom: none;
	overflow: hidden;
	}

#leftcolumnWrapper .portlet_sections .portletItem {
    border: 0;
    padding: 0;
    }


/* - sections - */

.portlet_sections ul, 
.portlet_sections ul li,
.portlet_sections dd,
.portlet_sections div {
	margin: 0;
	padding: 0;
	}

.portlet_sections ul li {
	margin: 0;
	border-bottom: 1px solid #fff;
	list-style: none;
	}

.portlet_sections li.plain a {
	display: block;
	width: auto;
	padding: 3px 0;
	margin: 0;
	text-decoration: none;
	color: #363534;
	background: #c9cac8;
	}
	
.portlet_sections li.selected a {
	display:block;
	width: auto;
	padding: 3px 0;
	margin: 0;
	text-decoration: none;
	color: #fff !important;
	background: #004a99 !important;
	}

.portlet_sections ul.sections a {
    padding-left: 4px;
    }

.portlet_sections ul.sections a:hover {
    background: #004a99;
    color: #fff;
    }

.portlet_sections ul.sections li {
    background: url(navigation-portaltabs.gif) repeat-y left top #c9cac8;
    padding-left: 4px;
    }

.portlet_sections .sectionSeparator {
display: none;
}

/* workflow state */

.portletNavigationTree .state-published {
color: #363534 !important;
}
.portletNavigationTree a.state-published:hover,
.portletNavigationTree a.state-published.navTreeCurrentItem {
color: #ffffff !important;
}

.portlet_sections .state-published {
color: #363534 !important;
}
.portlet_sections a.state-published:hover,
.portlet_sections a.state-published.navTreeCurrentItem {
color: #ffffff !important;
}


/*  */

}