treecontrol,
#tree
{
    /* prevent user selection */
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;

    /* default */
    font-family: Arial,Helvetica,sans-serif;
    font-size:13px;
    color: #555;
    text-decoration: none;
}

treecontrol ul {
    margin: 0;
    padding: 0;
    list-style: none;
    border: none;
    overflow: hidden;
}

treecontrol li,
#tree .tree-label
{
    position: relative;
    line-height: 20px;
}

treecontrol li.tree-expanded i.tree-leaf-head, treecontrol li.tree-collapsed i.tree-leaf-head,
treecontrol li.tree-expanded-child i.tree-leaf-head, treecontrol li.tree-collapsed-child i.tree-leaf-head{
    display:none;
}
treecontrol li.tree-expanded i.tree-branch-head, treecontrol li.tree-collapsed i.tree-branch-head {display:inline;}
treecontrol li.tree-leaf i.tree-branch-head {display:none;}
treecontrol li.tree-leaf i.tree-leaf-head {display:inline;}

treecontrol li i {
    cursor: pointer; }

treecontrol li .tree-label {
    cursor: pointer;
    display: inline;
}


treecontrol.tree-classic li.tree-expanded i {
    padding: 1px 30px;
    background: url("../img/tree/folder.png") no-repeat;
}

treecontrol.tree-classic li.tree-collapsed i {
    padding: 1px 30px;
    background: url("../img/tree/folder-closed.png") no-repeat;
}

treecontrol.tree-classic li.tree-leaf i {
    padding: 1px 30px;
    background: url("../img/tree/file.png") no-repeat;
}

treecontrol.tree-classic li .tree-selected {
    background-color: #aaddff;
    font-weight: bold;
}
treecontrol.tree-light a,
#tree .tree-light span,
#tree .tree-light a
{
    color: #000;
}

treecontrol.tree-light a:hover ,
#tree .tree-light a:hover {
    color: #0088c2;
}

treecontrol.tree-light li.tree-expanded i,
#tree .tree-label .tree-light i.tree-expanded
{
    padding: 8px 8px;
    background: url("../img/tree/drawerTriangleOpenT.gif") no-repeat;
    background-size: 12px 12px;
    background-position: center;
}

treecontrol.tree-light li.tree-expanded div.isClassOneExpanded a,
#tree .tree-label .tree-light .isClassOneExpanded span
{
    color: #FFF;
}

treecontrol.tree-light li.tree-collapsed i,
#tree .tree-label .tree-light i.tree-collapsed
{
    padding: 8px 8px;
    background: url("../img/tree/drawerTriangleCollapsedT.gif") no-repeat;
    background-size: 12px 12px;
    background-position: center;
}

treecontrol.tree-light li.tree-leaf i,
#tree .tree-child i
{
    padding: 1px 1px;
    width: 16px; height: 16px;
    background: none no-repeat;
}

treecontrol.tree-light li .tree-selected {
    /*font-weight: bold;*/
}

treecontrol.tree-light li .tree-selected a,
#tree .tree-label .tree-child a.tree-selected {
	padding: 1px;
	background: -webkit-linear-gradient(top, #ADD050, #8DB71F);
	background: -o-linear-gradient(top, #ADD050, #8DB71F);
	background: -moz-linear-gradient(top, #ADD050, #8DB71F);
	background: -ms-linear-gradient(top, #ADD050, #8DB71F);
	color: #FFF;
}

.ie9 treecontrol.tree-light li .tree-selected a,
.ie9 #tree .tree-label .tree-child a.tree-selected {
    background-image: url('../img/tree/drawer_selected.png');
}

treecontrol.tree-dark li.tree-expanded i {
    padding: 1px 30px;
    background: url("../img/tree/node-opened-light.png") no-repeat;
}

treecontrol.tree-dark li.tree-collapsed i {
    padding: 1px 30px;
    background: url("../img/tree/node-closed-light.png") no-repeat;
}

treecontrol.tree-dark li.tree-leaf i {
    padding: 1px 30px;
    width: 16px; height: 16px;
    background: none no-repeat;
}

treecontrol.tree-dark li .tree-selected {
    /*font-weight: bold;*/
}

treecontrol.tree-dark {
    color: #ddd;
}

treecontrol .isClassOneCollpsed, treecontrol .isClassOneLeafUnselected,
#tree .isClassOneCollpsed, #tree .isClassOneLeafUnselected {
    padding: 0 0 0 8px;
    background: -webkit-linear-gradient(top, #FEFFFF, #cbd8e1, #b4c7d4, #c0cfdb);
    background: -o-linear-gradient(top, #FEFFFF, #cbd8e1, #b4c7d4, #c0cfdb);
    background: -moz-linear-gradient(top, #FEFFFF, #cbd8e1, #b4c7d4, #c0cfdb);
    background: -ms-linear-gradient(top, #FEFFFF, #cbd8e1, #b4c7d4, #c0cfdb);
    border-bottom: 1px solid #53636a;
    width: 100%;
}

.ie9 treecontrol .isClassOneCollpsed, .ie9 treecontrol .isClassOneLeafUnselected,
.ie9 #tree .isClassOneCollpsed, .ie9 #tree .isClassOneLeafUnselected {
    background-image: url("../img/tree/drawer_normal.png");
}

treecontrol .isClassOneCollpsed:hover, treecontrol .isClassOneLeafUnselected:hover,
#tree .isClassOneCollpsed:hover, #tree .isClassOneLeafUnselected:hover {
	 padding: 0 0 0 8px;
    background: -webkit-linear-gradient(top, #e8f6fb, #8ad8ef, #64ccec, #c6f5fe);
    background: -o-linear-gradient(top, #e8f6fb, #8ad8ef, #64ccec, #c6f5fe);
    background: -moz-linear-gradient(top, #e8f6fb, #8ad8ef, #64ccec, #c6f5fe);
    background: -ms-linear-gradient(top, #e8f6fb, #8ad8ef, #64ccec, #c6f5fe);
    border-bottom: 1px solid #0088c2;
    width: 100%;
}

.ie9 treecontrol .isClassOneCollpsed:hover, treecontrol .isClassOneLeafUnselected:hover,
.ie9 #tree .isClassOneCollpsed:hover, #tree .isClassOneLeafUnselected:hover
{
    background-image: url("../img/tree/drawer_hover.png");
}

treecontrol .isClassOneExpanded, treecontrol .isClassOneLeafselected,
#tree .isClassOneExpanded, #tree .isClassOneLeafselected
{
    padding: 0 0 0 8px;
    background: -webkit-linear-gradient(top, #ADD050, #8DB71F);
    background: -o-linear-gradient(top, #ADD050, #8DB71F);
    background: -moz-linear-gradient(top, #ADD050, #8DB71F);
    background: -ms-linear-gradient(top, #ADD050, #8DB71F);
    border-bottom: 1px solid #8499a2;
    width: 100%;
}

.ie9 treecontrol .isClassOneExpanded, treecontrol .isClassOneLeafselected,
.ie9 #tree .isClassOneExpanded, #tree .isClassOneLeafselected {
    background-image: url('../img/tree/drawer_selected.png');
}

treecontrol .isClassNoChild, treecontrol .isClassNoChild:hover,
#tree .isClassNoChild, #tree .isClassNoChild:hover
{
	padding: 0 0 0 24px;
}

treecontrol a,
#tree span {
    padding-left: 5px;
}

treecontrol treeitem ul,
#tree .tree-child
{
    padding: 1px 0px 1px 5px;
    border-bottom: 1px solid #8499a2;
}

treecontrol.tree-classic li.tree-leaf i.tree-branch-head,
#tree.tree-classic li.tree-leaf i.tree-branch-head
{
    width: 10px;
}

treecontrol ul li treeitem li.tree-leaf div a,
#tree .tree-label .tree-child a
{
    margin-left: 0px;
    padding-right: 5px;
}