
/*    Table of contents tree    */


/* --- basic toc-tree settings --- */

.toc-tree
{
	user-select: none;
	font-family: Helvetica, Arial, Sans-serif;
	font-style: normal;
	font-size: 14px;
	line-height: 120%;
}

.toc-tree ul,
.toc-tree li
{
	padding: 0;
	margin: 4px 0;
	list-style: none;
	white-space: nowrap;
}

.toc-tree input
{
	position: absolute;
	opacity: 0;
}

.toc-tree label,
.toc-tree label::before,
.toc-tree a
{
	display: inline-block;
	height: 16px;
	line-height: 16px;,
	vertical-align: middle;
}

/* --- link decoration --- */

.toc-tree a,
.toc-tree a:visited
{
	text-decoration: none;
	color: #0000aa;
}

.toc-tree a:hover
{
	text-decoration: underline;
}

/* --- indented sub tree --- */

.toc-tree input + label + ul
{
	margin: 0 0 0 22px;
}

/* --- hidden sub tree --- */

.toc-tree input ~ ul
{
	display: none;
}

/* --- visible sub tree --- */

.toc-tree input:checked ~ ul
{
	display: block;
}

/* --- cursor --- */

.toc-tree input,
.toc-tree label,
.toc-tree label::before
{
	cursor: pointer;
}

.toc-tree label.leaf,
.toc-tree label.leaf::before
{
	cursor: default;
}

/* --- icons definition --- */

.toc-tree label,
.toc-tree label::before
{
	background: url("toc-icons.png") no-repeat;
}

/* --- document icon --- */

.toc-tree label
{
	background-position: 18px 0;
}

/* --- plus / minus icon (for expandable nodes)--- */

.toc-tree label::before
{
	content: "";
	width: 16px;
	margin: 0 22px 0 0;
	vertical-align: middle;
	background-position: 0 -32px;
}

.toc-tree input:checked + label::before
{
	background-position: 0 -16px;
}

/* --- empty icon (for leaf nodes) --- */

.toc-tree label.leaf::before
{
	background-position: 0 -48px;
}