.treeDiv
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 70.5%;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
  /*  OVERFLOW: auto;*/
    COLOR: black;
    PADDING-TOP: 0px;
    FONT-FAMILY: verdana;
 /*   BACKGROUND-COLOR: #f1f1f1;*/
    top: 35px; 
    left: 0px;
    
   /* BORDER-RIGHT: #999999 1px solid;
    BORDER-TOP: #999999 1px solid;
    BORDER-LEFT: #999999 1px solid;
    BORDER-BOTTOM: #999999 1px solid
*/
}
.treeNode
{
	FONT-SIZE: 11px;
    MARGIN: 5px 2px 5px 14px;
    TEXT-INDENT: -14px;
    WHITE-SPACE: nowrap;
    TEXT-DECORATION: none
}


A.treeUnselected:hover
{
    BORDER-RIGHT: #999999 1px solid;
    BORDER-TOP: #999999 1px solid;
    BORDER-LEFT: #999999 1px solid;
    BORDER-BOTTOM: #999999 1px solid;
    BACKGROUND-COLOR: #cccccc;
    TEXT-DECORATION: none
}
A.treeSelected:hover
{
    BORDER-RIGHT: #999999 1px solid;
    BORDER-TOP: #999999 1px solid;
    BORDER-LEFT: #999999 1px solid;
    BORDER-BOTTOM: #999999 1px solid;
    BACKGROUND-COLOR: #cccccc;
    TEXT-DECORATION: none
}
A.treeUnselected
{
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    PADDING-BOTTOM: 1px;
    COLOR: black;
    PADDING-TOP: 1px;
    TEXT-DECORATION: none
}
A.treeSelected
{
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    PADDING-BOTTOM: 1px;
    COLOR: black;
    PADDING-TOP: 1px;
    TEXT-DECORATION: none
}
A.treeSelected
{
    BORDER-RIGHT: #999999 1px solid;
    BORDER-TOP: #999999 1px solid;
    BORDER-LEFT: #999999 1px solid;
    BORDER-BOTTOM: #999999 1px solid;
    BACKGROUND-COLOR: #ffffff
}
A.treeUnselected
{
    BORDER-RIGHT: #f0f0f0 1px solid;
    BORDER-TOP: #f0f0f0 1px solid;
    BORDER-LEFT: #f0f0f0 1px solid;
    BORDER-BOTTOM: #f0f0f0 1px solid;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: none;
}
.treeSubnodes
{
    DISPLAY: block
}
.treeSubnodesHidden
{
    DISPLAY: none
}
.treeNode IMG.treeNoLinkImage
{
    MARGIN-LEFT: 5px;
    WIDTH: 16px;
    MARGIN-RIGHT: 0px;
    HEIGHT: 16px;
    TEXT-DECORATION: none;
}
.treeNode IMG.treeLinkImage
{
    MARGIN-LEFT: 5px;
    WIDTH: 16px;
    MARGIN-RIGHT: 0px;
    HEIGHT: 16px;
    TEXT-DECORATION: none;
}
.treeNode IMG.treeLinkImage
{
    CURSOR: pointer
}
.indexDiv
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 70.5%;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    OVERFLOW: auto;
    COLOR: black;
    PADDING-TOP: 0px;
    FONT-FAMILY: verdana;
    BACKGROUND-COLOR: #f1f1f1
}
.lpBanner
{
    position: relative;
    left: 0px;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    display: inline;
}


.divLeftBanner
{
 width:200px; 
 height:24px; 
 BACKGROUND-COLOR:#cff1ff;
 FONT-WEIGHT: bold; 
 FONT-SIZE: 13px; 
 COLOR: #006331; 
 LINE-HEIGHT: 11px; 
 font-family : Arial, Helvetica, Sans-Serif;
 overflow:auto; 
 border-bottom: 1px solid #999999;
}
.divHelpNav
{
 width: 100%;
 height:24px;
 display: inline;
 overflow:auto;
 BACKGROUND-COLOR:#cff1ff;
 overflow:auto; 
 border-top: 1px solid #999999;
 border-bottom: 1px solid #999999;
}

.divMainScroll
{
/* width:500px;*
 /*width: auto;*/
 display: inline;
 /*height:400px;*/
 /*height:auto;  */
 /*overflow:scroll; */
/* overflow:auto;*/
 border-bottom: 1px solid #999999;
 BACKGROUND-COLOR: #f1f1f1;
}

.divLeftCol
{
 overflow:visible;
}

/******************  left tabs ******************/
#leftTabs  
{
    CLEAR: both;
    FLOAT: none;
   /* margin-left: -8px;*/
    /*margin-top: 3px;*/
    DISPLAY: block;
    FONT-WEIGHT: bold;
    FONT-SIZE: 0.8em;
    text-align: center;
    height: auto; /*22*/
    min-height: 17px;
    width: 200px;
}

#leftTabs UL 
{
/* width: 200px;*/
 display: inline;
}
#leftTabs LI
{
    PADDING-RIGHT: 0px;
    DISPLAY: block;
    PADDING-LEFT: 0px;
    /*HEIGHT: 16px; /* 17px;*/
    FLOAT: left;
    PADDING-BOTTOM: 0px;
    width: 90px;
    PADDING-TOP: 2px;
    BORDER-RIGHT: #a0a0a0 1px solid;
    BORDER-LEFT: #a0a0a0 1px solid;
    BORDER-TOP: #a0a0a0 1px solid;

}

#leftTabs LI.selected
{
    background-color: #efe;
    HEIGHT: 20px;
    COLOR: #e36627;
    border:  4px solid #aca;
    border-bottom: none;
}

#leftTabs LI.unselected
{
	BACKGROUND: url(/mbgnav/style2/nav_bg_inactive.gif) #727a7e repeat-x left bottom;
	COLOR: #fff;
	HEIGHT: 17px; /* 17px;*/
	margin-top: 6px;
}



#leftTabs LI A
{
    DISPLAY: block;
    PADDING-BOTTOM: 0px;
    text-decoration: none;
}

#leftTabs LI.selected A
{
    FONT-WEIGHT: bold;
    PADDING-BOTTOM: 10px;
    
    COLOR: #e36627;
    background-color: #efe;
    text-decoration: none;
}

#leftTabs LI.unselected A
{
    FONT-WEIGHT: bold;
    PADDING-BOTTOM: 10px;
    COLOR: #fff;
    text-decoration: none;
}


/*===================== pane splitter styles ===== */

#MySplitter  
{
	/*CLEAR: both;*/
	height: 560px;
	float:none;
/*	margin: 1em 3em; */
	border: 4px solid #aca;
	margin-left: -12px;
	margin-top: 9px;
	/* No padding allowed */
}
/*
 * Left-side element of the splitter. Use pixel units for the
 * min-width and max-width; the splitter plugin parses them to
 * determine the splitter movement limits. Set the width to
 * the desired initial width of the element; the plugin changes
 * the width of this element dynamically.
 */
#LeftPane {
	background: #efe;
	padding: 4px;
	overflow: auto;
	width: 200px;		/* optional, initial splitbar position */
	min-width: 200px;	/* optional */
/*	height: 100%;*/
	/* No margin or border allowed */
}
/*
 * Right-side element of the splitter.
 */
#RightPane  {
	background: #eefff8;
	padding: 4px;
	min-width: 100px;
	overflow: auto;
	/*height: 100%;*/
	/* No margin or border allowed */
}
/* 
 * Splitter bar style; the .active class is added when the
 * mouse is over the splitter or the splitter is focused
 * via the keyboard taborder or an accessKey. 
 */
#MySplitter .vsplitbar {
	width: 6px;
	background: #aca url(vgrabber.gif) no-repeat center;
	
}
#MySplitter .vsplitbar.active, #MySplitter .vsplitbar:hover {
	background: #e88 url(vgrabber.gif) no-repeat center;
}