/* 
################################
     PageExplorer cssTree
################################
*/

div#pex_anchor {margin: -50px 0 50px 0; border: 1px solid transparent;}
.pex_tbTop {padding: 24px 0 0 0;}
.pex_tbBottom {padding: 12px 0;}
div.pex_csstreeToolbar {clear: both; background: none; text-align: left;}
div.pex_csstreeToolbar img {background: #101619; border-radius: 18px; margin: 0;}
div.pex_csstreeToolbar img:hover {background: #920; border-radius: 18px; margin: 0;}



/* searchbox */
.pex_searchboxContainer {text-align: left; border-radius: 0; padding: 16px 0 6px 0; margin: 0 auto 0 -3px;}
.pex_searchboxContainer .pex_searchboxInput {width: 70%; height: 38px; background: #fff; color: #333; float: left; border: 1px solid #999; border-right: 0; border-radius: 5px 0 0 5px; font-size: 16px; line-height: 16px; padding: 0 9px; margin: 3px;}
.pex_searchboxContainer .pex_searchboxSubmit {background: #000 url('lupe.png') 14px 8px no-repeat; width: 50px; height: 40px; border: 0; border-radius: 0 5px 5px 0; padding: 0; margin: 3px 3px 3px -3px;}
.pex_searchboxContainer .pex_searchboxSubmit:hover {cursor: pointer;}



/* CSS for sitemap */
div.pex_csstreeSitemap {font-family: arial, sans-serif; margin: 0 3px}

div.pex_csstreeSitemap ul {clear: both; padding: 7px 0 0 0; margin: 0;}
div.pex_csstreeSitemap ul li {display: block; position: relative; font-size: 16px; line-height: 20px; font-weight: 700; padding: 6px 0 6px 10px; margin: 0;}
div.pex_csstreeSitemap ul ul {border-left: 1px dotted; padding: 9px 0 0 2%; margin: 0;}
div.pex_csstreeSitemap ul ul li {font-weight: 400;}
div.pex_csstreeSitemap ul li a {display: block; padding: 0; margin: 0 0 0 15px;}

div.pex_csstreeSitemap ul summary {display: block; cursor: pointer;}
div.pex_csstreeSitemap ul summary::marker, 
div.pex_csstreeSitemap ul summary::-webkit-details-marker {display: none;}

div.pex_csstreeSitemap ul li::after, 
div.pex_csstreeSitemap ul summary::before {content: ''; display: block; position: absolute; top: 3px; left: 0; background: #fff; width: 18px; height: 18px; border: 1px solid #999; border-radius: 3px; margin: 2px 0;}
div.pex_csstreeSitemap ul summary::before {z-index: 1; content: ''; background: #fff url('expand-collapse.gif') -1px -1px; width: 18px; height: 18px;}
div.pex_csstreeSitemap ul details[open] > summary::before {content: ''; background: #fff url('expand-collapse.gif') -21px -1px; width: 18px; height: 18px;}



/* CSS for toc */
div.pex_csstreeToc ul {font-family: arial, sans-serif; clear: both; padding: 7px 0 0 0; margin: 0;}
div.pex_csstreeToc ul li {display: block; position: relative; font-size: 16px; line-height: 20px; font-weight: 700; padding: 6px 0 6px 10px; margin: 0;}
div.pex_csstreeToc ul ul {border-left: 1px dotted; margin: 0; padding: 9px 0 0 1%;}
div.pex_csstreeToc ul ul li {font-size: 16px; font-weight: 400;}
div.pex_csstreeToc ul li a {display: block; line-height: 20px; padding: 0; margin: 0 0 0 15px;}

div.pex_csstreeToc ul summary {display: block; cursor: pointer;}
div.pex_csstreeToc ul summary::marker, 
div.pex_csstreeToc ul summary::-webkit-details-marker {display: none;}

div.pex_csstreeToc ul li::after, 
div.pex_csstreeToc ul summary::before {content: ''; display: block; position: absolute; top: 3px; left: 0; background: #fff; width: 18px; height: 18px; border: 1px solid #999; border-radius: 3px; margin: 3px 0;}
div.pex_csstreeToc ul summary::before {z-index: 1; content: ''; background: #fff url('expand-collapse.gif') -1px -1px; width: 18px; height: 18px;}
div.pex_csstreeToc ul details[open] > summary::before {content: ''; background: #fff url('expand-collapse.gif') -21px -1px; width: 18px; height: 18px;}



/* additional CSS for circles */
div.pex_circles ul {padding: 7px 0 0 0;}
div.pex_circles ul li {line-height: 26px; padding: 6px 0 6px 14px;}
div.pex_circles ul li a {margin: 0 0 0 22px;}
div.pex_circles ul ul {padding: 5px 0 0 2%; margin: 0;}

div.pex_circles ul li::after, 
div.pex_circles ul summary::before {background: #909699; border: 0; border-radius: 50%; width: 28px; height: 28px;}
div.pex_circles ul summary::before {background: #363 url('expand-collapse_white.gif') 4px 4px;}
div.pex_circles ul details[open] > summary::before {background: #600 url('expand-collapse_white.gif') -16px 4px; width: 28px; height: 28px;}





/* 
################################
     PageExplorer jsTree
################################
*/

.pagexplorerContainer {min-width: 400px; background: #fff; color: #222; border: 1px solid #999; border-radius: 5px; padding: 9px 1vw; overflow: hidden;}
.pagexplorer {clear: both; max-width: 100%; padding: 9px 0; margin: 0; overflow: hidden;}

.pagexplorer-toolbar {background: none; text-align: left; padding: 9px 20px 0 3%;}
.pagexplorer-toolbar img {background: #101619; border-radius: 18px; margin: 0 10px;}
.pagexplorer-toolbar img:hover {background: #920; border-radius: 18px; margin: 0 10px;}

.pagexplorer ul li {font-family: arial, sans-serif; font-size: 16px; font-weight: 700; line-height: 32px; font-style: normal; padding: 0;}
.pagexplorer ul ul li {font-family: arial, sans-serif; font-size: 16px; font-weight: 400; font-style: normal;}

/* links */
.pagexplorer a:link {color: #222;}
.pagexplorer a:visited {color: #222;}
.pagexplorer a:hover {color: #920;}
.pagexplorer a:active {color: #920; text-decoration: underline;}
.pagexplorer a:focus {color: #920; text-decoration: underline;}


/* jsTree CSS */

.jstree-pagexplorer li, 
.jstree-pagexplorer ins { background-image:url("d.gif"); background-repeat:no-repeat; background-color:transparent; }
.jstree-pagexplorer li { background-position:-90px 0; background-repeat:repeat-y;  }
.jstree-pagexplorer li.jstree-last { background:transparent; }
.jstree-pagexplorer .jstree-open > ins { background-position:-72px 4px; height: 22px;}
.jstree-pagexplorer .jstree-closed > ins { background-position:-54px 4px; height: 22px;}
.jstree-pagexplorer .jstree-leaf > ins { background-position:-36px 0; height: 22px;}

.jstree-pagexplorer a .jstree-icon { display: none; }
.jstree-pagexplorer .jstree-open > a .jstree-icon { display: none; }