﻿/* Main - Tree Menu */

.divPageTreeSort{
    padding: 0 0 5px 0;
    color:Gray;
    font-size:10px;
    height: 14px;
    overflow:hidden;
}

.divPageTreeSort a
{
	font-size:10px;	
	font-style:italic;
	color:Gray;
    padding: 0 2px;
}


#mptree_tree, #tree
{
    display: inline-block;
    padding-bottom: 20px;
    margin: 0;
    font-size: 13px;
    width: 100%;
}


#tree .contentOff, #mptree_tree .contentOff,
#tree .contentOn, #mptree_tree .contentOn,
#tree .docParentOn, #mptree_tree .docParentOn,
#tree .docParentOff, #mptree_tree .docParentOff,
#tree .docSingle, #mptree_tree .docSingle,
#tree .docPage, #mptree_tree .docPage,
#tree .docArticle, #mptree_tree .docArticle,
#tree .docNews, #mptree_tree .docNews,
#tree .docRecord, #mptree_tree .docRecord,
#tree .docEvent, #mptree_tree .docEvent,
#tree .docApproval, #mptree_tree .docApproval,
#tree .docLink, #mptree_tree .docLink{
    height: 25px;
    width: 25px;
	float: left;
    margin-right: 6px;
	padding:0;
    background:url(img/sprite.png?27102017) no-repeat;
}

#tree .contentOff, #mptree_tree .contentOff {
  background-position: -8px -46px;
}

#tree .contentOn, #mptree_tree .contentOn {
  background-position: -44px -47px;
}

#tree .docParentOn, #mptree_tree .docParentOn {
  background-position: -44px -47px;
}

#tree .docParentOff, #mptree_tree .docParentOff {
  background-position: -125px -46px;
}

#tree .docSingle, #mptree_tree .docSingle {
  background-position: -87px -46px;
}

#tree .docNews, #mptree_tree .docNews {
  background-position: -87px -196px;
}
#tree .docApproval, #mptree_tree .docApproval {
  background-position: -117px -196px;
}
#tree .docPage, #mptree_tree .docPage {
  background-position: -147px -196px;
}
#tree .docEvent, #mptree_tree .docEvent {
  background-position: -177px -196px;
}
#tree .docArticle, #mptree_tree .docArticle {
  background-position: -207px -196px;
}
#tree .docRecord, #mptree_tree .docRecord {
  background-position: -237px -196px;
}



#tree .docLink, #mptree_tree .docLink {
  background-position: -163px -47px;
}

#tree ul, #mptree_tree ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    border: none;
}

#tree li, #mptree_tree li
{
    border-top: 0px;
    margin: 0;
}

#tree li a, #mptree_tree li a
{
    display: block;
    clear: both;
    background-color: transparent;
    color: #111;
    text-decoration: none;
    width: 100%;        
    font-weight:normal;
    overflow: hidden;
    line-height: 25px;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius:4px;
}

#tree li a:hover, #mptree_tree li a:hover
{
    color: #0095c4;
    background-color:  #f2f2f3;
    text-overflow: clip;
    white-space: normal;
    word-break: break-all;
}

#tree #active, #mptree_tree #active, #tree #mpsubmenu_active
{
    background-color: #b6b7b9;
    color:white;
    font-weight: bold;
    background-image: none;
}
.onpath, #tree #active .onpath, #mptree_tree #active .onpath, #tree #mpsubmenu_active .onpath
{
    font-weight: bold;
}

html>body #tree li a { width: auto; }
html>body #mptree_tree li a { width: auto; }

#tree li li a, #mptree_tree li li a
{
    padding-left: 10px;
    background:url('img/tree-horizontal.png?29082018') no-repeat;
    background-position: -5px center;
}

html>body #tree li li, html>body #mptree_tree li li
{
    padding-left: 15px;
    background:url('img/tree-vertical.png?29082018') repeat-y 15px top;
}         

html>body #tree li li:last-child, html>body #mptree_tree li li:last-child
{
    background:url('img/tree-vertical.png?29082018') no-repeat 15px 5px;
} 

#help #tree li{
    background:none;
}

#help #tree li span:hover{
    cursor:pointer;
}

#cbRealms {
    width:100%;
}

.aboutAppTreeItem {
    padding-left:10px;
}