.ztree * {padding:0; margin:0; font-size:12px; font-family: Verdana, Arial, Helvetica, AppleGothic, sans-serif}
.ztree {margin:0; padding:5px; color:#333}
.ztree li{padding:0; margin:0; list-style:none; line-height:14px; text-align:left; white-space:nowrap; outline:0}
.ztree li ul{ margin:0; padding:0 0 0 18px}

.ztree li a {padding:1px 3px 0 0; margin:0; cursor:pointer; height:17px; color:#333; background-color: transparent; text-decoration:none; vertical-align:top; display: inline-block}
.ztree li a:hover {text-decoration:underline}
.ztree li span {line-height:16px; margin-right:2px}

.ztree li span.button {line-height:0; margin:0; width:16px; height:16px; display: inline-block; vertical-align:middle;
	border:0 none; cursor: pointer;outline:none;
	background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;
	background-image:url("../WebsiteImg/zTreeStandard.png")}

.ztree li span.button.switch {width:18px; height:18px}
.ztree li span.button.root_open{background-position:-92px -54px}
.ztree li span.button.root_close{background-position:-74px -54px}
.ztree li span.button.roots_open{background-position:-92px 0}
.ztree li span.button.roots_close{background-position:-74px 0}
.ztree li span.button.center_open{background-position:-92px -18px}
.ztree li span.button.center_close{background-position:-74px -18px}
.ztree li span.button.bottom_open{background-position:-92px -36px}
.ztree li span.button.bottom_close{background-position:-74px -36px}

.ztree li span.button.root_docu{ background:none;}
.ztree li span.button.center_docu{background-position:-56px -18px}
.ztree li span.button.bottom_docu{background-position:-56px -36px}

.ztree li span.button.ico_open{margin-right:2px; background-position:-110px -16px; vertical-align:top; *vertical-align:middle}
.ztree li span.button.ico_close{margin-right:2px; background-position:-110px 0; vertical-align:top; *vertical-align:middle}
.ztree li span.button.ico_docu{margin-right:2px; background-position:-110px -32px; vertical-align:top; *vertical-align:middle}


/*---zTreeStyle.css ---*/

.ztree * {
    padding: 0;
    margin: 0;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    font-weight: 600;
}
.ztree li a {
    padding: 2px 3px 6px 0;
    margin: 0;
    cursor: pointer;
    height: auto;
    color: #333;
    background-color: transparent;
    text-decoration: none;
    vertical-align: top;
    display: inline-block;
    line-height: normal;
    font-weight: 800;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
}

.ztree li a.level2{
    text-transform: uppercase;
    color: #ff6f00;
}
.ztree li span.button.ico_docu{
	background-image:url(../WebsiteImg/pdf_icon.png);
	background-repeat:no-repeat;
	background-position:center;
	margin-right: 6px;
}
.ztree li .level2 span.node_name{
    font-size: 14px;
    text-transform: none;
    font-weight: 600;
    line-height: 18px;
}

/*-------*/
.ztree li span.button{
    width: 24px;
    height: 24px;	
}
.ztree li span.button.switch {
    width: 24px;
    height: 24px;
}
.ztree li span.button.ico_open{
	background-position:50% 0%;
    margin-right: 5px;
    vertical-align: top;
    margin-left: 5px;
    background-size: 18px;	
}
.ztree li span.button.center_open {
    background-position: 50% 50%;
}
.ztree li span.button.center_close {
    background-position: 50% 50%;
}
.ztree li span.button.ico_close{
	background-position:50% 0%;
    margin-right: 5px;
    vertical-align: top;
    margin-left: 5px;
    background-size: 18px;	
}
.ztree li span.button.roots_open,
.ztree li span.button.bottom_close,
.ztree li span.button.bottom_open,
.ztree li span.button.roots_close,
.ztree li span.button.root_close,
.ztree li span.button.root_open{
    background-position: 50% 50%;		
}

.ztree li span.button.center_docu,.ztree li span.button.bottom_docu {
    background-position: 50% 50%;
    width: 16px !important;
    height: 2px !important;
    background: #ececec;
    margin-top: 10px;
}


@media only screen and (max-width:960px){
	ul.ztree{
		width:100%;
	}
}