/**
 * @project         MapGuide Open Source Web Studio
 * @revision        $Id: tree.css,v 1.16 2006/06/09 16:25:50 fwarnock Exp $
 * @copyright       © 2006 DM Solutions Group Inc.
 * released under LGPL License with MapGuide Open Source (see index.html)
 */

/* =========== */
/* TREE STYLES */
/* =========== */

/* The jx tree built out of nested ULs
   For this to work visually, the margins and padding need to be flattened
   out, and the list marker needs to be hidden
*/


.jxTree, .jxTreeRoot {
  /* relative positioning is required for IE to fix the peek-a-boo bug */
  position:relative;
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.jxTreeNest {
  list-style: none;
  margin: 0px;
  padding: 0px;
  background-repeat: repeat-y;
  background-position: left top;
}

/* Node Classes */

.jxTree li, .jxTreeRoot li {
  /* relative positioning is required for IE to fix the peek-a-boo bug */
  position:relative;
  margin: 0px;
  padding: 0px;
  background-repeat: no-repeat;
  /* background branches may need to shift up/down according to height of the node */
  background-position: left -4px;
  white-space: nowrap;
}

.jxTree li {
  margin-left: 16px;
}

.jxTree a, .jxTreeRoot a {
  /* make the text align properly with an neighbouring inline image */
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  padding-left: 2px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: black;
  text-decoration: none;
  /* height and line height need to be the same to center labels correctly */
  /* they need to be an even number so branches line up properly */
  line-height: 20px;
  height: 20px;
}

.jxTree a:hover, .jxTreeRoot a:hover {
  background-color: #E1EDFA; 
  /*background-color: #ffffcc; */
}

.jxTree img, .jxTreeRoot img {
  border: 0px;
  width: 16px;
  height: 16px;
}

.jxTreeNest         {background-image: url(../images/tree_vert_line.png);}
.jxTreeNode         {background-image: url(../images/tree_node.png);}
.jxTreeNodeLast     {background-image: url(../images/tree_last_node.png);}

.jxTreeDropzone {
  text-decoration:underline;
  font-weight:bold;
  color:blue;
}

.jxTreeSelectedNode {
  background-color: #AFD4FA;
  /*background-color: #ddffaa; */
  font-weight:bold;
}

.jxTreeCutNode {
  opacity: 0.4; /* css 3 */
  -moz-opacity: 0.4; /* moz-specific */
  filter: Alpha(opacity=40); /* IE only */
}

.jxTreeCutNode a:hover {
  background-color: #fff; 
}