.tree {margin: 1em 0;}
.tree ul {padding: 0; margin: 0;}
.tree ul li {list-style-type: none;}
/* indent for all tree children excepts root */
.tree li {margin-left: 20px; zoom: 1;}
.tree a {display: block; padding-left:22px; text-decoration: none; background: url(../img/tree/folder.png) no-repeat;}
.tree a.lock {background: url(../img/tree/folder-lock.png) no-repeat;}
.tree a.trash {background: url(../img/tree/trash.png) no-repeat;}
.tree .root {margin-left: 0;}
.tree .open .expand {background: url(../img/tree/arrd.png) no-repeat;}
/* closed is higher priority than open */
.tree .closed .expand {background: url(../img/tree/arrr.png) no-repeat;}
/* highest priority */
.tree .content {line-height: 20px; margin-left: 16px;}
.tree .content:hover {color: red; background: #ffffe5;}
* html .tree .content {height: 20px;}
.tree .expand {width: 16px; height: 20px; float: left; cursor: pointer;}
.tree .open ul {display: block;}
.tree .closed ul {display: none;}
.selected a {font-weight: bold; color: #d54;}