.categorySplitter
{
    direction: ltr;    
    border: 1px solid #8ECFEE;    
}

body.rtl .categorySplitter
{
    direction:rtl;
}

body.rtl .vsplitbar
{
    border-left:0px solid #fff !important;
    border-right:1px solid #2C628B !important;    
}



div.treeViewContainer
{
    padding-top:30px;
    padding-left:15px;
    padding-right:15px;
    padding-bottom:15px;
    text-align: justify;    
    overflow:auto !important;
    height:350px;
    
}

.moduleContainer
{
    direction:ltr;
    overflow:auto;
    height:100%;
    width:100%;      
}

body.rtl .moduleContainer
{
    direction:rtl;
}

div.categoryRadTree div
{
    overflow: hidden;
}

.treeViewContainer div div div
{
    overflow: hidden !important;
}

div.closePaneContainer
{
    text-align: right;
    margin-bottom: 2px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #000080;    
}

body.rtl div.closePaneContainer
{
    text-align:left;
}

body.rtl div.categoryLeftPane
{
    background-color: #FFFFFF;
    background-image: url(images);
}

div.closePaneContainer
{
    background: #8ECFEE url(Images/slideTitleContainerBgr.gif) repeat-x;
    height:25px;
    width:100%;   
    position:absolute;
    top:0px;
    left:0px;     
}

div.closePaneContainer img.imgLeft
{
    position:absolute;
    top: 2px;
    left: 5px;
}

div.closePaneContainer img.imgRight
{
    position:absolute;
    top: 2px;
    right: 5px;    
}

div.paneWraper
{
    position:relative;
}


.splitter
{
    height: 400px;    
    border: 0px solid #33CCFF !important; 
    margin:0px !important;   
}

.ui-state-default
{
    background-color: #00CCFF !important;
}
.ui-state-hover
{
    background-color: #2eA2DE !important;
}
.ui-state-highlight
{
    background-color: #0099CC !important;
}
.ui-state-error { background-color: #eaa !important; }

.splitter-pane {
	overflow: hidden !important;
}
.splitter-bar-vertical
{
    width: 6px !important;
    background: #94CFEE url("Images/LeftDock.gif") no-repeat center center !important;
    border-right-color: #2C628B !important;
    border-right-style:solid;
    border-right-width:1px;
    border-left-color: #2C628B !important;
    border-left-style:solid;
    border-left-width:1px;    
}


body.rtl .splitter-bar-vertical
{
    width: 6px !important;
    background: #94CFEE url("Images/RightDock.gif") no-repeat center center !important;
    border-right-color: #2C628B !important;
    border-right-style:solid;
    border-right-width:1px;
    border-left-color: #2C628B !important;
    border-left-style:solid;
    border-left-width:1px;    
}
.splitter-bar-vertical-docked {
	width: 6px !important;
    background: #94CFEE url("Images/RightDock.gif") no-repeat center center !important;
    border-right-color: #2C628B !important;
    border-right-style:solid;
    border-right-width:1px;
    border-left-color: #2C628B !important;
    border-left-style:solid;
    border-left-width:1px;  
}

body.rtl .splitter-bar-vertical-docked
{
    width: 6px !important;
    background: #94CFEE url("Images/LeftDock.gif") no-repeat center center !important;
    border-right-color: #2C628B !important;
    border-right-style:solid;
    border-right-width:1px;
    border-left-color: #2C628B !important;
    border-left-style:solid;
    border-left-width:1px;
}

.splitter-bar.ui-state-highlight {
	opacity: 0.7 !important;
}

.splitter-iframe-hide {
	visibility: hidden !important;
}

div.categoryLeftPane
{
    /*generated by "Ultimate CSS Gradient Generator" (www.colorzilla.com/gradient-editor/)*/
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
}

body.rtl div.categorytreeviewCompany
{
    /*generated by "Ultimate CSS Gradient Generator" (www.colorzilla.com/gradient-editor/)*/
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
    z-index:0 !important;
}

body.rtl div.categoryLeftPane
{
    background: rgb(255,255,255);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    z-index:0 !important;
}

body.rtl div.categorySplitter div
{
    z-index:0 !important;
}

.treeView,
.TreeView {background: White;padding: 4px 0 0 1px;border: #7C7C94 1px solid;cursor: hand}
.TreeNode {font: 11px BYekan,tahoma;padding: 2px 3px 1px;}
.HoverTreeNode {font: 11px BYekan,tahoma;padding: 2px 3px 1px; color:#ccc}
.SelectedTreeNode {font: 11px BYekan,tahoma;padding: 2px 3px 1px; color:#ff5151}
.HovertreeNode, 
.HoverChildtreeNode, 
.SelectedtreeNode {font: bold 11px tahoma;color: Red;cursor: hand;}
.ChildNode {color: Green;cursor: hand;font: normal 11px regular;}
.ParentChildNode {color: Black;cursor: hand;font: normal  11px regular;}