@charset "utf-8";


/************************************************************************
 * 파일명      : ui.tree.css
 * 설명        : 
 * 작성자      : 박수림
 * 작성일      : 2021.05
************************************************************************/

.simpleTree
{
	margin:0 0 0 10px;
	
	/*margin:0;
	 padding-left:3px;
	
	overflow:auto;
	width: 250px;
	height:350px;
	overflow:auto;
	border: 1px solid #444444;
	*/
}
.simpleTree li
{
	list-style: none;
	margin:0;
	padding:0 0 0 35px;
	/* line-height: 24px; */
}
.simpleTree li span
{
	display:inline;
	clear: left;
	white-space: nowrap;
	
}
.simpleTree ul
{
	margin:0; 
	padding:0;
}
.simpleTree .root
{
	margin-left:-16px;
	padding-left:20px;
	background: url(images/tree/ico_root.gif) no-repeat 0 0;
	color: #000000;
}
.simpleTree .line
{
	margin:0 0 0 -16px;
	padding:0;
	/*line-height: 3px;
	height:3px;
	font-size:3px;*/
	background: url(images/tree/line_bg.gif) repeat-y transparent;
}
.simpleTree .line-last
{
	/* margin:0 0 0 -16px; */
	padding:0;
	line-height: 3px;
	height:3px;
	font-size:3px;
	background: url(images/tree/spacer.gif) 0 0 no-repeat transparent;
}
.simpleTree .line-over
{
	/* margin:0 0 0 -16px; */
	padding:0;
	line-height: 3px;
	height:3px;
	font-size:3px;
	background: url(images/tree/line_bg_over.gif) 0 0 no-repeat transparent;
}
.simpleTree .line-over-last
{
	/* margin:0 0 0 -16px; */
	padding:0;
	line-height: 3px;
	height:3px;
	font-size:3px;
	background: url(images/tree/line_bg_over_last.gif) 0 0 no-repeat transparent;
}
.simpleTree .folder-open
{
	margin-left:-16px;
	background: url(images/tree/collapsable.gif) 0 0 no-repeat;
}
.simpleTree .folder-open-last
{	
	margin-left:-16px;
	background: url(images/tree/collapsable-last.gif) 0 0 no-repeat;
}

.simpleTree .folder-close
{
	margin-left:-16px;
	background: url(images/tree/expandable.gif) 0 0 no-repeat;
}
.simpleTree .folder-close-last
{
		margin-left:-17px;
	background: url(images/tree/expandable-last.gif) 0 0 no-repeat;
}
.simpleTree .doc
{
	margin-left:-17px;
	padding:2px 0 2px 21px;
	line-height:18px;
	background: url(images/tree/leaf.gif) 0 -1px no-repeat;
}
.simpleTree .doc-last
{
	margin-left:-16px;
	background: url(images/tree/leaf-last.gif) 0 -1px no-repeat;
}
.simpleTree .ajax
{
	background: url(images/tree/spinner.gif) no-repeat 0 0;
	height: 16px;
	display:none;
}
.simpleTree .ajax li
{
	display:none;
	margin:0; 
	padding:0;
}
.simpleTree .trigger
{
	display:inline;
	margin-left:-32px;
	width: 31px;
	height: 22px;
	cursor:pointer;
}

.simpleTree .ico_info
{
	display:inline-block;
	width: 16px;
	height: 16px;
	vertical-align:middle;
	cursor:pointer;
}

.simpleTree .text
{
	cursor: pointer;
	padding-left:3px;
	color: #000000;
}
.simpleTree .active
{
	cursor: pointer;
	background-color:#d8f912;
	padding-left:3px;
	/* padding:2px; */
}
#drag_container
{
	/*background:#413016;*/
	color:#000;
	font: normal 11px arial, tahoma, helvetica, sans-serif;
	border: 1px dashed #767676;
}
#drag_container ul
{
	list-style: none;
	padding:0;
	margin:0;
}

#drag_container li
{
	list-style: none;
	/*background-color:#413016;*/
	line-height:18px;
	white-space: nowrap;
	padding:1px 1px 0px 16px;
	margin:0;
}
#drag_container li span
{
	padding:0;
}

#drag_container li.doc, #drag_container li.doc-last
{
	background: url(images/tree/leaf.gif) no-repeat -17px 0;
}
#drag_container .folder-close, #drag_container .folder-close-last
{
	background: url(images/tree/expandable.gif) no-repeat -17px 0;
}

#drag_container .folder-open, #drag_container .folder-open-last
{
	background: url(images/tree/collapsable.gif) no-repeat -17px 0;
}
.contextMenu
{
	display:none;
}

.simpleTree .stbl-doc
{
	margin-left:-16px;
	background: url(images/tree/stbl-leaf.gif) 0 -1px no-repeat;
}
.simpleTree .stbl-doc-last
{
	margin-left:-16px;
	background: url(images/tree/stbl-leaf-last.gif) 0 -1px no-repeat;
}