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


.UIManagement {
	padding: 10px;
	white-space: nowrap;
	background: white;
	_height: 100%;
}

.UIManagement .ManagementBlock {
	background: #f8f8f8 url('background/BgEvenRow.gif') repeat-x left top;
	margin-bottom: 1px;
	_width: 97%;
}

.UIManagement .EvenRow {
	background: #f8f8f8 url('background/BgEvenRow.gif') repeat-x left top;
}

.UIManagement .OddRow {
	background: #eaeaea url('background/BgOddRow.gif') repeat-x left top;
}

.UIManagement table.ManagementBlock td {
	vertical-align: middle;
	white-space: nowrap;
}

.UIManagement table.ManagementBlock td.Content {
	vertical-align: middle;
	background: url('background/LineBg.gif') no-repeat right center; /* orientation=lt */
	background: url('background/LineBg-rt.gif') no-repeat left center; /* orientation=rt */
	padding: 5px 15px;
	width: 27%;
	overflow: hidden;
	white-space: normal;
}

.UIPortalNavigationPortlet .UIManagement table.ManagementBlock td.Content {
	width: 20%;
}

.UIPortalNavigationPortlet .UIManagement table.ManagementBlock td.ActionBlock {
	width: 68%;
}

.UIManagement table.ManagementBlock td.Content strong {
	margin-right: 7px; /* orientation=lt */
	margin-left: 7px; /* orientation=rt */
}

.UIManagement .ManagementBlock .Image {
	_width: 8%;
	line-height: 41px;
	padding: 5px 0px 6px 20px; /* orientation=lt */
	padding: 5px 20px 6px 0px; /* orientation=rt */
}

.UIManagement .ManagementBlock .Image img {
	width: 41px;
	height: 41px;
}

.UIManagement .ManagementBlock .Label {
	color: #000;
	font-weight: bold;
}

.UIManagement .ManagementBlock .ActionBlock {
	padding-left: 20px; /* orientation=lt */
	padding-right: 20px; /* orientation=rt */
	width: 60%;
}

.UIManagement .ManagementBlock .ActionBlock a {
	line-height: 16px;
	width: 110px;
	display: block;
	float: left; /* orientation=lt */
	float: right; /* orientation=rt */
	padding-left: 25px; /* orientation=lt */
	padding-right: 25px; /* orientation=rt */
	margin-right: 15px; /* orientation=lt */
	margin-left: 15px; /* orientation=rt */
	white-space: normal;
}

.UIManagement .ManagementBlock .ActionBlock a:hover {
	color: #9b9b9b;
}

.UIManagement .ManagementBlock .EditLayoutIcon {
	background: url('background/MiniIcon.gif') no-repeat left 2px; /* orientation=lt */
	background: url('background/MiniIcon-rt.gif') no-repeat right 2px; /* orientation=rt */
}

.UIManagement .ManagementBlock .EditNavIcon {
	background: url('background/MiniIcon.gif') no-repeat left -48px; /* orientation=lt */
	background: url('background/MiniIcon-rt.gif') no-repeat right -48px; /* orientation=rt */
}

.UIManagement .ManagementBlock .DeleteIcon {
	background: url('background/MiniIcon.gif') no-repeat left -98px; /* orientation=lt */
	background: url('background/MiniIcon-rt.gif') no-repeat right -98px; /* orientation=rt */
}

.UIManagement .ManagementBlock .EditProIcon{
	background: url('background/MiniIcon.gif') no-repeat left 2px; /* orientation=lt */
	background: url('background/MiniIcon-rt.gif') no-repeat right 2px; /* orientation=rt */
}

.UIManagement .UIAction .ButtonLeft {
	background: url('background/Button.gif') no-repeat left top;
	padding-left: 5px;
}

.UIManagement .UIAction .ButtonRight {
	background: url('background/Button.gif') no-repeat right top;
	padding-right: 5px;
}

.UIManagement .UIAction .ButtonMiddle {
	background: url('background/Button.gif') repeat-x left -24px;
	font-size: 11px;
	line-height: 24px;
	padding: 0px 10px;
}

.UIManagement .UIAction .ButtonMiddle a {
	font-weight: normal;
}

.UIManagement .UIAction .ButtonMiddle a:hover {
	color: #9b9b9b;
}


/***********************UIAddGroupNavigation************************/

.UIAddGroupNavigation {
	background: white; 
	padding: 0px; 
}

.UIAddGroupNavigation .AddGroupIcon {
	background: url(/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/BlueCirclePlus.gif) no-repeat left center; /* orientation=lt */
	background: url(/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/BlueCirclePlus-rt.gif) no-repeat right center; /* orientation=rt */
	height: 20px; line-height: 20px;
	padding: 3px 0px 3px 20px; /* orientation=lt */
	padding: 3px 20px 3px 0px; /* orientation=rt */
	color: #1d1d1d;
}

.UIPageNavigationForm {
	margin: 20px auto;
}

.UIAddGroupNavigation .WarningAddGroup {
	text-align: center;
	padding: 15px 0px;
	background: #FED8D8;
	margin: 10px;
	font-size: 13px;
}

/********************UINavigationManagement****************/
.UINavigationManagement {
	padding: 10px;
}

