/* BASIC CSS *****************************************************/
.dmxtree, .dmxtree ul, .showStruct, .showStruct ul {
	margin   : 0px;
	padding   : 0px;
	white-space : normal;
}

.dmxtree li, .showStruct li {
	margin     : 0px;
	padding    : 0px 0px 0px 18px;
	list-style   : none;
	background-repeat: no-repeat;
	background-position: top left;
	text-align:left;
	line-height:18px;
}

.dmxtree img, .showStruct img {
	float     : left;
	margin     : 0px 2px 0px 0px;
}


.dmxtree  .folderopened, 
.showStruct .folderopened,
.dmxtree  .folderclosed, 
.showStruct .folderclosed,
.dmxtree  .file, 
.showStruct .file,
.dmxtree  li div.plusminus, 
.dmxtree  li div.arrow, 
.showStruct li div.plusminus,
.showStruct li div.arrow {
	height : 18px;
	width : 18px;
}


.showStruct li div.plusminus, 
.dmxtree  li div.plusminus, 
.dmxtree  li div.arrow, 
.showStruct li div.arrow {
	float      : left;
	margin-left   : -18px;
	width      : 18px;
	height      : 18px;
	background-repeat: no-repeat;
}



/* IE 6 and below */
* html .showStruct li div.plusminus, 
* html .dmxtree  li div.plusminus, 
* html .dmxtree  li div.arrow {
	padding-left: 18px;
	background-position: top 18px;
}

.dmxtree, .showStruct {
	font-size  : 12px;
	font-family : Tahoma;
}

.dmxtree ul, 
.showStruct ul { 
	display:list-item;
	list-style:none; 
}

.dmxtree li.collapsed ul, 
.showStruct li.collapsed ul { 
	display:none; 
}


/* Toolbal --------------------------------------------------------------------- */
.dmxtree .toolbar {
	background   : threedface;
	border-bottom  : 1px solid threedshadow;
	padding     : 2px 0px 2px 0px;
	/*visibility   : hidden;*/
	-moz-appearance : toolbox;
	-webkit-appearance : button;
	position    : absolute;
	z-index     : 50;
	top       : -100px;
	left      : 0px;
	opacity     : 0;
	font-family   : Tahoma;
	font-size    : 11px;
}

.dmxtree .toolbar a {
	color:blue;
	font :menu;
	text-decoration:none;
	padding:2px 6px;
}

.dmxtree .toolbar a:focus {
	outline:none;
}

.dmxtree .toolbar span {
	-moz-appearance : toolbarbutton; 
	padding     :1px 3px 3px 3px;
}
.dmxtree .toolbar a.expandlink {
	padding-left:18px;
	background-image:url(plus.gif);
	background-repeat:no-repeat;
}

.dmxtree .toolbar a.collapselink {
	padding-left:18px;
	background-image:url(minus.gif);
	background-repeat:no-repeat;
}

.dmxtree .toolbar a.closelink {
	color:#999999;
	font-weight:bold;
	float:right;
	font-family:Verdana, sans-serif;
	font-size:12px;
	line-height:12px;
}

.dmxtree .toolbar a:hover {
	background-color:highlight;
	color:highlighttext;
	text-decoration:none;
	-webkit-appearance:sliderthumb-vertical; 
}

.dmxtree .toolbar a:-moz-any-link {
	background-color:transparent;
	color:#000033 !important;
}



/* IMAGES ---------------------------------------------------------------------- */


/* ------------- folder ------------- */
.dmxtree  li .folder, 
.showStruct li .folder { 
	background-image:url(folder_opened.png);
}

.dmxtree  li.collapsed > .folder, 
.showStruct li.collapsed > .folder { 
	background-image:url(folder_closed.png);
}

/* IE 6 and below */
* html .dmxtree  li.collapsed .folder, 
* html .showStruct li.collapsed .folder {
	background-image:url(folder_closed.png);
}


/* -------------- file -------------- */
.dmxtree  .file, 
.showStruct .file { 
	background-image:url(file.png);
}


/* ------------ plusminus ------------ */
.dmxtree  div.plusminus,
.showStruct div.plusminus { 
	background-image:url(minus.gif);
}

.dmxtree  li.collapsed > .plusminus,
.showStruct li.collapsed > .plusminus { 
	background-image:url(plus.gif);
}

/* IE 6 and below */
* html .dmxtree  li.collapsed .plusminus, 
* html .showStruct li.collapsed .plusminus {
	background-image:url(plus.gif);
}


/* -------------- arrow -------------- */
.dmxtree  div.arrow,
.showStruct div.arrow { 
	background-image:url(arrowopened.gif);
}

.dmxtree  li.collapsed > .arrow,
.showStruct li.collapsed > .arrow { 
	background-image:url(arrowclosed.gif);
}

/* IE 6 and below */
* html .dmxtree  li.collapsed .arrow, 
* html .showStruct li.collapsed .arrow {
	background-image:url(arrowclosed.gif);
}




/* ------------ showStruct ------------ */
.showStruct li      { background-image:url(node.gif)   }
.showStruct li.lastItem { background-image:url(lastnode.gif) }
.showStruct li.firstnode { background-image:url(firstnode.gif) }