/* ===========================================
   Jrole Taihu Navigation  & Widgets Components
   Output  : Uncompressed
   Theme   : Taihu
   Version : 2.0.0
   Author  : Netcomposite @ http://www.netcomposite.com/
   =========================================== */

/*


/* ===============================
   NAVIGATION TREE FOUNDATION
   =============================== */


.jp-nav-tree {
	position: relative;
	padding: 0; 
	clear: both;
	width: 100%;
	overflow: hidden;
}

.jp-nav-tree .jp-nav-label { 	
 	display: inline;
        vertical-align: baseline;
        position: relative;
        color: inherit;
        white-space: nowrap; 
        overflow: hidden;
        max-width: 80%;
        text-overflow: ellipsis;
        margin-left: 0.25em; 
        /*margin-left: 4px;*/
}

.jp-nav-tree .jp-nav-badge-right {
	position: absolute;
	margin-top: 0 !important;
        top:   0 !important;
        right: 5px;
	z-index: 9999 !important;
}

.jp-nav-node-content a {
        display: inline-block;
        overflow: hidden;
        max-width: 80%;
        text-overflow: ellipsis;
        text-decoration: none;
}

.jp-nav-tree ul {
	margin: 0;
	padding: 0 0 1.5em 0;
	/*padding: 0 0 22px 0; */
	list-style: none;
	overflow: hidden;
	width: 100%;
	float: none;
	position: relative;
	z-index: 10;
	border-left: 1px solid transparent;
}

.jp-nav-tree ul ul {
	overflow: visible; 
	width: auto; 
	margin: 0 0 0 0; 
	padding: 0 0 0 0.75em;
	/*padding: 0 0 0 11px; */
}

.jp-nav-node {
	list-style: none;
	margin: 0;
	padding: 0;

}

.jp-nav-tree > ul > .jp-nav-node > .jp-nav-node-container {border-bottom: none;}

.jp-nav-node-content {
        position: absolute; 
        z-index: 1; 
        top: 0.85em; 
        left: 1.85em;
        /*left: 28px;*/
        width: 100%; 
        margin: 0 0 0 -1em; 
        /*margin: 0 0 0 -15px;*/
        line-height: 100%;
        vertical-align: middle; 
	white-space: nowrap;
	text-overflow: ellipsis;
	/*padding: 0.45em 0; */
	padding: 5px 0;

}

.jp-nav-node-content .jp-nav-badge-right {
       margin-right: 1.5em; 
       /*margin-right: 22px;*/
}



.jp-nav-tree-scroll .jp-nav-node-content {
 	left: 3.0em;
 	/*left: 45px;*/
}

.jp-nav-tree-scroll .jp-nav-node-scroll-up .jp-nav-node-content,
.jp-nav-tree-scroll .jp-nav-node-scroll-down .jp-nav-node-content {
 	left: 1.75em;
 	/*left: 26px;*/
}



.jp-nav-node li, 
.jp-nav-tree li li { 
	/*margin: 0 0 0 0.5em; */
	margin: 0 0 0 8px;
	padding: 0;
	border: none; 
}

.jp-nav-node-container { 
	position: relative; 
	/* height: 1.5em; */
	height: 1.8em;
	min-height: 16px; 
}	


/* ===============================
   NAVIGATION TREE SCALING
   =============================== */



.jp-nav-tree-scale-default .jp-nav-node-container {
	height: 2.0em;
	min-height: 32px;
	line-height: 2.5em;
}

.jp-nav-tree-scale-default .jp-nav-node li, 
.jp-nav-tree-scale-default .jp-nav-tree li li { 
	/*margin: 0 0 0 0.5em; */
	margin: 0 0 0 18px;
	padding: 0;
	border: none; 
}

.jp-nav-tree-scale-default  .jp-nav-label { 	
 	display: inline;
        vertical-align: baseline;
        position: relative;
        color: inherit;
        white-space: nowrap; 
        overflow: hidden;
        max-width: 80%;
        text-overflow: ellipsis;
        margin-left: 0.5em; 
        line-height: 2.5em;
        /*margin-left: 4px;*/
}


/* ===============================
   NAVIGATION TREE WIDGET EMBEDDED  PATCH
   =============================== */



/* ===============================
   NAVIGATION TREE VARIATIONS
   =============================== */


.jp-nav-tree-trace .jp-nav-node-content a {
        display: inline-block;
        overflow: hidden;
        max-width: 80%;
        text-overflow: ellipsis;
        text-decoration: none;
        font-weight: 600;
        color: #06C;
        border-bottom: 0px dotted #0000ff !important;
}

.jp-nav-tree-trace .jp-nav-node-container { 
	border-bottom: 1px dotted;
}

.jp-nav-tree-trace .jp-nav-node li, 
.jp-nav-tree-trace .jp-nav-tree li li { 
	border-left: 1px dotted #000; 
}


/*
.jp-nav-tree-trace .jp-nav-node li:first-child { 
	border-left: 1px dotted #000; 
}
*/

/*
.jp-nav-tree-trace .jp-nav-node li:first-child > .jp-nav-node-container {
	border-left: 1px dotted;
	margin-left: -1px;
}

*/

.jp-nav-tree-trace .jp-nav-node li:last-child,
.jp-nav-tree-trace .jp-nav-node li .jp-nav-node-container,
.jp-nav-tree-trace .jp-nav-node li:last-child li .jp-nav-node-container, 
.jp-nav-tree-trace .jp-nav-node li:last-child li:last-child li .jp-nav-node-container,
.jp-nav-tree-trace .jp-nav-node li:last-child li:last-child li:last-child li .jp-nav-node-container,
.jp-nav-tree-trace .jp-nav-node li:last-child li:last-child li:last-child li:last-child li .jp-nav-node-container {
	border-left: 1px dotted transparent;
}


.jp-nav-tree-trace .jp-nav-node li:last-child .jp-nav-node-container,
.jp-nav-tree-trace .jp-nav-node  li:only-child .jp-nav-node-container,
.jp-nav-tree-trace .jp-nav-node  li:last-child li:only-child .jp-nav-node-container,
.jp-nav-tree-trace .jp-nav-node  li:last-child li:last-child li:last-child .jp-nav-node-container,
.jp-nav-tree-trace .jp-nav-node  li:last-child li:last-child li:last-child li:last-child .jp-nav-node-container,
.jp-nav-tree-trace .jp-nav-node  li:last-child li:last-child li:last-child li:last-child li:last-child .jp-nav-node-container {
	border-left: 1px dotted;
	margin-left: -1px;
}

/* 

.jp-nav-tree-trace .jp-nav-node-container {
        border-left: 1px dotted #000;
 }       
          

*/


.jp-nav-tree-trace .jp-nav-node:last-child > ul:last-child { 
	/*border-left: 1px solid #fff;*/
	/*border-color: #fff; */
	/*margin-left: -1px; */
}

.jp-nav-tree {
	 background-color: #fff; 
}

.jp-nav-tree-trace .jp-nav-node:last-child > ul:last-child {
	/*border-left: 1px solid #fff;*/
}

.jp-nav-tree-trace .jp-nav-node-content {
	background: #fff; 

}

.jp-nav-node-content i {
	color: #000; 
}

.jp-nav-node-content a:hover i {
	color: #f00000;
}





