/** CSS Document */
.tree-css { padding:0; margin:0; width:215px; background-color:#E7F5F6; }
.tree-css * { padding: 0; margin: 0;  }
.tree-css a:hover { text-decoration: underline; }
.tree-css a, .tree-css em { text-decoration:none; }

/* \* ----------------------- Main Level Text Styles ----------------------- *\*/
.tree-css ul li{
  font-size:0.85em; background-color:#E7F5F6; line-height:1.2em;
  padding:0; margin-top:8px;
}
.tree-css ul li ul li { font-size:1em; border:none; margin-top:5px; padding:0; }

.tree-css a.mainlevel-css, .tree-css a.mainlevel-css:visited, .tree-css a.mainlevel-css:link
{ color: #2393B4; }

.tree-css a.mainlevel_current-css, .tree-css a.mainlevel_current-css:visited,
.tree-css a.mainlevel_current-css:link, .tree-css a.mainlevel_active-css,
.tree-css a.mainlevel_active-css:visited, .tree-css a.mainlevel_active-css:link
{ color:#C40000; }

/* \* ----------------------- Sub Level Text Styles ----------------------- *\*/
.tree-css a.sublevel_current-css, .tree-css a.sublevel_current-css:visited,
.tree-css a.sublevel_current-css:link, .tree-css a.sublevel_active-css,
.tree-css a.sublevel_active-css:visited, .tree-css a.sublevel_active-css:link
{ color:#005379; }
.tree-css a.sublevel-css, .tree-css a.sublevel-css:visited,
.tree-css a.sublevel-css:link
 { color:#2393B4; }
/* ---------------------- Text Layout Spacing ------------------------------- */
.tree-css ul, .tree-css li { list-style-type:none; margin:0; padding:0; clear:both; }
.tree-css ul { padding-bottom:12px; }
.tree-css ul ul{ padding-bottom:0px; }

/* ---------------------- IMAGES LAYOUT ------------------------------------  */
.tree-css .start-css { background-color:#E7F5F6; margin:0; padding:0; }
.tree-css img { border:none; vertical-align:middle; padding:0; margin:0; }
/* Image to show when menu item is Active */
.document_open-css {
  background:url("../../images/liteblue-bullet.png") no-repeat 4px 4px;
  float:left; width:15px; height:16px; }
/* Bullets - non-active items */
.tree-css .document-css {
  float:left; width:15px; height:16px;
  background:url("../../images/top/blue-bullet.gif") no-repeat 5px 5px;
}

/*  --------------------------- Collapsing Menu ----------------------------- */
/* Folder icon before opening */
.tree-css .folder-css {
  float:left; width:15px; height:12px;
  background:url("../../images/top/blue-bullet.gif") no-repeat 5px 5px;
}
/* Folder icon after opening */
.tree-css .folder_open-css {
  float:left; background:url("../../images/top/blue-bullet.gif") no-repeat 5px 5px;
  width:15px; height:12px;
}
/* To use for collapsing MENU ITEMs */
.tree-css .minus-css {
  float:left; background:none; width:1px; height:12px;
}
/* To use for connecting ITEMs with folders + sign */
.tree-css span.plus-css {
  float:left; background:none; width:1px; height:12px;
}
/* Last Item on Menu IF its a folder too */
.tree-css .minus_last-css, .tree-css .plus_last-css {
  float:left; background:none; width:1px; height:12px;
}
.tree-css a.plus-css, .tree-css a.plus_last-css { padding: 0; border: none; }
a.plus-css { vertical-align:middle; padding:0; margin:0; text-decoration:none; }

/*  --------------------------- Joining Section ----------------------------- */
.tree-css ul li span.join-css { /* 1ST LEVEL Joining */
  float:left; background:none; width:1px; height:12px;
}
.tree-css ul li ul li span.join-css { /* Indented 2ND LEVEL Joining */
  float:left; background:none; width:1px; height:10px;
}
.tree-css .line-css { /* Line connector */
  float: left; background:none; width:7px; height:12px;
}
.tree-css .join_last-css { /*  Last Joining connector */
  float: left; background:none; width:1px; height:12px;
}
.tree-css .noline-css { float:left; width:5px; height:15px;
}