/*@import url('null.css');*/

/*

		GENERAL

*/

.cleaner {
	clear: both;
}

/*

		MAIN

*/

/*
body {   
	font-size: 80%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
*/

/*

		kvaTree

*/

.alt {
   display: none;	
}

ul.kvaTree {
	width: 100%;
	text-align:left;
	padding:0 0 1.3em 1em;
	margin:0;
	font-size:8pt;
}

ul.kvaTree, ul.kvaTree li {
	list-style: none;
}

ul.kvaTree li {
	min-height: 21px;
	_height: 21px;
	/*padding-left: 30px;*/
	padding:0 0 0 30px;
	position: relative;
}

ul.kvaTree li.separator {
	width: 100%;
	min-height: 4px;
	_height: 3px;
	line-height: 3px;
	font-size: 8px;
	background: url(../img/line-vertical.gif) left top repeat-y;
}

ul.kvaTree li.node {
	width: 90%;
	background: url(../img/node-closed.png) left top no-repeat;
}

ul.kvaTree li.node.open {
	width: 90%;
	background: url(../img/node-opened.png) left top no-repeat;
}

ul.kvaTree li.node[state=Done] {
	background: url(../img/node-closed-done.png) left top no-repeat;
}
ul.kvaTree li.node[state=Validated] {
	background: url(../img/node-closed-validated.png) left top no-repeat;
}
ul.kvaTree li.node[state=New] {
	background: url(../img/node-closed-new.png) left top no-repeat;
}
ul.kvaTree li.node[state=Pending] {
	background: url(../img/node-closed-needsaction.png) left top no-repeat;
}
ul.kvaTree li.node[state=Warning] {
	background: url(../img/node-closed-warning.png) left top no-repeat;
}
ul.kvaTree li.node[state=Error] {
	background: url(../img/node-closed-error.png) left top no-repeat;
}

ul.kvaTree li.node.open[state=Done] {
	background: url(../img/node-opened-done.png) left top no-repeat;
}
ul.kvaTree li.node.open[state=Validated] {
	background: url(../img/node-opened-validated.png) left top no-repeat;
}
ul.kvaTree li.node.open[state=New] {
	background: url(../img/node-opened-new.png) left top no-repeat;
}
ul.kvaTree li.node.open[state=Pending] {
	background: url(../img/node-opened-needsaction.png) left top no-repeat;
}
ul.kvaTree li.node.open[state=Warning] {
	background: url(../img/node-opened-warning.png) left top no-repeat;
}
ul.kvaTree li.node.open[state=Error] {
	background: url(../img/node-opened-error.png) left top no-repeat;
}

ul.kvaTree li.leaf {
	width: 100%;
	background: url(../img/leaf.png) left top no-repeat;
}
ul.kvaTree li.leaf[state=Missing] {
	/*background: url(../img/node-closed.png) left top no-repeat;*/
	background: url(../img/leaf.png) left top no-repeat;
}
ul.kvaTree li.leaf[state=Validated] {
	background: url(../img/leaf-validated.png) left top no-repeat;
}
ul.kvaTree li.leaf[state=Done] {
	background: url(../img/leaf-done.png) left top no-repeat;
}
ul.kvaTree li.leaf[state=New] {
	background: url(../img/leaf-new.png) left top no-repeat;
}
ul.kvaTree li.leaf[state=Pending] {
	background: url(../img/leaf-needsaction.png) left top no-repeat;
}
ul.kvaTree li.leaf[state=Warning] {
	background: url(../img/leaf-warning.png) left top no-repeat;
}
ul.kvaTree li.leaf[state=Error] {
	background: url(../img/leaf-error.png) left top no-repeat;
}


ul.kvaTree li.node ul {
	display: none;
	_display: block;
	background: url(../img/line-vertical.gif) -13px top repeat-y;
	position: relative;
	left: -13px;
	padding:0;
}

ul.kvaTree li.node.open > ul {
	display: block;
}

ul.kvaTree li span {
	cursor: default;
	-moz-user-select: none;
}

ul.kvaTree li span.active {
	background: #c3e1ff;
}

ul.kvaTree li span.sign {
	display: block;
	width: 30px;
	height: 15px;
	cursor: pointer;
	position: absolute;
	left: -4px;
	top: 6px;
	z-index:1;
}

ul.kvaTree li span.sign.plus {
	background: url(../img/plus.gif) left 2px no-repeat;
}

ul.kvaTree li span.sign.minus {
	background: url(../img/minus.gif) left 2px no-repeat;
}

/*

		kvaTree management

*/

ul.kvaTree input {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	position: absolute;
	left: 30px;
	top: 0;
}

/*

		kvaTree Drag & Drop

*/

div#kvaTree-drag {
	padding: 3px;
	padding-left: 30px;
	z-index: 1000;
	position: absolute;
}

#kvaTree-drag.node {
	background: #C3E1FF url(../img/node-drag-none.png) left 3px no-repeat;
}

#kvaTree-drag.leaf {
	background: #C3E1FF url(../img/leaf-none.png) left 3px no-repeat;
}

ul.kvaTree li.separator.dd-hover {
	background: transparent url(../img/separator-drag.gif) 3px 1px no-repeat;
}
