body {
    /*font-family: "Open Sans",sans-serif;*/
    line-height: 1.5;
}

/* body { */
/*   background:white; */
/*   font:normal normal 13px/1.4 Segoe,"Segoe UI",Calibri,Helmet,FreeSans,Sans-Serif; */
/* /\*  padding:50px; *\/ */
/* } */


/* /\** */
/*  * Framework starts from here ... */
/*  * ------------------------------ */
/*  *\/ */

/* .tree, */
/* .tree ul { */
/*   margin:0 0 0 1em; /\* indentation *\/ */
/*   padding:0; */
/*   list-style:none; */
/*   color:#369; */
/*   position:relative; */
/* } */

/* .tree ul {margin-left:.5em} /\* (indentation/2) *\/ */

/* .tree:before, */
/* .tree ul:before { */
/*   content:""; */
/*   display:block; */
/*   width:0; */
/*   position:absolute; */
/*   top:0; */
/*   bottom:0; */
/*   left:0; */
/*   border-left:1px solid; */
/* } */

/* .tree li { */
/*   margin:0; */
/*   padding:0 1.5em; /\* indentation + .5em *\/ */
/*   line-height:2em; /\* default list item's `line-height` *\/ */
/*   font-weight:bold; */
/*   position:relative; */
/* } */

/* .tree li:before { */
/*   content:""; */
/*   display:block; */
/*   width:10px; /\* same with indentation *\/ */
/*   height:0; */
/*   border-top:1px solid; */
/*   margin-top:-1px; /\* border top width *\/ */
/*   position:absolute; */
/*   top:1em; /\* (line-height/2) *\/ */
/*   left:0; */
/* } */

/* .tree li:last-child:before { */
/*   background:white; /\* same with body background *\/ */
/*   height:auto; */
/*   top:1em; /\* (line-height/2) *\/ */
/*   bottom:0; */
/* } */


/* collapsible treeview section */

.treeView{
    -moz-user-select:none;
    position:relative;
}

.treeView ul{
    margin:0 0 0 -1.5em;
    padding:0 0 0 1.5em;
}

.treeView ul ul{
    background:url('list-item-contents.png') repeat-y left;
}

.treeView li:last-child > ul{
    background-image:none;
}

.treeView li{
    margin:0;
    padding:0;
    background:url('list-item-root.png') no-repeat top left;
    list-style-position:inside;
    list-style-image:url('button.png');
    cursor:auto;
}

.treeView li.collapsibleListOpen{
    list-style-image:url('button-open.png');
    cursor:pointer;
}

.treeView li.collapsibleListClosed{
    list-style-image:url('button-closed.png');
    cursor:pointer;
}

.treeView li li{
    background-image:url('list-item.png');
    padding-left:1.5em;
}

.collapsibleList li:last-child{
    background-image:url('list-item-last.png');
}

.treeView li.collapsibleListOpen{
    background-image:url('list-item-open.png');
}

.treeView li.collapsibleListOpen:last-child{
    background-image:url('list-item-last-open.png');
}