.TreeView 
{ 
   background-color: #2f4d93; 
   padding-bottom: 20px;
   width:187px;
   x*width:198px;
}

.TreeNode
{ 
	font-family:Verdana, Helvetica, sans-serif; 
	color:#FFFFFF;
	font-size:10px;
	font-weight:bold;
	padding: 0px 5px 0px 2px;
	cursor: pointer;
	line-height: 20px;
}

.TreeNodeRow 
{ 
	background-color: #2f4d93; 
	cursor:pointer;
	padding-left: 1px; 
	line-height: 20px;
	width: 100%; 
	border:1px; 
	xborder-color:#FFFFFF; 
	border-bottom-color:#FFFFFF; 
	border-style:solid;
}

.HoverTreeNodeRow
{ 
	background-color: #f1881b; 
    cursor: pointer;
	color: #FFFFFF;
	padding-left: 1px;
	line-height: 20px;
	width: 100%; 
	border:1px; 
	xborder-color:#FFFFFF; 
	border-bottom-color:#FFFFFF; 
	border-style:solid;	
}

.SelectedTreeNodeRow
{ 
	xwidth: 100%;
	background: #f1881b; 
	cursor: pointer;
	padding-left: 1px; 
	line-height: 20px;
	width: 100%; 
	border:1px; 
	xborder-color:#FFFFFF; 
	border-bottom-color:#FFFFFF; 
	border-style:solid;	
}

.SelectedTreeNode {
	color: #FFFFFF;
	font-family:Verdana, Helvetica, sans-serif; 
	font-size:10px;
	font-weight:bold;
	padding: 0px 5px 0px 1px;
	cursor: pointer; 
	line-height: 20px;
}

.SelectedParent {
	color: #FFFFFF;
	font-family:Verdana, Helvetica, sans-serif; 
	font-size:10px;
	font-weight:bold;	
	padding: 0px 5px 0px 3px;	
	cursor: pointer; 
	font-weight:bold;
	line-height: 20px;
}


/* styles for a special type of tree which has html content as nodes - the expand and collapse treeviews */
.TreeNodeContent
{ 
	font-family: verdana; 
	padding:4px 0;
	width: 350px;
}

.TreeNodeContent nobr
{ 
	width: 350px;
	white-space: normal;
}

.HeaderNode
{
	font-family: Verdana, sans-serif; 
	font-size :11px; 
	color : #003366; 
	font-weight : bold;
	cursor: pointer;
	width: 250px;
	padding:3px 5px;
}

.HeaderNode nobr
{
	width: 250px;
	white-space: normal;
}

/* end special tree styles*/