/*.TreeView
{ 
  background-color: #f0f0f0;
  border: 3px solid black;
  padding: 3px;
  cursor:pointer;
  width: 166px;
} 

.TreeNodeRow
{
  cursor:pointer;
  border-bottom:1px #CCC solid;
  width: 166px;
}

.HoverTreeNodeRow
{
 color:#FFFFFF;
 background-color:#004A80;
  cursor:pointer;
  width: 166px;
}

.SelectedTreeNodeRow
{
	font-size:11px;
	color: #FFFFFF;
	cursor:pointer;
	background-color:#004A80;
	width: 166px;
	
}
*/


.TreeNodeRow
{
    /*border-bottom:1px #7596C7 solid;   width:166px;*/
    width: 118px;
}

.HoverTreeNodeRow
{
    width: 118px /*width:166px;*/;
}
.SelectedTreeNodeRow
{
    /*width:200px;*/
    color: #FFFFFF;
    width: 118px /*width:200px;*/;
}



.HoverTreeViewRowDepth1, .SelectedTreeViewRowDepth1
{
    /*width:200px;*/
    background-repeat: no-repeat;
    background-position: left center;
    cursor: pointer;
    color: #000000;
}
.SelectedTreeViewRowDepth1
{
    /*border-bottom:1px #CCCCCC solid;*/
}
.HoverTreeViewRowDepth2, .SelectedTreeViewRowDepth2
{
    /*width:200px; 	border-bottom:1px #CCCCCC solid;*/
    background-color: White;
    color: #000000;
}
.TreeNode
{
    position: relative;
    float: left;
    background-color: #F1F1F2;
    padding: 10px 12px 10px 27px;
    color: #8F8F8F;
    font-size: 12px;
    cursor: pointer;
    width: 155px;
    border-bottom: 2px #FFFFFF solid; /*border-top:1px #004A80 solid;*/
}
.HoverTreeNodeItem
{
    position: relative;
    float: left;
    background-color: #D9DADC;
    padding: 10px 12px 10px 27px;
    color: #8F8F8F;
    font-size: 12px;
    cursor: pointer;
    width: 155px;
    border-bottom: 2px #F2F2F2 solid; /*border-bottom:1px #CCCCCC solid;     border-top:1px #CCCCCC solid;*/
}

.SelectedTreeNodeItem, .Active
{
    position: relative;
    float: left;
    background-color: #D9DADC;
    background-image: url('/Images/left_menu_selected.gif');
    background-repeat: no-repeat;
    padding: 10px 12px 10px 27px;
    color: #808285;
    font-size: 12px;
    cursor: pointer;
    width: 155px;
    border-bottom: 2px #F2F2F2 solid; /*border-bottom:1px #CCCCCC solid;     border-top:1px #CCCCCC solid;*/
}
.SelectedTreeNodeItemMenu
{
    position: relative;
    float: left;
    background-color: #D9DADC;
    padding: 4px 12px 4px 29px;
    color: #808285;
    font-size: 12px;
    cursor: pointer;
    width: 155px;
    border-bottom: 2px #F2F2F2 solid; /*border-bottom:1px #CCCCCC solid;     border-top:1px #CCCCCC solid;*/
}
/*-------------------*/
.TreeViewDepth0
{
    background-image: url(/Images/CustomerSpecific/BBIMainMenuHoverItemIcon.gif);
    background-repeat: no-repeat;
    background-position: left center;
    padding: 7px 12px 6px 5px;
    font-size: 11px;
    cursor: pointer;
    color: #A9122A;
}
.TreeViewDepth1
{
    background-image: url(/Images/CustomerSpecific/TreeViewChildIndent.gif);
    background-repeat: no-repeat;
    background-position: left center;
    background-color: #F1F1F2;
    padding: 10px 12px 10px 29px;
    color: #808285;
    font-size: 12px;
    cursor: pointer;
    width: 153px;
    border-bottom: 2px #FFFFFF solid;
}
.TreeViewDepth1 .TreeviewDataItem, .HoverTreeViewDepth1 .TreeviewDataItem, .SelectedTreeViewDepth1 .TreeviewDataItem
{
	width: 121px;
}
.TreeViewDepth2
{
    background-image: url(/Images/CustomerSpecific/TreeViewChildIndentDepth2.gif);
    background-repeat: no-repeat;
    background-position: left center;
    background-color: #F1F1F2;
    padding: 10px 12px 10px 40px;
    color: #8F8F8F;
    font-size: 12px;
    cursor: pointer;
    width: 170px;
    border-bottom: 2px #FFFFFF solid;
    position: relative;
    float: left;
}
.TreeViewDepth1Menu, .TreeViewDepth2Staff
{
    /*background-image:url(/Images/CustomerSpecific/TreeViewChildIndentDepth2.gif); 	background-repeat:no-repeat; 	background-position:left center;*/ /*background-color:#F49234;*/
    background-color: #FFFFFF;
    padding: 4px 12px 4px 29px;
    color: #808285;
    font-size: 12px;
    cursor: pointer;
    width: 153px;
    border-bottom: 2px #F2F2F2 solid;
}
.SelectedTreeViewDepth2Staff
{
    /*background-image:url(/Images/CustomerSpecific/TreeViewChildIndentDepth2.gif); 	background-repeat:no-repeat; 	background-position:left center;*/ /*background-color:#F49234;*/
    background-color: #D9DADC;
    padding: 4px 12px 4px 29px;
    color: #808285;
    font-size: 12px;
    cursor: pointer;
    width: 153px;
    border-bottom: 2px #F2F2F2 solid;
}
/*Hover Child Node Classes*/
.HoverTreeViewDepth0
{
    background-image: url(/Images/CustomerSpecific/BBIMainMenuHoverItemIcon.gif);
    background-repeat: no-repeat;
    background-position: left center;
    padding: 2px 12px 2px 25px;
    font-size: 11px;
    background-color: #004A80;
    color: #000000;
    cursor: pointer;
    width: 147px;
    text-decoration: underline;
}
.HoverTreeViewDepth1
{
    background-image: url(/Images/CustomerSpecific/HoverTreeViewChildIndent.gif);
    background-repeat: no-repeat;
    background-position: left center;
    background-color: #D9DADC;
    padding: 10px 12px 10px 29px;
    color: #808285;
    font-size: 12px;
    cursor: pointer;
    width: 153px;
    border-bottom: 2px #F2F2F2 solid;
    position: relative;
    float: left;
}
.HoverTreeViewDepth2
{
    background-image: url(/Images/CustomerSpecific/HoverTreeViewChildIndentDepth2.gif);
    background-repeat: no-repeat;
    background-position: left center;
    background-color: #D9DADC;
    padding: 10px 12px 10px 40px;
    color: #808285;
    font-size: 12px;
    cursor: pointer;
    width: 170px;
    border-bottom: 2px #F2F2F2 solid;
    position: relative;
    float: left;
}
.MenuHoverTreeViewDepth1, .HoverTreeViewDepth2Staff
{
    background-color: #D9DADC;
    padding: 4px 12px 4px 29px;
    color: #808285;
    font-size: 12px;
    cursor: pointer;
    width: 153px;
    border-bottom: 2px #F2F2F2 solid;
}
.MenuHoverTreeViewDepth2
{
    background-color: #BDBDBD;
    padding: 4px 12px 4px 27px;
    color: #FFFFFF;
    font-size: 12px;
    cursor: pointer;
    width: 138px;
    border-bottom: 2px #F2F2F2 solid;
}
/*Selection Child Node Classes*/
.SelectedTreeViewDepth0
{
    background-image: url(/Images/CustomerSpecific/BBIMainMenuNextLevelHoverItemIcon.gif);
    background-repeat: no-repeat;
    background-position: left center;
    padding: 2px 12px 2px 25px;
    font-size: 11px;
    color: #000000;
    cursor: pointer;
}
.SelectedTreeViewDepth1
{
    background-image: url(/Images/CustomerSpecific/HoverTreeViewChildIndent.gif);
    background-repeat: no-repeat;
    background-position: left center;
    background-color: #D9DADC;
    padding: 10px 12px 10px 29px;
    color: #808285;
    font-size: 12px;
    cursor: pointer;
    width: 153px;
    border-bottom: 2px #F2F2F2 solid;
    position: relative;
    float: left;
}
.SelectedTreeViewDepth2
{
    background-image: url(/Images/CustomerSpecific/HoverTreeViewChildIndentDepth2.gif);
    background-repeat: no-repeat;
    background-position: left center;
    background-color: #D9DADC;
    padding: 10px 12px 10px 40px;
    color: #808285;
    font-size: 12px;
    cursor: pointer;
    width: 170px;
    border-bottom: 2px #F2F2F2 solid;
    position: relative;
    float: left;
}

/*Child selected and effect on the parent node*/
.ChildSelectedEffectOnParentDepth1
{
    background-image: url(/Images/CustomerSpecific/HoverTreeViewChildIndent.gif);
    background-repeat: no-repeat;
    background-position: left center;
    background-color: #BDBDBD;
    padding: 4px 12px 4px 22px;
    color: #FFFFFF;
    font-size: 12px;
    cursor: pointer;
    width: 166px;
    border-bottom: 2px #F2F2F2 solid;
}
.ChildSelectedEffectOnParentDepth2
{
    background-image: url(/Images/CustomerSpecific/EETreeViewNextLevelBullet.gif);
    background-repeat: no-repeat;
    background-position: left center;
    padding: 2px 12px 2px 16px;
    font-size: 11px;
    color: #000000;
    cursor: pointer;
    text-decoration: underline;
    width: 147px;
}
.ChildHoverEffectOnParentDepth1
{
    background-image: url(/Images/CustomerSpecific/HoverTreeViewChildIndent.gif);
    background-repeat: no-repeat;
    background-position: left center;
    background-color: #BDBDBD;
    padding: 4px 12px 4px 22px;
    color: #FFFFFF;
    font-size: 12px;
    cursor: pointer;
    width: 166px;
    border-bottom: 2px #F2F2F2 solid;
}
.ChildHoverEffectOnParentDepth2
{
    background-image: url(/Images/CustomerSpecific/EETreeViewNextLevelBullet.gif);
    background-repeat: no-repeat;
    background-position: left center;
    padding: 2px 12px 2px 16px;
    font-size: 11px;
    color: #000000;
    cursor: pointer;
    width: 147px;
    background-image: url(/Images/CustomerSpecific/EETreeViewNextLevelHoverBullet.gif);
    text-decoration: underline;
    color: #A9122A;
}
.ChildSelectedRowEffectOnParentDepth2, .ChildSelectedRowEffectOnParentDepth1
{
    /*width:166px;*/ /*border-bottom:1px #CCCCCC solid; 	 border-bottom:1px #CCCCCC solid;     border-top:1px #CCCCCC solid;*/
    width: 147px;
    font-size: 11px;
}
.ChildHoverRowEffectOnParentDepth2
{
    /*width:166px;*/ /*border-bottom:1px #CCCCCC solid;     border-top:1px #CCCCCC solid;     border-bottom:1px #CCCCCC solid;*/
    width: 147px;
    font-size: 11px;
}
.ChildHoverRowEffectOnParentDepth1
{
    /*border-top:1px #CCCCCC solid;     border-bottom:1px #CCCCCC solid;*/
    width: 147px;
    font-size: 11px;
}
/*--------------------------*/

.ChildSelectionEffectOnParentNode
{
    background-color: #999999;
    padding: 4px 12px 4px 7px;
    color: #FFFFFF;
    font-size: 12px;
    cursor: pointer;
    width: 155px;
    border-bottom: 2px #F2F2F2 solid;
    position: relative;
    float: left; /*border-top:1px #CCCCCC solid;*/
}

.ChildHoverEffectOnParentNode
{
    background-color: #999999;
    padding: 4px 12px 4px 7px;
    color: #FFFFFF;
    font-size: 12px;
    cursor: pointer;
    width: 153px;
    border-bottom: 2px #F2F2F2 solid;
    position: relative;
    float: left; /*border-top:1px #CCCCCC solid;*/
}

/*-----------------------------test----------------------------
.TreeView td, .TreeView tr
{ 
	width: 203px;
}
.TopTreeViewDepth
{
	width:177px;
	padding-left:40px;
	text-transform:uppercase;
	
}
.BelowTopTreeViewDepth
{
	width:160px;
	padding-left:40px;
	background-image: none;
	
}

.TreeNode table td
{
	margin:inherit;
	padding:inherit;
	width:166px;
}*/
.TreeViewOuter
{
    /*padding-left: 11px;
    padding-right: 11px;*/
    background-color: #FFFFFF; /*border-bottom:1px #004A80 solid;*/
}

.TreeViewNodeExpandableImage
{
    position: relative;
    float: right;
    padding-top: 2px;
}
.TreeViewNodeSubItemImage
{
	position: relative;
	float: left;
	padding-top: 2px;
}
.TreeviewDataItem
{
    clear: none;
    position: relative;
    float: left;
    width: 138px;
}
.TreeviewDataItem2
{
    clear: none;
    position: relative;
    float: left;
    width:138px;
}
.TreeviewDataItemLevel3
{
	clear: none;
    position: relative;
    float: left;
    width:138px;
}
.arrow
{
    position: relative;
    float: left;
    padding-top: 3px;
    padding-right: 3px;
}
.Test, .TreeViewDepth1, .TreeViewDepth1Menu
{
    position: relative;
    float: left;
}
.TreeViewDepth1Overflow
{
    background-image: url(/Images/CustomerSpecific/TreeViewChildIndent2.gif);
    background-repeat: no-repeat;
    background-position: left top;
    background-color: #FFFFFF;
    padding: 4px 12px 4px 27px;
    color: #8F8F8F;
    font-size: 12px;
    cursor: pointer;
    width: 138px;
    border-bottom: 2px #F2F2F2 solid;
    position: relative;
    float: left;
}
.HoverTreeViewDepth1Overflow
{
    background-image: url(/Images/CustomerSpecific/HoverTreeViewChildIndent2.gif);
    background-repeat: no-repeat;
    background-position: left top;
    background-color: #BDBDBD;
    padding: 4px 12px 4px 27px;
    color: #FFFFFF;
    font-size: 12px;
    cursor: pointer;
    width: 138px;
    border-bottom: 2px #F2F2F2 solid;
    position: relative;
    float: left;
}
.SelectedTreeViewDepth1Overflow
{
    background-image: url(/Images/CustomerSpecific/HoverTreeViewChildIndent2.gif);
    background-repeat: no-repeat;
    background-position: left top;
    background-color: #BDBDBD;
    padding: 4px 12px 4px 27px;
    color: #FFFFFF;
    font-size: 12px;
    cursor: pointer;
    width: 138px;
    border-bottom: 2px #F2F2F2 solid;
    position: relative;
    float: left;
}
.TreeViewDepth2Overflow
{
    background-image: url(/Images/CustomerSpecific/TreeViewChildIndentDepth2Overflow.gif);
    background-repeat: no-repeat;
    background-position: left top;
    background-color: #FFFFFF;
    padding: 4px 12px 4px 40px;
    color: #8F8F8F;
    font-size: 12px;
    cursor: pointer;
    width: 150px;
    border-bottom: 2px #F2F2F2 solid;
    position: relative;
    float: left;
}
.HoverTreeViewDepth2Overflow
{
    background-image: url(/Images/CustomerSpecific/HoverTreeViewChildIndentDepth2Overflow.gif);
    background-repeat: no-repeat;
    background-position: left top;
    background-color: #BDBDBD;
    padding: 4px 12px 4px 40px;
    color: #FFFFFF;
    font-size: 12px;
    cursor: pointer;
    width: 150px;
    border-bottom: 2px #F2F2F2 solid;
    position: relative;
    float: left;
}
.SelectedTreeViewDepth2Overflow
{
    background-image: url(/Images/CustomerSpecific/HoverTreeViewChildIndentDepth2Overflow.gif);
    background-repeat: no-repeat;
    background-position: left top;
    background-color: #BDBDBD;
    padding: 4px 12px 4px 40px;
    color: #FFFFFF;
    font-size: 12px;
    cursor: pointer;
    width: 150px;
    border-bottom: 2px #F2F2F2 solid;
    position: relative;
    float: left;
}
.Existing
{
    background-image:url(/Images/CustomerSpecific/TreeViewChildIndent_New.jpg); 	background-repeat:no-repeat; 	background-position:left center;
    background-color: #FF9966;
    padding: 4px 12px 4px 27px;
    color: #FFFFFF;
    font-size: 12px;
    cursor: pointer;
    width: 138px;
    border-bottom: 2px #F2F2F2 solid;
    font-style: italic;
    position:relative;
    float:left;
}
.New
{
    background-image:url(/Images/CustomerSpecific/TreeViewChildIndent_New.jpg); 	background-repeat:no-repeat; 	background-position:left center;
    background-color: #FF9966;
    padding: 4px 12px 4px 27px;
    color: #FFFFFF;
    font-size: 12px;
    cursor: pointer;
    width: 138px;
    border-bottom: 2px #F2F2F2 solid;
    font-style: italic;
    position:relative;
    float:left;
}
.ExistingTop .TreeviewDataItem, .ActiveExisting .TreeviewDataItem
{
    position: relative;
    float: left;
    background-color: #F1F1F2;
    font-size: 12px;
    cursor: pointer;
    width: 152px;   
}
.ExistingTop, .ActiveExisting
{
    position: relative;
    float: left;
    background-color: #F1F1F2;
    padding: 10px 12px 10px 27px;
    color: red;
    font-style: italic;
    font-size: 12px;
    cursor: pointer;
    width: 155px;
    border-bottom: 2px #FFFFFF solid; /*border-top:1px #004A80 solid;*/
}
.HoverExistingTop
{
    position: relative;
    float: left;
    background-color: #D9DADC;
    padding: 10px 12px 10px 27px;
    color: red;
    font-style: italic;
    font-size: 12px;
    cursor: pointer;
    width: 155px;
    border-bottom: 2px #F2F2F2 solid; /*border-bottom:1px #CCCCCC solid;     border-top:1px #CCCCCC solid;*/
}
.HoverActiveTop
{
    position: relative;
    float: left;
    background-image: url('/Images/left_menu_selected.gif');
    background-repeat: no-repeat;
    background-color: #D9DADC;
    padding: 10px 12px 10px 27px;
    font-size: 12px;
    cursor: pointer;
    width: 155px;
    border-bottom: 2px #F2F2F2 solid; /*border-bottom:1px #CCCCCC solid;     border-top:1px #CCCCCC solid;*/
}
.SelectedExistingTop
{
    position: relative;
    float: left;
    background-color: #D9DADC;
    background-image: url('/Images/left_menu_selected.gif');
    background-repeat: no-repeat;
    padding: 10px 12px 10px 27px;
    color: red;
    font-style: italic;
    font-size: 12px;
    cursor: pointer;
    width: 155px;
    border-bottom: 2px #F2F2F2 solid; /*border-bottom:1px #CCCCCC solid;     border-top:1px #CCCCCC solid;*/
}