#pageLeftTop
{
	width: 100%;
	margin: 0;
	padding: 0;
}

#referenceName
{
	margin: 0 0 0 0px;
	padding: 0;
	list-style: none;
}

#referenceName li
{
	width: 135px;
}

#referenceName li.first
{
	margin-left: 10px;
}

#pageRightTop
{
	width: 100%;
	margin: 0;
	padding: 0;
}

#editorTabContainer
{
	background-color: #fff;
	border: solid 1px #000;
	border-top: none;
}

#treeContainer
{
	clear: both;
	background-color: #fff;
	border: none;
	height: 400px;
	margin: 0;
	padding: 0;
	overflow: auto;
	position: absolute;
	width: 373px;
	/*overflow-y: auto;
	width: 492px;
	overflow-y: scroll;*/
}

/* editorTabList
----------------------------------------------------------- */

ul.tabRow
{
	padding-left: 16px;
	list-style: none;
	border-bottom: solid 1px #000;
	height: 21px;
	background-color: #c7c7c7;
}

ul.tabRow li
{
	display: inline;
	height: 20px;
	float: left;
	margin: 0 6px 0 0;
	text-align: center;
	border: solid 1px #000;
}

ul.tabRow li a
{
	display: block;
	color: #fff;
	background: #eee;
	border-bottom: solid 1px #000;
	cursor: pointer;
	text-decoration: none;
	color: #000;
	height: 20px;
	line-height: 19px;
	font-size: 11px;
	padding: 0 4px;
}

ul.tabRow li a:hover
{
	background: #fff;
}

ul.tabRow li.active a
{
	background: #fff;
	border-bottom-color: #fff;
}

/* Boom1 (alleen LI)
----------------------------- */
#treeContainer ul, #treeContainer li
{
	position: relative;
	list-style: none;
	width: 100%;
	margin: 0;
	padding: 0;
}



#treeContainer li
{
	width: auto;
	padding-left: 16px; /* (iconWidth) */
	display: inline-block; /*IE ONLY, beter in alternatieve CSS ivm opera!!!! */
	line-height: 2em;
	clear: left;
	float: left;
	background: transparent url(/images/tzxSkosEditor/tree/tree_connect.gif) repeat-y 23px 0; /* (1.5 * iconWidth - 1) */
}

#treeContainer li.noConnect, #treeContainer li.openNoConnect
{
	background-repeat: no-repeat;
}

#treeContainer li div.nodeContents
{
	padding-left: 20px; /* (2 * iconWidth + 4) */
	color: #918f90;
	background: none;
	white-space: nowrap;
}

/* hide icons and set padding-left for #treeContainer li div.nodeContents */ 
#treeContainer li div.nodeContents
{
	padding-left: 20px !important;
}

#treeContainer li .icons span.conceptItem, #treeContainer li .icons span.contentItem, #treeContainer li .icons span.combiItem 
{
	display: none;
}
/* -- */

/*
#treeContainer li.noConnect div.nodeContents
{
	background: none !important;
}

#treeContainer li.closed div.nodeContents
{
	background: none !important;
}
*/

#treeContainer li div.nodeContents a
{
	color: #000;
	display: inline; /* > block als ze onder elkaar moeten*/
	/*width: 175px; > 175px als ze onder elkaar moeten*/
	text-decoration:none;
}

/*#treecontainer li div.disabledContent{color:#959595!important;}
div.disabledContent a.contentTitle, div.disabledContent a.contentTitle:visited, div.disabledContent a.contentTitle:active{color:#959595!important;}
div.disabledContent a.conceptTitle, div.disabledContent a.conceptTitle:visited, div.disabledContent a.conceptTitle:active{color:#959595!important;}
#treecontainer div.disabledContent a.contentTitle:hover{color:Red;}
#treeContainer li div.nodeContents a.selected{color: red;}*/

#treeContainer li a.greyedItem{color:#959595!important;}
#treeContainer li a.greyedItem:visited{color:#959595!important;}
#treeContainer li a.greyedItem:active{color:#959595!important;}
#treeContainer li a.greyedItem:hover{color: red;}
#treeContainer li .contentItemTypeLabel {color:#cccccc;}

/*
#treeContainer li div.nodeContents a:focus, #treeContainer li .icons a:focus
{
	outline:none;
	color: #ee7777;
}


#treeContainer ul#treeRoot div ul.blockContainer li.closed div.nodeContents
{
	background: transparent none;
}

#treeContainer ul#treeRoot div ul.blockContainer li.noConnect div.nodeContents
{
	background: transparent none;
}
*/

#treeContainer li p
{
	margin: .2em 0;
	line-height: 1.4em;
}

#treeContainer li img
{
	border: solid 1px #000;
}

/* Connector & icons holder
--------------------------------*/
#treeContainer li div.icons
{
	position: absolute;
	left: auto;
	top: 0;
	background: transparent;
}

/* Connector
--------------------------------*/

#treeContainer li .icons a
{
	position: absolute;
	left: 3px; /* (iconWidth - 9) / 2 - 1 */
	top: 0;
	width: 9px;
	height: 2em;
	display: block;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 .4em;
}

#treeContainer li a.connector
{
	background: transparent url(/images/tzxSkosEditor/tree/tree_hconnect.gif) no-repeat 4px 0em;
}

#treeContainer li a.connector:focus
{
	outline:none;
	background: transparent url(/images/tzxSkosEditor/tree/tree_hconnect.gif) no-repeat 4px 0em;
}


#treeContainer li a.min
{
	background: transparent url(/images/tzxSkosEditor/tree/tree_min.gif) no-repeat 0 .3em;
}

#treeContainer li a.min:hover
{
	background: transparent url(/images/tzxSkosEditor/tree/tree_min_focus.gif) no-repeat 0 .3em;
}


#treeContainer li a.min:focus
{
	outline:none;
	background: transparent url(/images/tzxSkosEditor/tree/tree_min_focus.gif) no-repeat 0 .3em;
}


#treeContainer li a.plus
{
	background: transparent url(/images/tzxSkosEditor/tree/tree_plus.gif) no-repeat 0 .3em;
}

#treeContainer li a.plus:hover
{
	background: transparent url(/images/tzxSkosEditor/tree/tree_plus_focus.gif) no-repeat 0 .3em;
}

#treeContainer li a.plus:focus
{
	outline:none;
	background: transparent url(/images/tzxSkosEditor/tree/tree_plus_focus.gif) no-repeat 0 .3em;
}

/* Icons
--------------------------------*/

#treeContainer li .icons span
{
	position: absolute;
	left: 16px; /* (iconWidth) */
	top: 0;
	width: 16px; /* (iconWidth) */
	height: 2em;
	display: block;
	background: #fff url(/images/tzxSkosEditor/tree/tree_square.gif) no-repeat 0 .4em;
}

#treeContainer li .icons span.folder
{
	background-image: url(/images/tzxSkosEditor/tree/tree_folder.gif);
}

#treeContainer li .icons span.document
{
	background-image: url(/images/tzxSkosEditor/tree/tree_doc.gif);
}

#treeContainer li .icons span.dot
{
	background-image: url(/images/tzxSkosEditor/tree/tree_dot.gif);
}

#treeContainer li .icons span.conceptItem
{
	background-image: url(/images/tzxSkosEditor/tree/tree_square.gif);
}

#treeContainer li .icons span.contentItem
{
	background-image: url(/images/tzxSkosEditor/tree/tree_dot.gif);
}

#treeContainer li .icons span.combiItem
{
	background-image: url(/images/tzxSkosEditor/tree/tree_combi.gif);
}

#treeContainer li div.nodeContents div.directLinkIndicator,
#treeContainer li div.nodeContents div.indirectLinkIndicator
{
	width:15px;
	display:inline;
	font-weight:bold;
}

#treeContainer li div.nodeContents div.directLinkIndicator
{
	color:#7777ff;
}

#treeContainer li div.nodeContents div.indirectLinkIndicator
{
	color:#7777FF;
}

/*#treeContainer li div.nodeContents div.linkIndicator
{
	width:15px;
	color:#7777ff;
	display:inline;
	font-weight:bold;
}*/

#treeContainer li div.nodeContents a.selected, #treeContainer li div.nodeContents a.selected:active, #treeContainer li div.nodeContents a.selected:visited
{
	color: #ff0000 !important;
}


#treeContainer li div.nodeContents a:hover
{
	color: #ee5555 !important;
}

#treeContainer li div.nodeContents a.conceptTitle
{
	/*filter:alpha(opacity=25);
	moz-opacity:.25;
	opacity:.25;*/
}

#treeContainer li div.nodeContents a.contentTitle
{
		
}

#treeContainer li div.nodeContents a.unlinkBtn{color:#666;height:10px; overflow:hidden;padding:0;}
#treeContainer li div.nodeContents a.unlinkBtn:hover{background:#DDDDDD none repeat scroll 0 0;}

/* disable connector lines */
/*
#treeContainer li
{
	background: none;	
}

#treeContainer li a.connector 
{
	background: none;	
}
*/

/* conceptToolbar
----------------------------------------------------------- */
/*
ul.conceptToolbar
{
	display: block;
	float: none;
	clear: both;
	margin: 0 71px 0 81px;
	width: 298px;
	height: 28px;
	list-style: none;
}

ul#conceptManageBar
{
	margin: 10px 14px 8px 0px;
	padding: 0 0 4px 0;
	width: auto;
	border-bottom: solid 2px #e1e1e1;
}

ul.conceptToolbar li
{
	height: 20px;
	width: 70px;
	float: left;
	margin: 0 6px 8px 0;
}

ul.conceptToolbar li#conceptDelete, ul.conceptToolbar li#conceptCopyTo
{
	margin-right: 0;
}


ul.conceptToolbar li a
{
	display: block;
	height: 20px;
	cursor: pointer;
	text-decoration: none;
	color: #000;
	background: #eee;
	border: solid 1px #000;
	text-align: center;
	line-height: 20px;
	font-size: 11px;
}

ul.conceptToolbar li a.pending
{
	color: #fff;
	background: #c33;
}

ul.conceptToolbar li a:hover
{
	background: #fff;
}

ul.conceptToolbar li a.pending:hover
{
	color: #fff;
	background: #c33;
}

ul.conceptToolbar li.active a
{
	background: #fff;
}

ul#conceptManageBar
{
	background: #fff;
}

#conceptDeleteBar li
{
	float: right;
}
*/

/*
#ActionResult
{
	height: 21px;
	padding: 0 0 0 10px;
	margin: 0;
	background-color: #E6FDE3;
}

#ActionResult p
{
	padding: 0;
	margin: 0;
}
*/

/* editorTabList
----------------------------------------------------------- */
/*
#editorTabList
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#editorTabList li
{
	display: inline;
	height: 21px;
	width: 70px;
	float: left;
	border: solid 1px #000;
	border-bottom: none;
	margin: 0 4px 0 0;
	text-align: center;
}

#editorTabList li.active
{
	border-bottom-color: #fff;
}

#editorTabList li.first
{
	margin-left: 10px;
}
*/


/* search */
/*
#skosSearchPage
{
	margin: 16px 0 0 0;
	padding: 0;
	width: 100%;
}

#searchForm label
{
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	width: 80px;
	font-weight: normal;
}


#searchForm input
{
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	width: 300px;
}

#searchForm input.hidden
{
	display: none;
	height: 0;
	margin: 0;
	width: 0;
}

#searchForm input.button
{
	clear: left;
	margin: 10px 0 0 80px;
	height: 21px;
	width: 70px;
	background: #ccc;
	color: #000;
	border: solid 1px #000;
}

#searchConceptResults
{
	margin: 0;
	padding: 0;
	width: 100%;
	clear: left;
	display: block;
	float: left;
}

#searchConceptResults li
{
	margin: 0 28px 8px 32px;
	padding: 0;
}

#searchConceptResults a.conceptLink
{
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

#searchConceptResults a.ancestorLink
{
	color: #009;
	text-decoration: none;
}
*/
/* skos related popup */
/*
#statusBar 
{
	margin: 4px 0 0 8px;
	padding-left: 20px;
	line-height: 16px;
	color: #444444;
}

#statusBar.success
{
	background: transparent url(/images/tzxSkosEditor/icons/error.gif) no-repeat top left;
}

#statusBar.error
{
	background: transparent url(/images/tzxSkosEditor/icons/error.gif) no-repeat top left;
}

#statusBar.warning
{
	background: transparent url(/images/tzxSkosEditor/icons/warning.gif) no-repeat top left;
}

#statusBar.hint
{
	background: transparent url(/images/tzxSkosEditor/icons/hint.gif) no-repeat top left;
}

#statusBar.message
{
	background: transparent url(/images/tzxSkosEditor/icons/message.gif) no-repeat top left;
}
*/
/* search results paging */
/*
ul#paging 
{
	margin: 16px 0 0 0;
	padding: 0;
	list-style: none;
	clear: both;
	display:block;
}

ul#paging li
{
	display: block;
	float: left;
	width: auto;
	text-align: center;
	margin: 0 4px 0 4px;
	padding: 0;
}

*/
/* reference selection List*/ 

div#listContainer
{
	clear: both;
	background-color: #fff;
	border: none;
	margin: 0;
	padding: 0;
	overflow: auto;
	position: absolute;
	width: 373px;
	overflow-x:auto;
	overflow-y:auto;
}

#column1PanelContentContainer div#listContainer #tree {margin-top:0px;}

div#listContainer ul#list
{
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}

div#listContainer ul#list li
{
	padding-left: 0px;
	margin-left: 3px;
	display: inline-block; 
	line-height: 2em;
	clear: left;
	float: left;
}

div#listContainer ul#list li a, div#listContainer ul#list li a:active, div#listContainer ul#list li a:visited
{
	color: #000000;
	text-decoration:none;
}

div#listContainer ul#list li a:hover
{
	color: #ee5555;
	text-decoration:none;
}




div#column1PanelContentContainer
{

}

div#referenceStructures
{
	padding-left:0px;
	display:block;
	left:0px;
	position:relative;
	margin:24px 0 0 0;
}

div#referenceStructureList
{
	margin:0;
	padding:0;
}

div#referenceStructureList ul
{
	list-style-type:decimal;
	list-style:none;
}

div#referenceStructureList ul li
{
	margin-left:0;
}


div#referenceStructureList ul li a, div#referenceStructureList ul li a:visited, div#referenceStructureList ul li a:active  
{
	text-decoration:none;
	color: #555;	
}

div#referenceStructureList ul li a:hover
{
	text-decoration:underline;
	color: #000;
} 

/*
#treeContainer div.linkedStructure li.open div.nodeContents{background: transparent url(/images/tzxSkosEditor/tree/linkedTree_connect.gif) repeat-y 23px 1em;}
#treeContainer div.linkedStructure ul#treeRoot li.noConnect div.nodeContents{background: transparent url(/images/tzxSkosEditor/tree/linkedTree_connect.gif) repeat-y 23px 1.1em;}
#treeContainer div.linkedStructure li {background: transparent url(/images/tzxSkosEditor/tree/linkedTree_connect.gif) repeat-y 23px 0;}
#treeContainer div.linkedStructure li.open div.nodeContents, #treeContainer li.openNoConnect div.nodeContents{background: transparent url(/images/tzxSkosEditor/tree/linkedTree_connect.gif) repeat-y 23px 1em;}

#treeContainer div.linkedStructure li a.connector{background: transparent url(/images/tzxSkosEditor/tree/tree_hconnect.gif) no-repeat 4px 0em;}
#treeContainer div.linkedStructure li a.connector:focus{outline:none;background: transparent url(/images/tzxSkosEditor/tree/tree_hconnect.gif) no-repeat 4px 0em;}
*/



/* drag and drop tree list */

#tree 
{
	margin-left: -16px;
}

#tree ul, #tree li
{
	position: relative;
	list-style: none;
	width: 100%;
	margin: 0;
	padding: 0;
}



#tree li
{
	width: auto;
	margin-left: 16px; /* (iconWidth) */
	display: inline-block; /*IE ONLY, beter in alternatieve CSS ivm opera!!!! */
	line-height: 2em;
	clear: left;
	float: left;
	background: transparent url(/images/tzxSkosEditor/tree/tree_connect.gif) no-repeat 7px 0; /* (1.5 * iconWidth - 1) */
}

#tree li.noConnect, #tree li.openNoConnect
{
	background-repeat: no-repeat !important;
}

#tree li.connect
{
	background-repeat: repeat-y;
}

#tree li div.nodeContents
{
	padding-left: 36px; /* (2 * iconWidth + 4) */
	color: #918f90;
	background: none;
	white-space: nowrap;
}

/* hide icons and set padding-left for #tree li div.nodeContents */ 
#tree li div.nodeContents
{
	padding-left: 36px !important;
}

#tree li .icons span.conceptItem, #tree li .icons span.contentItem, #tree li .icons span.combiItem 
{
	display: none;
}
/* -- */

/*
#tree li.noConnect div.nodeContents
{
	background: none !important;
}

#tree li.closed div.nodeContents
{
	background: none !important;
}
*/

#tree li div.nodeContents a
{
	color: #000;
	display: inline; /* > block als ze onder elkaar moeten*/
	/*width: 175px; > 175px als ze onder elkaar moeten*/
	text-decoration:none;
}


#tree li p
{
	margin: .2em 0;
	line-height: 1.4em;
}

#tree li img
{
	border: solid 1px #000;
}

/* Connector & icons holder
--------------------------------*/
#tree li div.icons
{
	position: absolute;
	left: auto;
	top: 0;
	background: transparent;
}

/* Connector
--------------------------------*/

#tree li .icons a
{
	position: absolute;
	left: 3px; /* (iconWidth - 9) / 2 - 1 */
	top: 0;
	width: 9px;
	height: 2em;
	display: block;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 .4em;
}

#tree li a.connector
{
	background: transparent url(/images/tzxSkosEditor/tree/tree_hconnect.gif) no-repeat 4px 0em;
}

#tree li a.connector:focus
{
	outline:none;
	background: transparent url(/images/tzxSkosEditor/tree/tree_hconnect.gif) no-repeat 4px 0em;
}


#tree li a.min
{
	background: transparent url(/images/tzxSkosEditor/tree/tree_min.gif) no-repeat 0 .3em;
}

#tree li a.min:hover
{
	background: transparent url(/images/tzxSkosEditor/tree/tree_min_focus.gif) no-repeat 0 .3em;
}

#tree li a.min:focus
{
	outline:none;
	/*background: transparent url(/images/tzxSkosEditor/tree/tree_min_focus.gif) no-repeat 0 .3em;*/
}


#tree li a.plus
{
	background: transparent url(/images/tzxSkosEditor/tree/tree_plus.gif) no-repeat 0 .3em;
}

#tree li a.plus:hover
{
	background: transparent url(/images/tzxSkosEditor/tree/tree_plus_focus.gif) no-repeat 0 .3em;
}

#tree li a.plus:focus
{
	outline:none;
	/*background: transparent url(/images/tzxSkosEditor/tree/tree_plus_focus.gif) no-repeat 0 .3em;*/
}

/* Icons
--------------------------------*/

#tree li .icons span
{
	position: absolute;
	left: 16px; /* (iconWidth) */
	top: 0;
	width: 16px; /* (iconWidth) */
	height: 2em;
	display: block;
	background: #fff url(/images/tzxSkosEditor/tree/tree_square.gif) no-repeat 0 .4em;
}

#tree li .icons span.folder
{
	background-image: url(/images/tzxSkosEditor/tree/tree_folder.gif);
}

#tree li .icons span.document
{
	background-image: url(/images/tzxSkosEditor/tree/tree_doc.gif);
}

#tree li .icons span.dot
{
	background-image: url(/images/tzxSkosEditor/tree/tree_dot.gif);
}

#tree li .icons span.conceptItem
{
	background-image: url(/images/tzxSkosEditor/tree/tree_square.gif);
}

#tree li .icons span.contentItem
{
	background-image: url(/images/tzxSkosEditor/tree/tree_dot.gif);
}

#tree li .icons span.combiItem
{
	background-image: url(/images/tzxSkosEditor/tree/tree_combi.gif);
}

#tree li div.nodeContents div.linkIndicator
{
	width:15px;
	color:#7777ff;
	display:inline;
	font-weight:bold;
}

#tree li div.nodeContents a.selected, #tree li div.nodeContents a.selected:active, #tree li div.nodeContents a.selected:visited
{
	color: #ff0000 !important;
}


#tree li div.nodeContents a:hover
{
	color: #ee5555 !important;
}

#tree li div.nodeContents a.conceptTitle
{
	/*filter:alpha(opacity=25);
	moz-opacity:.25;
	opacity:.25;*/
}
#tree li div.nodeContents a.unlinkBtn{color:#666;height:10px; overflow:hidden;padding:0;}
#tree li div.nodeContents a.unlinkBtn:hover{background:#DDDDDD none repeat scroll 0 0;}

/* disable connector lines */
/*
#tree li
{
	background: none;	
}

#tree li a.connector 
{
	background: none;	
}
*/


/* tree pagination*/
div.treePagination
{
	float:none;
	clear:none;
	position:relative;
	border:none!important;
	margin:6px 0 0 0!important;
	font-size:10px;
	height:17px!important;
}

div.treePagination span.totalNumberOfItems {position:relative; top:-4px;}
div.treePagination ul.toolBar
{
	padding-left:3px!important;
	width:auto!important;
	margin-right:10px!important;
	background:transparent url(/images/tzxSkosEditor/leftbracket_small.gif) no-repeat scroll 0 1px !important;
	line-height:1.5em
}
	
div.treePagination ul.toolBar li 
{
	clear:none!important; 
	padding-left:0px!important; 
	background:none!important;
	line-height:13px!important;
	clear:none!important;
	margin:0 0 0 0!important;
	padding:0 0 2px 0!important;
	width:auto!important;
}
div.treePagination ul.toolBar li span {border-right:1px solid #666666;color:#666666; display:block; padding:0 6px; text-align:center; width:auto;}
div.treePagination ul.toolBar li a {color:#666666!important;} 
div.treePagination ul.toolBar li.first a {padding-right:8px; padding-left:6px; margin-right:0px;}
div.treePagination ul.toolBar li.last a {padding-right:8px;margin-right:2px;}
div.treePagination ul.toolBar li.last {background:transparent url(/images/tzxSkosEditor/rightbracket_small.gif) no-repeat scroll right 1px!important;}

/* --- annex item lsit --- */
div.annexItemList li {background:none!important;}
div.annexItemList li a.connector {background:transparent url(/images/tzxSkosEditor/tree/tree_connect.gif) repeat-y scroll 4px 0!important;}
div.annexItemList li.openNoConnect {background:none!important;}
div.annexItemList ul.connect li {background:transparent url(/images/tzxSkosEditor/tree/tree_connect.gif) repeat-y scroll 23px 0!important;}