.treeview, .treeview ul { 
	padding: 0 0 0 0px;
	margin: 0;
	list-style: none;
	width: 200px;
}

.treeview ul {
	background-color: transparent;
	margin-top: 4px;
}

.treeview .hitarea {
	background: url(../Images/expand.jpg) no-repeat;
	height: 16px;
	width: 16px;	
	float: left;
	cursor: pointer;
	padding: 0px 5px 0px 0px;
	
}
/* fix for IE6 */
* html .hitarea 
{	
	display: inline;
	float:none;
}

.treeview li { 
	margin: 0px 1px 0px 0px;
	padding: 3px 0px 3px 10px;
	font-size: 8pt;
}

.treeview li.root { 
	color:#000000;
	display:block;
	font-size:17px;
	font-weight:bold;
}

.treeview LI:hover{text-decoration:none;}

.treeview LI:hover UL LI
{
    text-decoration:none;
}


.treeview .expandable-hitarea {width:13px;background-image: url(../Images/expand.jpg); background-repeat: no-repeat;}
.treeview .collapsable-hitarea {width:13px;background-image: url(../Images/collapse.jpg); background-repeat: no-repeat;}

/*.treeview li.last {  }
.treeview li.lastCollapsable, .treeview li.lastExpandable {  }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }*/

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0 0; }

.treeview .taskItem
{
	display: inline-block;	
	color:#000000;
	text-decoration:none;
	text-decoration:underline;
	cursor:hand;	
	width: 140px;
	margin:0;
	padding:0;
}

.treeview .taskImage
{	
	width: 11px;
}

#treeRoot  
{
	color:#000000;
	display:block;
	font-size:17px;
	font-weight:bold;
	margin: 25px 0 0 0;	
}


#treeRoot img
{
	padding: 0px 5px 0px 0px !important;
	cursor: pointer !important;
}