.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
}

.treeview ul {
	color:#550032;
}

/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.treeview li {
	padding: 0px 0px 0px 0px;
	font-size:13px;
	color:#727272;
	list-style:none;
    position:relative;
}
.treeview ul li { 
	margin: 0;
	padding: 5px 0 2px 10px;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#727272;
	text-align:left;
	cursor: pointer;	
}
.treeview li.topLi{
        border: 1px solid #ddd;
}
.treeview a{
     text-decoration:none;
        color:#727272;
        font-size:13px;
        font-family:Arial;
        padding:6px 0px 6px 31px;
        display:block;
        
}
.treeview a:hover{
	color:#000;
	text-decoration:underline;
	cursor: pointer;
	
}
.treeview a.current{
	color:#727272;
	text-decoration: none;
	cursor: pointer;
	background-color:#FFFFFF;
}

#treecontrol { margin: 1em 0; display: none;}




.treeview span.top 
{
    margin:3px 0 0 0;
    display:block;
    height:42px;
}
.treeview span.top:after{
    content: "\f105";
        font: normal normal normal 14px/1 FontAwesome;
        position:absolute;
            top: 15px;
    left: 10px;
}
.treeview span.top a{ 
    display:block;
	color:#727272;
	text-decoration:none;
	padding:9px 0 11px 18px;
	font-size:13px;
}
.treeview span.top a:hover{ 
	display:block;	
	color:#000;
	text-decoration:none;
	padding:9px 0 11px 22px;
	font-size:13px;
}


.selected{
    color:#000 !important;
}