/* Tree CSS */
.treeView{

}
.treeContent{
	margin-top:2px;
	overflow:auto;
	height: 175px;
}


ul.tree, ul.tree li, ul.tree ul {
	position: relative;
	cursor: pointer;
}

ul.tree {
	margin: 0;
	padding: 0 0 5em .5em !important;
}

ul.tree ul {
	margin: 0;
	padding: 0 0 0 1em;
}

ul.tree li {
	margin: 0;
	line-height: 1.5em;
	list-style-type: none;
	white-space: nowrap;
}

ul.tree li div {
	color: #111;
	display: block;
}

ul.tree li div.item {
	padding: 0 2px;
	border: 1px solid #fff;
	white-space: nowrap;
	display: inline-block;
	width: 95%;
	position: relative;
}

ul.tree li div.item div.itemName{
	display: inline-block;
}

ul.tree li div.selected {
	padding: 0 2px;
	color:#396E8E;
	font-weight: 600;
}
ul.tree li {
	list-style-type: none;
	padding-left: 19px;
	line-height: 18px;
	margin: 3px 0;
	background: url(images/Bullet.gif) no-repeat 0 2px;
}
div.dispose {
	float: right;
	color: #800;
}
ul.tree div.alerted {
	padding-left: 8px !important;
	background: url(/try/common/util/tree/images/alert-85ba89ed3e0259b31f1586ab7a9590da.gif) no-repeat;
}
ul.tree div.treeNode_unselectable {
	color: #666;
}
.treeNode_disabled {
	color: #999 !important;
	cursor: auto !important;
}
ul.tree li div.item input[type="checkbox"]{
	margin:2px 2px 2px 1px;
	vertical-align:middle;
}

/* - collapse ------------------------*/
ul.collapsed {
	margin: 0;
	padding: 0 0 0 .5em;
}

ul.licollapsest ul {
	margin: 0;
	padding: 0 0 0 10px;
}

ul.collapsed li {
	list-style-type: none;
	padding: 0;
	line-height: 1.4em;
	margin: 5px 0;
	background: none;
	white-space:nowrap
}

ul.collapsed div {
	cursor: pointer;
	color: #5e5e5e;
	display: block;
	text-decoration: none;
}

ul.collapsed span.expand {
	outline: 0;
	float: left;
	display: block;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 0;
	background-image: url(/try/common/util/tree/images/expand-521a016e15af63b0e307efd548197d4c.gif);
	background-position: 0 2px;
}

ul.collapsed span.collapsed {
	background-image: url(/try/common/util/tree/images/collapse-5e70ae588f5a7f4c990aa19c3f1f7f3e.gif);
}


/* - button bar ------------------------*/
.treeBtnBar {
	text-align: right;
	margin-right:6px;
	padding:2px;
	/* height: 2em; */
}
.treeBtnBar span.expandAll {
	float: right;
	outline: 0;
	display: block;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 0;
	background-image: url(/try/common/util/tree/images/expandAll-4a9cf64db963168b7d97ce32b5798024.gif);
	background-position: 0 2px;
}
.treeBtnBar span.collapseAll {
	float: right;
	outline: 0;
	display: block;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 0;
	background-image: url(/try/common/util/tree/images/collapseAll-85077df05a03a4688f8bf35d8c4a62af.gif);
	background-position: 0 2px;
}
#autoSearch{
	position:relative;
	right:4px;
	width: 100px;
}
#selectNone{
	margin-right:.8em;
	padding: 3px;
	color: #333;
	border: 1px solid #aaa;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    text-decoration: none;
    cursor: pointer;
}
.treeView_flash-message {
   	background-color: rgb(255, 251, 223);
    background-repeat: no-repeat;
    background-position: 6px 5px;
    border: 1px solid rgb(255, 227, 61);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    color: rgb(0, 0, 0);
    font-size: 11px;
    line-height: 15px;
    padding: 2px 8px 2px 8px;
}


/* - children menu ------------------------*/
ul.tree div.childrenMenuTrigger{
	position: absolute;
	display: inline-block;
    height: 11px;
	right: 6px;
}
ul.tree div.childrenMenuTrigger .contentDiv{
	padding: 0 2px;
	font-size: .8em;
	opacity: .2;
}
ul.tree div.childrenMenuTrigger .hover{
	opacity: .5;
}
ul.tree div.childrenMenuTrigger .on, ul.tree div.childrenMenuTrigger .focus{
	opacity: 1 !important;
	background: #bcbcbc !important;
}

#childrenMenu{
	padding-bottom:.5em;
	border: 1px solid #c9c9c9;
	background: #E6E6E6;
	box-shadow: 5px 5px 5px grey;
	position: absolute;
}
#childrenMenu .menuGroup{
	padding:.4em .5em;
	font-weight: 600;
	white-space: nowrap;
}
#childrenMenu .menuItem{
	min-width:100px;
	padding:.2em 1.8em;
	color:#333;
	text-decoration:none;
	cursor: pointer;
	display:block;
}
#childrenMenu a.menuItem:hover, a.menuItem:active {
	background-color:#d3dde4;
	text-decoration:none;
}
.treeView .hover {
	background-color:#DDDDDD /*#d3dde4*/;
}
.treeView .on {
	background-color:#DDDDDD;
}
.treeView .disabled {
	opacity: .2;
	cursor: default;
}