/**
 * 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.
 */

.UIWindow .UIOrganizationPortlet {	
	overflow: visible;
}

.UIOrganizationPortlet {
	overflow: auto;
	background: white;
}

.UIOrganizationPortlet .OrganizationPortletContainer {
	padding: 7px;
	width: auto;
}

.UIOrganizationPortlet .UIGroupManagement .UITrees .NodeIcon {
	white-space:nowrap;
}

.UIOrganizationPortlet .UIGroupManagement .UIFormGrid {
	width: auto;
	margin: auto;
}

.UIOrganizationPortlet .UIToolbar .LargeToolbar	{
	width: 100%;
	margin: 0px 0px 5px 0px;
}

.UIOrganizationPortlet .UISearch	{
	width: 100%;
	margin: 0px auto;
}

.UIOrganizationPortlet .UIToolbar .LargeToolbar .HorizontalSeparator {
	float: left; /* orientation=lt */
	float: right; /* orientation=rt */
	margin-top: 3px;
	width: 2px; 
	height: 50px;
}

.UIOrganizationPortlet .UIToolbar .LargeToolbar .ButtonLabel {
	height: 18px; line-height: 18px;
	padding-left: 0px;
}

.UIOrganizationPortlet .UIToolbar .LargeToolbar .SelectButtonLabel {
	line-height: 18px;
	color: #003C7F;
}

.UIOrganizationPortlet .UIBreadcumbs .LeftBreadcumbsBar {
	padding: 0px 0px 0px 5px;
	background: url('DefaultSkin/background/BreadcumbsBar.gif') no-repeat left -26px;
}

.UIOrganizationPortlet .UIBreadcumbs .RightBreadcumbsBar {
	padding: 0px 5px 0px 0px;
	background: url('DefaultSkin/background/BreadcumbsBar.gif') no-repeat right -52px;
}

.UIOrganizationPortlet .UIBreadcumbs .BreadcumbsInfoBar {
	height: 25px; line-height: 25px; vertical-align: middle;
	background: url('DefaultSkin/background/BreadcumbsBar.gif') repeat-x;
}

.UIOrganizationPortlet .ManagementIconContainer {
	padding-top: 4px;
	margin-left: 5px;
	text-align: center;
}

.UIOrganizationPortlet .UserManagementIcon {
	width: 32px; height: 32px; 
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/32x32/icons/UserManagement.gif') no-repeat center;
	margin: auto;
}

.UIOrganizationPortlet .GroupManagementIcon {
	width: 32px; height: 32px; 
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/32x32/icons/GroupManagement.gif') no-repeat center;
	margin: auto;
}

.UIOrganizationPortlet .MembershipManagementIcon {
	width: 32px; height: 32px; 
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/32x32/icons/MembershipManagement.gif') no-repeat center;
	margin: auto;
}

.UIOrganizationPortlet .UIFormWithTitle {
	width: auto;
	margin: auto;
}

.UIOrganizationPortlet .UIGroupManagement .GroupDetail .UITabPane {
	height:auto;
}

.UIOrganizationPortlet .UIForm .UIFormInputSet {
	background: white;
	height: 280px; width: auto;
	border: solid 1px #b7b7b7;
	padding: 20px 0px;
}

.UIOrganizationPortlet .UIPersonalInfo .UIItemSelector .ItemDetailList {
	height: 320px;
}

.UIOrganizationPortlet .UIPersonalInfo .UIItemSelector .ItemList {
	height: 300px;
}

.UIOrganizationPortlet .UIPersonalInfo .UIFormInputSet {
	border: none;
	height: auto;
}

.UIOrganizationPortlet .UIUserManagement .UIGrid {
	margin: 1px auto;
}

/*#######################- UIUserInfo - #####################*/

.UIOrganizationPortlet .UIUserManagement .UIUserInfo {
	width: auto; 
}

.UIOrganizationPortlet .PersonalInfoIcon {
	float: left;
	width: 32px;	height: 32px;
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/32x32/icons/PersonalInfo.gif');
}

.UIOrganizationPortlet .HomeInfoIcon {
	float: left;
	width: 32px;	height: 32px;
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/32x32/icons/HomeInfo.gif');
}

.UIOrganizationPortlet .BusinessInfoIcon {
	float: left;
	width: 32px;	height: 32px;
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/32x32/icons/BusinessInfo.gif');
}

.UIOrganizationPortlet .UIUserManagement .UISearchForm { 
	float: left; /* orientation=lt */
	float: right; /* orientation=rt */
	height: auto;
	width: 100%;
}

.UIOrganizationPortlet .UISearch .UISearchForm .QuickSet {
	width: auto;
	_width: 450px; /* orientation=rt */
}

.UIOrganizationPortlet .UIUserManagement a.Refresh16x16Icon { 
	float: right;
	width: 20px; height: 20px;
	margin: 10px;
}

/*#######################	UIGroupManagement #################################*/

.UIOrganizationPortlet .UIGroupManagement {
	width: 100%;
	margin: auto;
}

.UIOrganizationPortlet .UIGroupManagement .UITrees {
	border-top: none;
	width: 99%;
}

.UIOrganizationPortlet .UIGroupManagement .UITrees .TreeContainer {
	height: 218px;
}

.UIOrganizationPortlet .UIGroupManagement .TitleBar{
	background: url('DefaultSkin/background/BreadcumbsBar.gif') repeat-x bottom;
	height: 25px;
	line-height: 25px;
	border: 1px #b7b7b7 solid;
	font-weight: bold;
	padding-left: 15px; /* orientation=lt */
	padding-right: 15px; /* orientation=rt */
	color: #424242;
}

.UIOrganizationPortlet .UIGroupManagement .TitleBar .Title {
	color: #424242;
	float: left; /* orientation=lt */
	float: right; /* orientation=rt */
	font-weight: bold;
	line-height: 25px;
}

.UIOrganizationPortlet .UIGroupManagement .UIBreadcumbs {
	padding:0px;
}

.UIOrganizationPortlet .UIGroupManagement .UITabPane {
	width: 99.0%;
	float: none; margin: auto;
	height: auto;
}

.UIOrganizationPortlet .UIGroupManagement .UIBreadcumbs .HomeIcon {
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/SmallGroup.gif') no-repeat center;
}

.UIOrganizationPortlet .UIGroupManagement .GroupPanel {
	overflow: hidden;
	padding-top: 3px;
	height: auto;
}

.UIOrganizationPortlet .UIGroupManagement .GroupNavigation {
	float: left; /* orientation=lt */
	float: right; /* orientation=rt */
	width: 220px;
}

.UIOrganizationPortlet .UIGroupManagement .GroupNavigationContainer {
	width: 100%;
}

.UIOrganizationPortlet .UIGroupManagement .GroupNavigation .TreeActionIcon	{
	float: right; /* orientation=lt */
	float: left; /* orientation=rt */
	margin: 5px 10px 0px 0px; /* orientation=lt */
	margin: 5px 0px 0px 10px; /* orientation=rt */
}

.UIOrganizationPortlet .UIGroupManagement .GroupNavigation .RemoveGroupIcon	{
	width: 16px; height: 16px;
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/DustBin.gif') no-repeat center;
}

.UIOrganizationPortlet .UIGroupManagement .GroupNavigation .AddGroupIcon	{
	width: 16px; height: 16px;
	background:transparent url(/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/BlueCirclePlus.gif) no-repeat;
}

.UIOrganizationPortlet .UIGroupManagement .GroupNavigation .EditGroupIcon	{
	width: 16px; height: 16px;
	background:transparent url(/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/EditIcon.gif) no-repeat;
}

.UIOrganizationPortlet .UIGroupManagement .GroupDetail {
	margin-left: 228px; /* orientation=lt */
	margin-right: 228px; /* orientation=rt */
	height:100%;
}

.UIOrganizationPortlet .UIGroupManagement .UIGroupMembershipForm {
	padding: 5px 0px 0px 0px;
	height: 100%;
}

.UIOrganizationPortlet .UIGroupForm .HorizontalLayout { 
	height: 198px;
}

.UIOrganizationPortlet .UIGroupMembershipForm .UIForm select {
	float: left; /* orientation=lt */
	float: right; /* orientation=rt */
}

.UIOrganizationPortlet .UIGroupInfo .UIGroupMembershipForm a.Icon { 
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
	margin-left: 4px;
	height: 24px; width: 24px;
}

.UIOrganizationPortlet .UIGroupInfo .UIGroupMembershipForm .SearchIcon { 
	margin-top: 3px;
}

.UIOrganizationPortlet .UIGroupInfo .ListUserForSearch { 
	padding: 10px;
}

.UIOrganizationPortlet .SelectUserIcon {
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/SelectIcon.gif') center;
}

.UIOrganizationPortlet .UIGroupManagement .UIGroupMembershipForm td.FieldComponent {
	width: 278px;
}

/*#######################	UIMemberShipManagement #################################*/

.UIOrganizationPortlet .UIMembershipTypeForm {
	padding-top: 10px; 
}

.UIOrganizationPortlet .UIPageIterator {
	height: 22px;
	margin-top: 3px;
	width: 99.5%;
}

.UIOrganizationPortlet .UIMembershipManagement .UIGrid {
	margin: auto;
}