/* 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;} */
/* .ztree a {color:#3C6E31;} */
.ztree a:hover {
	background-color: rgb(255, 74, 1);
	color: white;
	   padding: 5px 0 5px 5px;
		width:-webkit-calc(100% - 20px); 
width:-moz-calc(100% - 20px); 
width:calc(100% - 20px); 
}

.ztree input.radio {
	margin: 0 2px 0 8px;
}

.ztree input.radio.first {
	margin-left: 0;
}

.ztree input.empty {
	color: lightgray;
}

.ztree code {
	color: #2f332a;
}

.ztree .highlight_red {
	color: #A60000;
}

.ztree .highlight_green {
	color: #A7F43D;
}

/* .ztree li { */
/* 	list-style: circle; */
/* 	font-size: 12px; */
/* 	margin: 3px 2px; */
/*  padding: 5px 0 5px 5px; */
/* } */

.ztree li.title {
	list-style: none;
}

.ztree ul.list {
	margin-left: 17px;
}

div.content_wrap {
	width: 100%;
	height:100%
}

div.content_wrap div.content_left {
	overflow-y: auto;
	float: left;
	width: 239px;
	height:100%;
	border-right: 1px dotted black;
}

div.content_wrap div.content_right {
	float: left;
	width: 355px;
}

.ztree div.zTreeBackground {
	width: 280px;
	text-align: left;
}

ul.ztree {
	margin-top: 10px;
	margin: 7px;
	border: 2px solid #e2e2e2;
/* 	background: #f0f6e4; */
/* 	width:-webkit-calc(100% - 20px);  */
/* width:-moz-calc(100% - 20px);  */
/* width:calc(100% - 20px);  */
	    width: 100%;
    height: 526px;
	overflow-y: scroll;
	overflow-x: auto;
}

.ztree ul.log {
	border: 1px solid #617775;
	background: #f0f6e4;
	width: 300px;
	height: 170px;
	overflow: hidden;
}

.ztree ul.log.small {
	height: 45px;
}

.ztree ul.log li {
	color: #666666;
	list-style: none;
	padding-left: 10px;
}

.ztree ul.log li.dark {
	background-color: #E3E3E3;
}

/* ruler */
.ztree div.ruler {
	height: 20px;
	width: 220px;
	background-color: #f0f6e4;
	border: 1px solid #333;
	margin-bottom: 5px;
	cursor: pointer
}

.ztree div.ruler div.cursor {
	height: 20px;
	width: 30px;
	background-color: #3C6E31;
	color: white;
	text-align: right;
	padding-right: 5px;
	cursor: pointer
}

.ztree li span.button.add {
	margin-left: 2px;
	margin-right: -1px;
	background-position: -144px 0;
	vertical-align: top;
	*vertical-align: middle
}

.ztree li span.button.house {
	margin-left: 2px;
	margin-right: -1px;
	background-position: -128px -64px;
	vertical-align: top;
	*vertical-align: middle
}

.content_wrap ul.labels-box li{
	float: left;
    display: inline-block;
    border: 1px solid #aaa;
    border-radius: 5px;
    font-size: 12px;
    cursor: pointer;
    padding: 0 10px;
    margin-bottom: 4px;
    margin-right: 4px;
    height: 24px;
    line-height: 22px;
    letter-spacing: 1px;
}
.content_wrap ul.labels-box li span {
    display: inline-block;
    transform: scale(1);
}

.a {
	float: right;
	display: inline-block;
	border: 1px solid #aaa;
	border-radius: 5px;
	font-size: 12px;
	cursor: pointer;
	padding: 0 5px;
	margin: 4px;
	height: 20px;
	line-height: 18px;
	letter-spacing: 1px;
}
