.tree-menu { width:100%; margin-top: 5px; margin-bottom:0px; }



.tree-menu ul { list-style: none; padding-bottom:0px; }

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

.tree-menu a {
  display: block;
  vertical-align: middle;
  text-decoration: none;
  padding: 5px 0px 5px 25px;
  margin: 1px 0;
  font:normal 15px source_sans_proregular, Arial, Helvetica, sans-serif !important;
  color:#ffffff;
  /*-moz-transition-delay: 0.15s;
  -webkit-transition-delay: 0.15s;
  -o-transition-delay: 0.15s;
  transition-delay: 0.15s;*/
  line-height:20px;
  background:#686868;
}

/* level 2 */

.tree-menu ul li li a {
  display: block;
  vertical-align: middle;
  text-decoration: none;
  padding: 3px 0px 3px 28px;
  margin: 0px 0 0px 0px;
  font:normal 12px source_sans_proregular, Arial, Helvetica, sans-serif !important;
  color:#4c4c4c;
  border:none;
  text-transform: capitalize;
  line-height:20px;
  background:#c8c8c8;
}

/* level 3 */
.tree-menu ul li li li a {
  display: block;
  vertical-align: middle;
  text-decoration: none;
  padding: 0px 0px 0px 28px;
  margin: 4px 0 4px 20px;
  font:normal 12px Arial, Helvetica, sans-serif;
  color:#acacac;
  border:none;
  text-transform: capitalize;
  background: url(../images/dash.gif) no-repeat 15px 8px !important;
}

/* level 4 */
.tree-menu ul li li li li a {
  display: block;
  vertical-align: middle;
  text-decoration: none;
  padding: 0px 0px 0px 20px;
  margin-left: 60px;
  margin-bottom: 1px;
  font:normal 13px Arial, Helvetica, sans-serif;
  color: #595959;
  border:none;
  background: url(../images/dash.gif) no-repeat 5px 9px !important;
  text-transform: capitalize;
  outline:none;
}

.tree-menu ul li li li li a.selected {
  display: block;
  vertical-align: middle;
  text-decoration: none;
  padding: 0px 0px 0px 20px;
  margin-left: 60px;
  margin-bottom: 1px;
  font:normal 12px Arial, Helvetica, sans-serif;
  border:none;
  background: url(../images/dash.gif) no-repeat 5px 13px;
}


.tree-menu a:hover {
  color: #4c4c4c;
  background:#c8c8c8;
  -moz-transition: background-color 0.1s linear;
  -webkit-transition: background-color 0.1s linear;
  -o-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
}

.tree-menu .active > a:hover,
.tree-menu .selected > a,
.tree-menu a:hover { color: #4c4c4c; }

.tree-menu .selected > a {
  color: #4c4c4c;
  font-weight: normal;
  text-decoration: none;
}

.tree-menu .active > a { background-color: none; color:#4c4c4c;  }

.tree-menu .active > a.selected:last-child {
	background-image:none;
}



.tree-menu .closed > a,
.tree-menu .opened > a {
  background-position: 3px 5px !important; /* background-position:right , if float right */
  background-repeat: no-repeat;
}

.tree-menu .closed > a { background-image: url(../images/icons.png); background-repeat: no-repeat  !important;}

.tree-menu .opened > a { background-image:url(../images/icons_down.png) !important;  }


.tree-menu li.div {
	/*border-bottom: #282828 1px solid;*/
	padding-top:6px;
	margin-bottom:6px;
}


