/**
 * Copyright (C) 2009 eXo Platform SAS.
 * 
 * This is free software; you can redistribute it and/or modify it
 * under the terms of the GNU Lesser General Public License as
 * published by the Free Software Foundation; either version 2.1 of
 * the License, or (at your option) any later version.
 * 
 * This software is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
 * Lesser General Public License for more details.
 * 
 * You should have received a copy of the GNU Lesser General Public
 * License along with this software; if not, write to the Free
 * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA
 * 02110-1301 USA, or see the FSF site: http://www.fsf.org.
 */

.UITrees {
	border: 1px solid #b7b7b7;
	background: white;
}

.UITrees .TreeContainer {
	overflow-y: auto;
	overflow-x: hidden;
	width: 99.5%;
}

.UITrees a {
	display: block;
} 

.UITrees a:hover {
	color: #058ee6;
}

.UITrees .LevelUpArrowIcon {
	height: 20px;
	margin-left: 10px; /* orientation=lt */
	margin-right: 10px; /* orientation=rt */
	background: url(/eXoResources/skin/DefaultSkin/skinIcons/24x24/icons/BlueUpLevelArrow.gif) no-repeat 0 center; /* orientation=lt */
	background: url(/eXoResources/skin/DefaultSkin/skinIcons/24x24/icons/BlueUpLevelArrow-rt.gif) no-repeat 0 center; /* orientation=rt */
}

.UITrees a.LevelUpArrowIcon:hover {
	background: url(/eXoResources/skin/DefaultSkin/skinIcons/24x24/icons/OverBlueUpLevelArrow.gif) no-repeat 0 center; /* orientation=lt */
	background: url(/eXoResources/skin/DefaultSkin/skinIcons/24x24/icons/OverBlueUpLevelArrow-rt.gif) no-repeat 0 center; /* orientation=rt */
	margin-left: 10px; /* orientation=lt */
	margin-right: 10px; /* orientation=rt */
}

.UITrees .Node {
	line-height: 18px;
	padding-top: 7px;
	margin-left: 15px; /* orientation=lt */
	margin-right: 15px; /* orientation=rt */
	white-space: nowrap;
	background: url('background/Dotted.gif') repeat-y left; /* orientation=lt */
	background: url('background/Dotted-rt.gif') repeat-y right; /* orientation=rt */
	width: 100%;
}

.UITrees .LastNode {
	background: url('background/Dotted.gif') no-repeat left top; /* orientation=lt */
	background: url('background/Dotted-rt.gif') no-repeat right top; /* orientation=rt */
}

.UITrees .Node .NodeIcon {
	background-position: left top; /* orientation=lt */
	background-position: right top; /* orientation=rt */
	padding-left: 20px; /* orientation=lt */
	padding-right: 20px; /* orientation=rt */
	width: 100%;
	height: auto;
}

.UITrees .Node .ExpandIcon {
	padding-left: 18px; /* orientation=lt */
	padding-right: 18px; /* orientation=rt */
	background: url('background/SmallGrayMinus.gif') no-repeat left top; /* orientation=lt */
	background: url('background/SmallGrayMinus-rt.gif') no-repeat right top; /* orientation=rt */
	width: 100%; height: auto;
}

.UITrees .Node .CollapseIcon {
	padding-left: 18px; /* orientation=lt */
	padding-right: 18px; /* orientation=rt */
	background: url('background/SmallGrayPlus.gif') no-repeat left top; /* orientation=lt */
	background: url('background/SmallGrayPlus-rt.gif') no-repeat right top; /* orientation=rt */
	width: 100%; 
	height: auto;
}

.UITrees .Node .NodeSelected {
	font-weight: bold;
	color: #058ee6;
	cursor: pointer;
}

/** ################# Icons ###################*/

.UITrees .TreeContainer .GroupAdminIcon {
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/24x24/icons/NormalGroup.gif') no-repeat left top; /* orientation=lt */
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/24x24/icons/NormalGroup-rt.gif') no-repeat right top; /* orientation=rt */
	padding-left: 25px; /* orientation=lt */
	padding-right: 25px; /* orientation=rt */
}

.UITrees .TreeContainer .PortalIcon {
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/24x24/icons/SelectedGroup.gif') no-repeat left top; /* orientation=lt */ 
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/24x24/icons/SelectedGroup.gif') no-repeat right top; /* orientation=rt */
	padding-left: 25px; /* orientation=lt */
	padding-right: 25px; /* orientation=rt */
}



