/* 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 : Verdana, Arial, Helvetica, sans-serif;
}

.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) }