.tree-menu{background: #E7B762; }



.tree-menu ul { list-style: none; padding-left: 10px; }



.tree-menu > ul { padding: 0; }



.tree-menu a {

  display: block;

  vertical-align: middle;

  text-decoration: none;

  padding: 6px;

  background-color: #d2e2ed;

  margin-bottom: 1px;

  color: #545454;

}



.tree-menu a:hover {

  color: #E7B762;

}



.tree-menu .active > a:hover,

.tree-menu .selected > a,

.tree-menu a:hover { background-color: #9cbad0; }



.tree-menu .selected > a {

  color: #E7B762;

  font-weight: bold;

  text-decoration: none;

}



.tree-menu .active > a { background-color: #e1e3e9; }



.tree-menu .closed > a,

.tree-menu .opened > a {

  padding-left: 24px;

  background-position: 4px 10px;

  background-repeat: no-repeat;

}



.tree-menu .closed > a { background-image: url(img/icon-expand.png); }



.tree-menu .opened > a { background-image: url(img/icon-collapse.png); }