/* CSS Document */
.indexingTree
{	
	margin:0px;
	padding:0px;
	height:100%;
	display:block;
	overflow:auto;
	/*margin:20px;
	padding:2px;
	height:100%;*/
	
}
.indexingTree li
{
	list-style: none;
	margin:0px;
	padding:2px 0px 0px 34px;
	line-height: 16px;
}
.indexingTree li span:hover
{
	color:#CC3300;
	font-weight: bold;
}
.indexingTree li span
{
	display:inline;
	clear: left;
	white-space: nowrap;
	/*font-family: verdana,geneva,arial,helvetica,sans-serif; */
    font-size: 1em;
    vertical-align:top;
}
.indexingTree ul
{
	margin:0px; 
	padding:0px;
}
.indexingTree .root
{	 
	/*position: absolute;*/  /* important for Safari Browser on windows */
	margin-left:-16px;
	background: url('../image3/tree/root.gif') no-repeat 16px 0 #ffffff;
}
.indexingTree .line
{
	margin:0 0 0 -16px;
	padding:0;
	height:3px;
	line-height: 3px;
	font-size:3px;
	background: url('../image3/tree/line_bg.gif') 0 0 no-repeat transparent;
}
/*
.indexingTree .line
{
	margin:0 0 0 -16px;
	padding:0;
	line-height: 3px;
	height:3px;
	font-size:3px;
	background: url('../image3/tree/line_bg.gif') 0 0 no-repeat transparent; 
}
*/
.indexingTree .line-last
{
	margin:0 0 0 -16px;
	padding:0;
	line-height: 3px;
	height:3px;
	font-size:3px;
	background: url('../image3/tree/spacer.gif') 0 0 no-repeat transparent;
}
.indexingTree .line-over
{
	margin:0 0 0 -16px;
	padding:0;
	line-height: 3px;
	height:3px;
	font-size:3px;
	background: url('../image3/tree/line_bg_over.gif') 0 0 no-repeat transparent;
}
.indexingTree .line-over-last
{
	margin:0 0 0 -16px;
	padding:0;
	line-height: 3px;
	height:3px;
	font-size:3px;
	background: url('../image3/tree/line_bg_over_last.gif') 0 0 no-repeat transparent;
}
.indexingTree .folder-open
{
	margin-left:-16px;
	background: url('../image3/tree/collapsable.gif') 0 2px no-repeat #fff;
}
.indexingTree .folder-open-last
{
	margin-left:-16px;
	background: url('../image3/tree/collapsable-last.gif') 0 2px no-repeat #fff;
}
.indexingTree .folder-close
{
	margin-left:-16px;
	background: url('../image3/tree/expandable.gif') 0 2px no-repeat #fff;
}
.indexingTree .folder-close-last
{
	margin-left:-16px;
	background: url('../image3/tree/expandable-last.gif') 0 2px no-repeat #fff;
}
.indexingTree .doc
{
	margin-left:-16px;
	background: url('../image3/tree/leaf.gif') 0 2px no-repeat #fff;
	cursor:hand;
}
.indexingTree .doc-last
{
	margin-left:-16px;
	background: url('../image3/tree/leaf-last.gif') 0 2px no-repeat #fff;
	cursor:hand;
}
.indexingTree .ajax
{
	background: url('../image3/tree/spinner.gif') no-repeat 0 0 #ffffff;
	height: 16px;
	display:none;
}
.indexingTree .ajax li
{
	display:none;
	margin:0; 
	padding:0;
}
.indexingTree .trigger
{
	display:inline;
	margin-left:-40px;
	width: 32px;
	height: 18px;
	cursor:pointer;
}
.indexingTree .text
{
	cursor: default;
}


.indexingTree .active
{
	cursor: default;
	background-color:#3355FF;
	padding:0px 0px;
	color:#FFFFFF;
	vertical-align:text-top;
	cursor:hand;
}

.crossRefer .indexingTree .active
{
	cursor: default;
	padding:0px 0px;
	color:#036ac2;
	vertical-align:text-top;
	cursor:hand;
	text-decoration:none;
	background-color:transparent;
}

.crossRefer .indexingTree .active:hover{
	color:#cc3300;
}

#drag_container
{
	background:#ffffff;
	color:#000;
	font: normal 11px arial, tahoma, helvetica, sans-serif;
/*	border: 1px dashed #767676; it creates a dashed area in drag and drop
 *
 */
}
#drag_container ul
{
	list-style: none;
	padding:0;
	margin:0;
}

#drag_container li
{
	list-style: none;
	background-color:#ffffff;
	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('../image3/tree/leaf.gif') no-repeat -17px 0 #ffffff;
}
#drag_container .folder-close, #drag_container .folder-close-last
{
	background: url('../image3/tree/expandable.gif') no-repeat -17px 0 #ffffff;
}

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

}*/
.indexingTree #inputText
{
	width:100px;
/*	height:12px;
	font-size:12px;	
*/
}