/* TREE LAYOUT */
.tree ul
{
	margin: 0 0 0 0px;
	padding: 0;
	list-style-type: none;
}
.tree li
{
	display: block;
	min-height: 18px;
	line-height: 18px;
	padding: 0 0 0 15px;
	margin: 0 0 0 0;
	clear: both;
}
.tree li ul
{
	display: none;
	clear: both;
}
.tree li a, .tree li span
{
	display: inline;
	float: left;
	line-height: 16px;
	height: 16px;
	padding: 1px 4px 1px 23px !important;
	color: black;
	white-space: nowrap;
	text-decoration: none;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 4px 1px;
	-moz-border-radius: 3px;
	border: 0;
	margin: 0;
}
.tree li a:hover, .tree li a.hover
{
	background-color: #e7f4f9;
	border: 1px solid #d8f0fa;
	padding: 0px 3px 0px 22px !important;
	background-position: 3px 0px;
}
.tree li a.clicked, .tree li a.clicked:hover, .tree li span.clicked
{
	background-color: #beebff;
	border: 1px solid #99defd;
	padding: 0px 3px 0px 22px !important;
	background-position: 3px 0px;
}
.tree li span.clicked
{
	padding: 0px 3px 0px 20px !important;
}

.tree li a input, .tree li span input
{
	margin: 0;
	padding: 0 0;
	display: block;
	height: 12px !important;
	border: 1px solid white;
	background: white;
	font-size: 10px;
	font-family: Verdana;
}
.tree li a input:not([class="xxx"]), .tree li span input:not([class="xxx"])
{
	padding: 1px 0;
}

.locked li a
{
	color: gray;
}

/* FOR DOTS */
.tree ul
{
	background: url('WebResource.axd?d=O9D4XnKToq83J7AZSFwL9vZNXe4kYT-g0ybLBmdmOl630NM1MyCUDuuKQbmlIkpW4feI_HB4aZ-_FTM6PFQYzQ2&t=634094400414612070') 6px 1px repeat-y;
}
.tree li
{
	background: url('WebResource.axd?d=O9D4XnKToq83J7AZSFwL9vZNXe4kYT-g0ybLBmdmOl630NM1MyCUDuuKQbmlIkpWCU7slRlQ4-Gctk6TJtmjuQ2&t=634094400414612070') 7px center no-repeat;
}
.tree li.last
{
	background: url('WebResource.axd?d=O9D4XnKToq83J7AZSFwL9vZNXe4kYT-g0ybLBmdmOl630NM1MyCUDuuKQbmlIkpWVDKSWuERU7jBpq3HGYLAtQ2&t=634094400414612070') 5px top no-repeat;
	background-color: white !important;
}
/* NO DOTS */
.no_dots ul
{
	background: transparent;
}
.no_dots li
{
	background: transparent;
}
.no_dots li.last
{
	background: transparent;
	background-color: transparent !important;
}

/* OPEN OR CLOSE */
.tree li.open
{
	background: url('WebResource.axd?d=O9D4XnKToq83J7AZSFwL9vZNXe4kYT-g0ybLBmdmOl630NM1MyCUDuuKQbmlIkpWdqDT65QrHKtlxSKs99K6ng2&t=634094400414612070') 4px 6px no-repeat;
}
.tree li.open ul
{
	display: block;
	clear: both;
}
.tree li.closed
{
	background: url('WebResource.axd?d=O9D4XnKToq83J7AZSFwL9vZNXe4kYT-g0ybLBmdmOl630NM1MyCUDuuKQbmlIkpWf1DlSiwXtcyYmJ5uzo_b7w2&t=634094400414612070') 5px 5px no-repeat;
}

.tree li.closed ul
{
	display: none !important;
}

/* */

.tree li.marked a
{
	color: red;
}


/* FOR DRAGGING */
.tree #dragged
{
	padding: 0 3px;
	margin: 0;
	background: white;
	opacity: .85;
	filter: alpha(opacity=85);
	position: absolute;
	top: -10px;
	left: -10px;
}
.tree #dragged.last, .tree #dragged:last-child
{
	background: white;
}
.tree #dragged li.open
{
	background: url('WebResource.axd?d=O9D4XnKToq83J7AZSFwL9vZNXe4kYT-g0ybLBmdmOl630NM1MyCUDuuKQbmlIkpWf1DlSiwXtcyYmJ5uzo_b7w2&t=634094400414612070') 5px 5px no-repeat;
}
.tree #dragged ul ul
{
	display: none;
}

/* HACKY-HACKY */
/* EXPLORER 7 */
*:first-child + html .tree li
{
	margin-bottom: -2px;
}
*:first-child + html .tree li ul
{
	padding-bottom: 2px;
}
/* EXPLORER 6 */
.tree li
{
	_width: 50%;
	_margin-bottom: -2px;
}
.tree li ul
{
	_padding-bottom: 2px;
}

/* 
 * FF & OPERA FIXES
.tree li:not([class="xxx"]) {
	margin-bottom:0px;
}
html:first-child .tree li {
	margin-bottom:0px;
}
.tree li ul:not([class="xxx"]) {
	padding-bottom:0;
}
html:first-child .tree ul {
	padding-bottom:0;
}
*/


/* RTL modification */
.rtl *
{
	direction: rtl;
}
.rtl ul
{
	margin: 0 5px 0 0;
}
.rtl li
{
	padding: 0 15px 0 0;
}
.rtl li.last
{
	background: url('WebResource.axd?d=O9D4XnKToq83J7AZSFwL9vZNXe4kYT-g0ybLBmdmOl630NM1MyCUDuuKQbmlIkpW6sTnb3hOmoJnbdATShGfpA2&t=634094400414612070') right top no-repeat;
}
.rtl li.open
{
	background: url('WebResource.axd?d=O9D4XnKToq83J7AZSFwL9vZNXe4kYT-g0ybLBmdmOl630NM1MyCUDuuKQbmlIkpW9m2KzHfc_lPBPF9iu8A0VQ2&t=634094400414612070') right 6px no-repeat;
}
.rtl li.closed
{
	background: url('WebResource.axd?d=O9D4XnKToq83J7AZSFwL9vZNXe4kYT-g0ybLBmdmOl630NM1MyCUDuuKQbmlIkpWJ7GnaYewv5nS_qQ_vcUL9Q2&t=634094400414612070') right 4px no-repeat;
}
.rtl li a, .rtl li span
{
	float: right;
	padding: 1px 23px 1px 4px !important;
	background-position: right 1px;
	margin-right: 1px;
}
.rtl li a:hover, .rtl li a.hover
{
	background-color: #e7f4f9;
	border: 1px solid #d8f0fa;
	padding: 0px 23px 0px 3px !important;
	background-position: right 0px;
	margin-right: 0px;
}
.rtl li a.clicked, .rtl li a.clicked:hover, .rtl li span.clicked
{
	background-color: #beebff;
	border: 1px solid #99defd;
	padding: 0px 23px 0px 3px !important;
	background-position: right 0px;
	margin-right: 0px;
}
.rtl li span.clicked
{
	padding: 0px 21px 0px 3px !important;
}
.rtl ul
{
	background: url('WebResource.axd?d=O9D4XnKToq83J7AZSFwL9vZNXe4kYT-g0ybLBmdmOl630NM1MyCUDuuKQbmlIkpW4feI_HB4aZ-_FTM6PFQYzQ2&t=634094400414612070') right 1px repeat-y;
}
.rtl li
{
	background: url('WebResource.axd?d=O9D4XnKToq83J7AZSFwL9vZNXe4kYT-g0ybLBmdmOl630NM1MyCUDuuKQbmlIkpWCU7slRlQ4-Gctk6TJtmjuQ2&t=634094400414612070') right center no-repeat;
}
.rtl #dragged li.open
{
	background-position: right 5px;
}

/* Custom styles for n4m TREE LAYOUT */

.smtTree, .smtDetail
{
	border: none !important;
}

.smtTree div, .smtDetail div
{
	border: none !important;
	overflow: hidden !important;
}



.smtTree
{
	border: 0;
	margin: 10px auto;
	background: white;
	border: 1px solid gray;
	margin: 0 0 0 0;
	overflow: hidden;
	float: left;
	width: 100% !important;
	height:100%;
}

.smtTree div
{
	margin: 0;
	padding: 0;
	/*	PLEASE DO NOT REMOVE THE FOLLOWING LINE - AS OF JSTREE V.91 
		TOP WILL BE CALCULATED INCORRECTLY using IN IE 
		$.curCSS(this.container.get(0), "borderTopWidth", true) will return NAN
		resulting in a js error on drag and drop 
	*/
	border:1px solid gray;
	height: 400px;
	width: 100%;
	overflow: scroll;
	height:100%
}
.smtTree .title
{
	margin: 0;
	height: 16px;
	line-height: 15px;
	background: gray;
	color: white;
	font-variant: small-caps;
	font-size: 12px;
	font-weight: bold;
	text-indent: 10px;
}
div.tree li a
{
	background-image: url('WebResource.axd?d=O9D4XnKToq83J7AZSFwL9vZNXe4kYT-g0ybLBmdmOl630NM1MyCUDuuKQbmlIkpWa4RAkTVUVRov9i1rfIJzEg2&t=634094400414612070');
}