/* Woehner tree CSS start */

/* ************ tree images ***************** */

/* navi icons */
.tree-item { 
  padding-left: 17px;
  background: transparent url("woehner_black/dot.gif") no-repeat 1px 50%;
}

.tree-item .plus {
  background: transparent url("woehner_black/plus.gif") no-repeat 0 50%;
  padding-right: 7px;
}
.tree-item .minus {
  background: transparent url("woehner_black/minus.gif") no-repeat 0 50%;
  padding-right: 7px;
} 

/* item icons */
div.tree-item td.customIcon {
	background: url("woehner_black/document.gif") no-repeat 0 50%;
}
div.tree-item-expanded td.customIcon {
	background: url("woehner_black/folder_open.gif") no-repeat 0 50%;
}
div.tree-item-collapsed td.customIcon {
	background: url("woehner_black/folder.gif") no-repeat 0 50%;
}

/* icons for default selected path */
div.tree-item-sselected td.customIcon {
	background: url("woehner_black/sdocument.gif") no-repeat 0 50%;
}
div.tree-item-sexpanded td.customIcon {
	background: url("woehner_black/sfolder_open.gif") no-repeat 0 50%;
}
div.tree-item-scollapsed td.customIcon {
	background: url("woehner_black/sfolder.gif") no-repeat 0 50%;
}

/* lines */
.tree-lines-c {
  background: transparent url("woehner_black/lines-c.gif") no-repeat 1px 50%;
}
.tree-lines-b {
  background: transparent url("woehner_black/lines-b.gif") no-repeat 1px 50%;
}
.tree-lines-t {
  background: transparent url("woehner_black/lines-t.gif") no-repeat 1px 50%;
}
.tree-lines-s {
  background: transparent url("woehner_black/lines-s.gif") no-repeat 1px 50%;
}
.tree-lined { background: transparent url("woehner_black/lines-v.gif") repeat-y 1px 0; }
.tree-lines-dot { background: transparent url("woehner_black/dot.gif") no-repeat 1px 50%; }


/* ************ default start ***************** */

.tree { padding-left: 20px; }
.tree-top {
  padding: 10px;
}

.tree-item-more {
  padding-left: 1px;
}

.tree-item td.label { cursor: pointer; }
.tree-item table.tree-table { }
.tree-item table.tree-table td.label span.label { padding: 0 2px; }


.tree-item .tgb {
  width: 9px; 
  height: 9px; 
  vertical-align: middle; 
  cursor: default;
}

.tree-item .icon { 
  padding-right: 4px; 
  cursor: default; /*pointer;*/
  width: 18px; 
  height: 18px;
  text-align: center; 
  vertical-align: middle;
}

/* ************ default stop ***************** */


/* ************ Wohner colors ***************** */
/* default link */
.tree,
.tree-item table.tree-table,
.tree-item a:link
{ 
  font: 10px verdana, arial, helvetica, sans-serif; 
  text-decoration:none;
  color: #FFFFFF;
}

.tree-item a:visited
{ 
  text-decoration:none;
  color: #FFFFFF;
}

.tree-item a:hover
{ 
  text-decoration:none;
  color: #FFFFFF;
}

/* text color of opened folder */
div.tree-item-expanded a:link            /* link of expanded item */
{
  color: #DC3903;
  text-decoration: none;
}

div.tree-item-expanded a:visited           
{
  color: #DC3903;
  text-decoration: none;
}

div.tree-item-expanded a:hover            
{
  color: #DC3903;
  text-decoration: none;
}


/* text color of items from default selected path */
div.tree-item-sexpanded a:link,
div.tree-item-scollapsed a:link,
.tree-top div.tree div.tree div.tree-item-sselected a:link
{
  color: #25D242;
  text-decoration: none;
}

div.tree-item-sexpanded a:visited,
div.tree-item-scollapsed a:visited,
.tree-top div.tree div.tree div.tree-item-sselected a:visited
{
  color: #25D242;
  text-decoration: none;
}

div.tree-item-sexpanded a:hover,
div.tree-item-scollapsed a:hover,
.tree-top div.tree div.tree div.tree-item-sselected a:hover
{
  color: #25D242;
  text-decoration: none;
}


/* bg color of a closed top-level folder */
div.tree-item-collapsed, 
div.tree-item-collapsed a,
div.tree-item-scollapsed,      /* collapsed item from default selected path */
div.tree-item-scollapsed a
{
  background-color: #1b4061;
}


/* bg color of open folder and the whole its content */
.tree-item-expanded,                  /* expanded item, without content */
.tree-item-sexpanded,                 /* expanded item from default selected path, without content */
.tree-lined,                          /* any item within an expanded item */
.tree-lined div.tree-item-collapsed,  /* closed item within an expanded item */
.tree-lined div.tree-item-collapsed a,
.tree-top div.tree,                   /* subitems of the last top-level folder */
.tree-top div.tree div.tree-item,
.tree-top div.tree div.tree-item a
{
  background-color: #001932;
  padding-right: 10px;
}


/* main tree layers */
#woecat_tree {
  position:absolute;
  top:-70px;
  left:150px;
  width:400px;
  height:490px;
  z-index:100;
  visibility:hidden;
  margin:0px;
  padding:0px;

  scrollbar-base-color:#74777C;
  scrollbar-face-color:#1b4061;
  scrollbar-arrow-color:#74777C;
  scrollbar-track-color:#1b4061;
  scrollbar-highlight-color:#1b4061;
  scrollbar-shadow-color:#74777C;
  scrollbar-darkshadow-color:#1b4061;
  scrollbar-3d-light-color:#1b4061;

  overflow:auto;
  background-color: #1b4061;
  border : 1px solid #74777C;
}

#woecat_tree_bar {
  position:absolute;
  top:-91px;
  left:150px;
  width:400px;
  height:21px;
  z-index:98;
  visibility:hidden;
  border : none;
}

#woecat_tree_shadow {
  position:absolute;
  top:-67px;
  left:154px;
  width:400px;
  height:490px;
  z-index:99;
  visibility:hidden;
  margin:0px;
  padding:0px;

  overflow:hidden;
  background-color: #303030;
  border : 1px solid #74777C;
}

/* Woehner tree CSS end */