/* first or middle sibling, no children */
.ygtvtn { background: transparent; width:1em; height:20px; }

/* first or middle sibling, collapsable */
.ygtvtm { background: url(../../images/menu/collapse.gif) 50% 50% no-repeat; width:1em; height:22px; cursor:pointer }

/* first or middle sibling, collapsable, hover */
.ygtvtmh { background: url(../../images/menu/collapseh.gif) 50% 50% no-repeat; width:1em; height:22px; cursor:pointer }

/* first or middle sibling, expandable */
.ygtvtp { background: url(../../images/menu/expand.gif) 50% 50% no-repeat;  width:1em; height:22px; cursor:pointer }

/* first or middle sibling, expandable, hover */
.ygtvtph { background: url(../../images/menu/expandh.gif) 50% 50% no-repeat; width:1em; height:22px; cursor:pointer }

/* last sibling, no children */
.ygtvln { background: transparent; width:1em; height:20px; }

/* Last sibling, collapsable */
.ygtvlm { background: url(../../images/menu/collapse.gif) 50% 50% no-repeat; width:1em; height:22px; cursor:pointer }

/* Last sibling, collapsable, hover */
.ygtvlmh { background: url(../../images/menu/collapseh.gif) 50% 50% no-repeat; width:1em; height:22px; cursor:pointer }

/* Last sibling, expandable */
.ygtvlp { background: url(../../images/menu/expand.gif) 50% 50% no-repeat; width:1em; height:22px; cursor:pointer }

/* Last sibling, expandable, hover */
.ygtvlph { background: url(../../images/menu/expandh.gif) 50% 50% no-repeat; width:1em; height:22px; cursor:pointer }

/* Loading icon */
.ygtvloading { background: url(../../images/menu/loading.gif) 50% 50% no-repeat; width:1em; height:22px; }

/* the style for the empty cells that are used for rendering the depth 
 * of the node */
.ygtvdepthcell { background: white; width:1em; height:20px; }

.ygtvblankdepthcell { background: white; width:1em; height:20px; }

/* the style of the div around each node */
.ygtvitem { border: 0px solid grey; /*border-bottom: 1px solid #DDD;*/}  

/* the style of the div around each node's collection of children */
.ygtvchildren { }  
* html .ygtvchildren { height:1%; }  

/* the style of the text label in ygTextNode */
.ygtvlabel, .ygtvlabel:link, .ygtvlabel:visited, .ygtvlabel:hover { 
	/*
	margin-left:2px;
	text-decoration: none;
	*/
	font-size: 13px;

	/* height: 36px; */
	line-height: 1;
	/* display: inline-block; */
	/* border-bottom: 1px solid #DDD; */
	/* vertical-align: middle; */
}

#expandcontracdiv{ display:block; font-size: 9px; padding: 4px 16px 4px 16px; /*margin: -7px; margin-bottom: 6px; */ background-color:#f7f4eb;white-space:nowrap; text-align: right;}
#expandcontracdiv{
position: absolute;
left: 6px;
top: 42px;
padding: 0px;
background-color: transparent;
}

#expandcontracdiv a { margin-left: 10px;  text-decoration:none; white-space:nowrap; color: white }
.toctitle{ height: 50px; background-color: #14B9D6; color: white; line-height: 50px; padding: 3px 3px 3px 15px; font-size: 17px; font-weight: bold; border-right: 1px solid #ccc;}
.ygtvrow td .ygtvspacer{padding-right:6px;}
.ygtvrow:hover { background-color: #f2f2f2; }
.ygtvrow td {
padding: 6px 2px;
}

.ygtvchildren {
overflow: auto;
-ms-overflow-style: -ms-autohiding-scrollbar;
height: 100%;
}

#ygtv0 {
position: absolute;
top: 56px;
bottom: 0px;
border-right: 1px solid #ccc;
left: 0;
right: 0;
}

.ygtvitem table {
width: 100%;
}
body { margin: 0px; }

::-webkit-scrollbar {
	background: transparent;
	overflow: visible;
	width: 15px;
	height: 15px;
}

::-webkit-scrollbar-thumb {
	background-color: rgba(0,0,0,0.2);
	border: solid #fff;
}

	::-webkit-scrollbar-thumb:hover {
		background: rgba(0,0,0,0.4);
	}

	::-webkit-scrollbar-thumb:horizontal {
		border-width: 4px 6px;
		min-width: 40px;
	}

	::-webkit-scrollbar-thumb:vertical {
		border-width: 6px 4px;
		min-height: 40px;
	}

::-webkit-scrollbar-track-piece {
	background-color: #fff;
}

::-webkit-scrollbar-corner {
	background: transparent;
}

::-webkit-scrollbar-thumb {
	background-color: #DDD;
}

::-webkit-scrollbar-thumb:hover {
	background-color: #999;
}