html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
body {color: #2f332a;font: 15px/21px Arial, Helvetica, simsun, sans-serif;background: #f0f6e4 \9;}
h1, h2, h3, h4, h5, h6 {color: #2f332a;font-weight: bold;font-family: Helvetica, Arial, sans-serif;padding-bottom: 5px;}
h1 {font-size: 24px;line-height: 34px;text-align: center;}
h2 {font-size: 14px;line-height: 24px;padding-top: 5px;}
h6 {font-weight: normal;font-size: 12px;letter-spacing: 1px;line-height: 24px;text-align: center;}
a {color:#3C6E31;text-decoration: underline;}
a:hover {background-color:#3C6E31;color:white;}
input.radio {margin: 0 2px 0 8px;}
input.radio.first {margin-left:0;}
input.empty {color: lightgray;}
code {color: #2f332a;}
.highlight_red {color:#A60000;}
.highlight_green {color:#A7F43D;}
li {list-style: circle;font-size: 12px;}
li.title {list-style: none;}
ul.list {margin-left: 17px;}

div.content_wrap {width: 600px;height:380px;}
div.content_wrap div.left{float: left;width: 250px;}
div.content_wrap div.right{float: right;width: 340px;}
div.zTreeDemoBackground {width:250px;height:362px;text-align:left;}

ul.ztree {margin-top: 10px;border: 1px solid #617775;background: #f0f6e4;width:500px;height:500px;overflow-y:scroll;overflow-x:auto;}
ul.log {border: 1px solid #617775;background: #f0f6e4;width:300px;height:170px;overflow: hidden;}
ul.log.small {height:45px;}
ul.log li {color: #666666;list-style: none;padding-left: 10px;}
ul.log li.dark {background-color: #E3E3E3;}

/* ruler */
div.ruler {height:20px; width:220px; background-color:#f0f6e4;border: 1px solid #333; margin-bottom: 5px; cursor: pointer}
div.ruler div.cursor {height:20px; width:30px; background-color:#3C6E31; color:white; text-align: right; padding-right: 5px; cursor: pointer}


/*--- tree.css ---*/

div.content_wrap {
    width: 100%;
    height: auto;
    float: left;
}
div.content_wrap div.left {
    float: left;
    width: 100%;
    height: auto;
}
div.zTreeDemoBackground {
    width: 100%;
    height: auto;
    text-align: left;
}
ul.ztree {
    margin-top: 10px;
    border: none;
    background: #ffffff;
    width: 50%;
    /*height: 500px;*/
	height:auto;
    overflow-y: scroll;
    overflow-x: auto;
    margin: 0px auto;
    padding: 20px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}

.ztree li span.button.switch {
    width: 24px;
    height: 24px;
}
.ztree li span.button.center_open,
.ztree li span.button.roots_open,
.ztree li span.button.bottom_open,
.ztree li span.button.root_open {
	background:url(../WebsiteImg/treeview_circle_close.svg) no-repeat;
	background-position:50% 50%;
}
.ztree li span.button.center_close,
.ztree li span.button.bottom_close,
.ztree li span.button.roots_close,
.ztree li span.button.root_close{
    background:url(../WebsiteImg/treeview_circle_open.svg) 50% 50% no-repeat;
	background-position:50% 50%;
}
.ztree li span.button.ico_close{
    background:url(../WebsiteImg/treeview_folder_close.svg) no-repeat;	
	background-position:50% 50%;
}
.ztree li span.button.ico_open{
    background:url(../WebsiteImg/treeview_folder_open.svg) no-repeat;
	background-position:50% 50%;
}