/* CSS Document */
.treetable{
	border: 1px solid #CCC;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
}

.treetable tr.treegridrow{
	cursor:pointer;
	height:40px;
}

.treetable tr.treegridrow:hover{
	background-color:#FF9;
}

.tree-link{
	font-size:1.25em;	
}

.tree-root{
	padding-top:5px;	
}

.treetable .level0{ background-color:#F9E9F0;}
.treetable .level1{ background-color:#FFE6E7;}
.treetable .level2{ background-color:#FFD5E8;}
.treetable .level3{ background-color:#F7CEFF;}
.treetable .level4{ background-color:#E1C6FF;}
.treetable .level5{ background-color:#CEC6FF;}
.treetable .level6{ background-color:#E1F0FF;}
.treetable .level7{ background-color:#CFE;}
.treetable .level8{ background-color:#BBFFCF;}
.treetable .level9{ background-color:#E6FFCA;}
.treetable .level10{ background-color:#FDFFD7;}
.treetable .level11{ background-color:#FFF0C4;}
.treetable .level12{ background-color:#FFD8CC;}

.treetable .table-cell,.treetable th{
	border-right:1px #CCC solid;
	font-size:11px;
	height:24px;
	font-weight:bold;
	color:#555;
}

.treetable .selected td{
	color:white;	
}

.treetable td form{
	margin: -5 -5 -5 -5;	
}

.treetable .row-separator{
border-bottom:1px #CCC dotted;
}

.treeheader{
	background-color:#DDD;	
}

.treeheader th{
	padding:2px;
	
}

.treeheader .header-content{
	float:left;
	display:block;
	padding:3px;	
}

.treeheader .header-separator{
	float:right;
	display:block;
	width:6px;
	height:25px;
	cursor:col-resize;	
	background-image:url(dotresize.png);
	background-repeat:repeat-y;
	background-position:right top;
	margin:0px;
}

.table-cell .tree-root div{
	float:left;	
	margin-left:2px;
	line-height:15px;
}

.table-cell .tree-root .editor{
	display:block;
	width:80%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background:none;
	border:1px solid #CCC;
}

.table-cell .tree-root .editor[readonly]{
	cursor:default;
}

.table-cell .tree-root .tree-button,
.table-cell .tree-root .tree-add-button,
.table-cell .tree-root .tree-del-button{
	cursor:pointer;
	background-repeat:no-repeat;
	background-position:center;	
}

.table-cell .tree-root .tree-non-button,
.table-cell .tree-root .tree-button,
.table-cell .tree-root .tree-add-button,
.table-cell .tree-root .tree-del-button{
	width:10px;
	height:18px;
	padding-top:4px;
	background-repeat:no-repeat;
}

.table-cell .tree-root .tree-button{
	margin-right:5px;	
}

.table-cell .tree-root .tree-del-button{
	background-image:url(delete.png);	
}

.table-cell .tree-root .wrapped-form{
	height:10px;
	padding-top:-2px;	
}

.table-cell .tree-root .tree-add-button{
	background-image:url(addnew.png);
}

.table-cell .tree-root .collapsed{
	background-image:url(collapsed.png);
}

.table-cell .tree-root .expanded{
	background-image:url(expanded.png);
}

.treetable .input{
	/*height: 12px;*/	
	font-size:11px;
}

.treetable .url-button{
	border:1px solid black;
	background-color:#EEE;
	text-align:center;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor:pointer;
	display:block;
	width:auto;
}

.tree-container{
	position:relative;	
	width:auto;
}

.tree-container .resizer{
	background-color:#333;
	position:absolute;
	right:3px;
	bottom:3px;
	height:12px;
	width:12px;	
}

.treetable .tree-link{
	font-size:1.1em;	
	line-height:2em;
}