@CHARSET "ISO-8859-1";

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 

.doc-tree-container{margin-top: 10px; width:570px;}
.doc-tree{
display:inline-block;
padding-left:20px;
font-size: 1em;
}
.doc_tree a:link, a:hover { disply:block; border: 0; cursor: pointer;}
.doc-tree dt {
display: block;
width:100%;
font-size : 10px;
font-color : #333;
line-height:32px;
cursor: pointer;
padding-left:10px;
}

.doc-tree dd {
display:block;
clear: both;
margin : 0;
padding-left:0;
}

.doc-tree .dir {
background-image:url(../images/folder.png);
background-repeat:no-repeat;
background-position: 2px 0px;
margin : 7px 0;
font-size : 11px;
line-height:17px;
padding-left:17px;
}
/*
.doc-tree .dir{
background-image:url(folder_open.png);
}
.doc-tree .dir{
background-image:url(folder_close.png);
}*/

/* Icons
----------------------------------*/
/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(../images/ui-icons_222222_256x240.png); }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }