﻿
#pnlTree,
#pnlTree a,
#pnlTree span
{
	display:inline-block;
	line-height:24px;
	color:#6e6e6e;
	/* auskommentieren => bg img je nach Level auf einer Linie */
	/*min-width:60px;*/
}

.pnlTreeWrapper
{
    width:420px;
    padding:15px 10px 0 10px;
    margin-right:0px;
    float:left;
    position:relative;
    border-right:1px solid #E4E4E5;
}

.pnlTreeTooltip
{
	position:absolute;
	top:15px;
	right:20px;
}

#pnlTree
{
    width:400px;
    overflow-x:auto;
    margin-bottom:20px;
}

#pnlTree img
{
	vertical-align:middle;
}

#pnlTree li
{
    white-space:nowrap;
    margin:5px 0; 
}

#pnlTree li a,
#pnlTree li a:hover
{
	padding:0 24px 0 0!important;
	background-color:transparent!important;
}

#pnlTree li a.active
{
    color:#698813!important;
	font-weight:bold;
}

#pnlTree li a:hover
{
    color:#698813!important;
}

#pnlTree li a.aActiveEye
{
	background:url('/Content/IMG/Icons/Eye_active.png') no-repeat right center; 
}

#pnlTree li a.aInactiveEye
{
	background:url('/Content/IMG/Icons/Eye_inactive.png') no-repeat right center; 
}

#pnlTree li a i.lblOffline
{
	color:Red; 
}


/* overrides */

.tree-default ul
{
	background-image:none!important;
}

.tree-default li
{
	background:url('/Content/IMG/Icons/TreeIconClosed.png') no-repeat 0 8px!important;
}

.tree-default li a
{
	font-family:Verdana!important;
	font-size:11px!important;
}

.tree-default li.open
{
	background:url('/Content/IMG/Icons/TreeIconOpen.png') no-repeat 0 11px!important;
}

.tree-default li.leaf
{
	background:none!important;
}

.tree-default li a:hover, .tree-default li a.hover, .tree-default li span
{
	border:0!important;
	padding:0 20px 0 0!important;
}

.tree li a, .tree li span
{
	height:auto!important;
}

.tree .ltr li.last
{
	float:none!important;
}

.tree-default li a.clicked, .tree-default li a.clicked:hover, .tree-default li span.clicked
{
	border:0!important;
	background-color:transparent!important;
}

.tree-default li a, .tree-default li span
{
	-moz-border-radius:0!important;
}

.tree-context li
{
	height:25px!important;
	border:0!important;
	margin:0!important;
}

.tree-context li.separator
{
	height:2px!important;
	margin:0!important;
	padding:0!important;
}

.tree-context li a
{
	height:25px!important;
	line-height:25px!important;
	margin:0!important;
	padding-left:0px!important;
	border:0!important;
}

.tree-context li a ins
{
	height:25px!important;
	width:25px!important;
	border:0!important;
}

.tree-context li a span
{
	margin:0!important;
	margin-left:0!important;
	padding-left:32px!important;
}

.tree-context li a:hover span
{
	margin-left:0!important;
	padding-left:32px!important;
}

/* new Design */

#pnlTree ul ul li
{
	border-bottom:1px solid #E4E4E5;
}

#pnlTree ul ul li:first-child
{
	border-top:1px solid #E4E4E5;
}

#pnlTree ul ul ul li:first-child
{
	border-top:0;
}

#pnlTree ul ul ul li
{
	border-top:0;
	border-bottom:0;
}

.tree > .ltr > li
{
	display:block!important;
}

#pnlTree ul
{
	margin:0;
}

#pnlTree li
{
	margin:0;
}


/* Kontext Menü im Tree */
.my_add ins
{
    background-image:url("/Content/IMG/Icons/IconsSprite.png")!important;
    background-position:right -117px!important;
}


.my_delete ins
{
    background-image:url("/Content/IMG/Icons/IconsSprite.png")!important;
    background-position:right -142px!important;
}

.my_add,
.my_delete
{
	font-size:12px;
	font-family:arial;
}