/* - 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 :) */


/* New navtree styles */

.portletNavigationTree {
    padding: 0; 
    list-style: none !important;
    list-style-image: none !important; 
    line-height: 1em;
}
.navTree {
    list-style: none; 
    list-style-image: none; 
    margin-top: 1px;
}
.navTree li {
    margin-bottom: 1px;
}
.navTreeItem {
    display: block;
    padding: 0;
    margin: 0;


    /* Mod */
    //background-color: #042e6a;
}

.navTree ul {
  padding: 0; margin: 0;
  //padding-left: 10px;
  background-color: white;
  padding-top: 1px;
} 

.navTreeItem a,
dd.portletItem .navTreeItem a {
    //border: 1px solid White;
    display: block;
    text-decoration: none;
    padding-top: 0.25em;
    padding-bottom: 0.25em;

    /* Mod */
    color: white;
    font-size: 10pt;
    //height: 15px;
    padding: 10px 5px;
    background-color: #042e6a;
}
.navTreeItem a:hover,
dd.portletItem .navTreeItem a:hover {
     background-color: #a2a5a4; //#4d75a8; // background-color: #dee7ec;
    color: white; // #436976;
    //border: 1px solid #8cacbb;
}
.navTreeCurrentItem {
    background-color: #dee7ec;
    color: white; //#436976;
    //border: 1px solid #8cacbb !important;
}
li.navTreeCurrentItem {
    display: block;
    padding: 0 0 0 1px;
    margin: 0 0 2px -1px;
}
li.navTreeCurrentItem a,
li.navTreeCurrentItem a:hover {
    display: block;
    //border: 1px solid #dee7ec;
    min-height: 1.6em;
    line-height: 1.6em;
    height: auto;
    color: white;
}

/* Another workaround for broken Internet Explorer */
* html li.navTreeCurrentItem a,
* html li.navTreeCurrentItem a:hover {
    height: 1.6em;
}

.navTreeLevel0 { margin: 0; }

.navTreeLevel1 {  /*margin-left: 1em; */ background-color: #4d75a8; }
.navTreeItem .navTreeLevel1 a, dd.portletItem .navTreeItem .navTreeLevel1 a { background-color: #4d75a8;; color: white; padding-left: 1em;}
.navTreeItem .navTreeLevel1 a:hover, dd.portletItem .navTreeItem .navTreeLevel1 a:hover { background-color: #a2a5a4; color: white; }
//.navTreeItem .navTreeLevel1, dd.portletItem .navTreeItem .navTreeLevel1 { background-color: #4d75a8;; }
//.navTreeItem .navTreeItemInPath { background-color: #4d75a8;; }
//.navTreeItem .navTreeItemInPath div { background-color: #4d75a8;;}

.navTreeLevel2 { //margin-left: 0.75em; }
.navTreeItem .navTreeLevel2 a, dd.portletItem .navTreeItem .navTreeLevel2 a { background-color: #4d75a8;; color: white; padding-left: 1.75em;}
.navTreeItem .navTreeLevel2 a:hover, dd.portletItem .navTreeItem .navTreeLevel2 a:hover { background-color: #a2a5a4; color: white; }

.navTreeLevel3 { margin-left: 0.75em; }
.navTreeLevel4 { margin-left: 0.75em; }
.navTreeLevel5 { margin-left: 0.75em; }

/*  */

}