div.tree /*Tree Content*/
{
    padding: 2px;
    position:relative;
}
div.tree div.node div.node, div.tree div.node, div.tree div.noVertLine div.node div.node /*Tree nodes include nodes in root level*/
{
    background: url('../../Images/Trees/NodeVertLine.gif') repeat-y top left;
    padding-left:1px;        
    margin-left:17px;    
    clear:both;
    position: relative;
}
div.tree div.node /*Tree nodes in root level*/
{
    margin-left:3px;   
}
div.tree div.noVertLine div.node /*Tree nodes for tree with out vertical line in 2st level*/
{
    margin-left:12px;
}
div.tree div.noVertLine /*Tree root nodes for tree with out vertical line in root level*/
{
    background:none;
}            
div.tree div.last, div.tree div.node div.last, div.tree div.noVertLine div.node div.last /*Additionals for last node*/
{
    background-color:red;
    background: url('../../Images/Trees/NodeLastVertLine.gif') no-repeat top left;                                
}
/*---------------------*/            
div.tree div.node div.nodeBody, div.tree div.noVertLine div.node div.nodeBody /*this div contains Node html code*/
{
    background: url('../../Images/Trees/NodeHorLine.gif') no-repeat left 7px;
    padding-left: 14px;   
    min-height: 16px;     
    position:relative;             
}
div.tree div.noVertLine div.nodeBody /*Additionals for root nodes body in tree with out vertical line*/
{
    background:none;
    padding-left: 8px;   
}             
/*---------------------*/                        
div.tree div.node div.nodeBody div.collapsed, div.tree div.node div.nodeBody div.expanded /*node action button*/
{
    background: url('../../Images/Trees/NodeCollapsed.gif') no-repeat top left;
    position: absolute;
    top:3px;
    left:-5px;
    cursor:pointer;
    width:9px;
    height:9px;                
}
div.delete
{
    background: url('../../Images/Buttons/delete_16.gif') no-repeat top left;
    float:left;
    top:3px;    
    cursor:pointer;
    width:16px;
    height:16px;                
}
input.treecheck
{
    float:left;
    top:3px;    
}
a.addOperationType
{
    background: url('../../Images/Buttons/operationTypes.png') no-repeat top left;
    float:left;
    top:3px;    
    cursor:pointer;
    width:16px;
    height:16px;                
}
a.budgetEditLinkButtonTree
{
	display: inline-block;
    float:left;
    top:3px;    
    cursor:pointer;
    width:16px;
    height:16px;   
    background: url('../../Images/Buttons/budgetedit.png') no-repeat;
}
a.exportToExcelLinkButtonTree
{
	display: inline-block;
    float:left;
    top:3px;    
    cursor:pointer;
    width:16px;
    height:16px;   
    background: url('../../Images/Buttons/excel16.gif') no-repeat;
}
a.exportToExcelLinkButtonTree
{
	display: inline-block;
    float:left;
    top:3px;    
    cursor:pointer;
    width:16px;
    height:16px;   
    background: url('../../Images/Buttons/excel16.gif') no-repeat;
}

a.viewKS2ItemLinkButtonTree
{
    display: inline-block;
    float:left;
    top:3px;    
    cursor:pointer;
    width:16px;
    height:16px;                
    background: url('../../Images/Buttons/ks2.png') no-repeat;
 }

a.addKS2ItemLinkButtonTree
{
    display: inline-block;
    float:left;
    top:3px;    
    cursor:pointer;
    width:16px;
    height:16px;                
    background: url('../../Images/Buttons/ks2add.png') no-repeat;
}
a.viewKS6ItemLinkButtonTree
{
    display: inline-block;
    float:left;
    top:3px;    
    cursor:pointer;
    width:16px;
    height:16px;   
    background: url('../../Images/Buttons/ks6.png') no-repeat;
}
a.editItemLinkButtonTree
{
    display: inline-block;
    float:left;
    top:3px;    
    cursor:pointer;
    width:16px;
    height:16px;   
    background: url('../../Images/Buttons/edit_16.gif') no-repeat;
}

a.viewAggregateBudgetLinkButtonTree
{
    display: inline-block;
    margin-right:10px;
    white-space:nowrap;
    height:18px;
    padding-left:20px;
    padding-top:0.5em;
    background: url('../../Images/Buttons/AggregateBudget.png') no-repeat;
    background-position:left center;	
}

* html div.tree div.node div.nodeBody div.collapsed, * html div.tree div.node div.nodeBody div.expanded
{
    top:3px;
    right:19px;
    margin:0px -10px 0px 0px;
}
div.tree div.node div.nodeBody div.expanded
{
    background: url('../../Images/Trees/NodeExpanded.gif') no-repeat top left;
}
* html div.tree div.node div.nodeBody div.collapsed, * html div.tree div.node div.nodeBody div.expanded,
* html div.tree div.noVertLine div.node div.nodeBody div.collapsed, * html div.tree div.noVertLine div.node div.nodeBody div.expanded
{
	left:-19px;
}
* html div.tree div.noVertLine div.nodeBody div.collapsed, * html div.tree div.noVertLine div.nodeBody div.expanded /*when tree with out vertical line*/
{
	left:-13px;
}
/*---------------------*/            
div.tree div.loading, div.tree div.noVertLine div.node div.loading /*Additional div displaying with ajax loading*/
{
    border: solid 1px #AAAAAA;
    font-size:8pt;
    color:gray;
    padding: 0px 2px 0px 2px;
    margin-left:14px;
    width:60px;
}
div.tree div.noVertLine div.loading /*when tree with out vertical line*/
{
	margin-left:9px;
}

.popupControl{
	background-color:White;
	position:absolute;
	visibility:hidden;
}