/************************
* TocTree
************************/

.tree
{
	width: 1000px;
	overflow: hidden;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px;
}

.tree div.node-container
{
	overflow: hidden;
}

.tree div.node-container div.content
{
    background-color: #FFFFFF;
    color: #000000;
    overflow: hidden;
    height: 100%;
    cursor: pointer;
}

/* Toc control specifiek */
.tree div.node-container div.groep-geen-rechten
{
	background-color: #F6F6F6;
	cursor: pointer;
}

.tree div.node-container div.subtop-geen-rechten
{
	background-color: #89A5D3;
	color: #FFFFFF;
}

.tree div.node-container div.top-geen-rechten
{
	background-color: #7D7D7D;
	color: #FFFFFF;
	border-bottom: solid 1px #FFFFFF;
}

.tree div.node-container div.normaal-geen-rechten
{
	background-color: #F6F6F6;
}

.tree div.node-container div.subtop
{
	background-color: #5675AC;
	color: #FFFFFF;
}

.tree div.node-container div.top
{
	background-color: #4f4f4f;
	color: #FFFFFF;
	border-bottom: solid 1px #FFFFFF;
}

.tree div.node-container div.groep
{
    cursor: pointer;
}


.tree div.node-container div.normaal
{
}
/**/

.tree div.node-container div.selected
{
	background-color: #F37021;
	color: #FFFFFF;
}

.tree div.node-container div.hover
{
	background-color: #4067ab;
	color: #FFFFFF;
}

.tree div.node-container div.content .columns
{
	/*float: left;*/
}

.tree div.node-container div.content .columns .col1
{
	float: left;
}

.tree div.node-container div.content .columns .col2
{
	/*float: left;*/
	width: 500px;
}

.tree div.node-container div.content div.expander
{
	float: left;
	width: 11px;
	height: 100%;
	margin-right: 2px;
}

.tree div.node-container div.content div.opened
{
	background-image: url('/images/minus.gif');
	background-position: center center;
	background-repeat: no-repeat;
}

.tree div.node-container div.content div.closed
{
    background-image: url('/images/plus.gif');
	background-position: center center;
	background-repeat: no-repeat;
}

/************************
* TabTree
************************/

.tabtree
{
	width: 100%;
	max-height: 250px;
    overflow: auto;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px;
}

.tabtree div.node-container
{
	overflow: hidden;
}

.tabtree div.node-container div.content
{
	background-color: #5675ac;
    color: #FFFFFF;
    overflow: hidden;
    cursor: pointer;
}

.tabtree div.node-container div.selected
{
}

.tabtree div.node-container div.hover
{
	background-color: #4067ab;
}

.tabtree div.node-container div.content .columns
{
}

.tabtree div.node-container div.content .columns .col1
{
	float: left;
}

.tabtree div.node-container div.content .columns .col2
{
	float: left;
	width: 300px;
}

.tabtree div.node-container div.content div.expander
{
	float: left;
	width: 11px;
	margin-right: 2px;
}

.tabtree div.node-container div.content div.opened
{
	background-image: url('/images/minus.gif');
	background-position: center center;
	background-repeat: no-repeat;
}

.tabtree div.node-container div.content div.closed
{
    background-image: url('/images/plus.gif');
	background-position: center center;
	background-repeat: no-repeat;
}