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

.UIToolbar .ToolbarContainer {
}

.UIToolbar .Button {
	float: left; /* orientation=lt */
	float: right; /* orientation=rt */
	cursor: pointer;
}

.UIToolbar .Button .ButtonLabel {
	float: left; /* orientation=lt */
	float: right; /* orientation=rt */
}

.UIToolbar .HorizontalSeparator {
	float: left; /* orientation=lt */
	float: right; /* orientation=rt */
	width: 2px; height: 30px;
	background: url('background/GrayLine2x2.gif') repeat-y;
	margin: 7px 10px 0px 10px;
}

/*##############################- LargeToolbar style -#########################*/

.UIToolbar .LargeToolbar {
	height: 64px; line-height: 64px;
	margin-bottom: 3px;
}

.UIToolbar .LargeToolbar .LeftToolbar {
	height: 64px; 
	line-height: 64px;
	background: url('background/LargeToolbar.gif') no-repeat left top; /* orientation=lt */
	background: url('background/LargeToolbar-rt.gif') no-repeat left top; /* orientation=rt */
	padding-left: 8px; /* orientation=lt */
	padding-left: 94px; /* orientation=rt */
}

.UIToolbar .LargeToolbar .RightToolbar {
	height: 64px; 
	line-height: 64px;
	background: url('background/LargeToolbar.gif') no-repeat right top; /* orientation=lt */
	background: url('background/LargeToolbar-rt.gif') no-repeat right top; /* orientation=rt */
	padding-right: 94px; /* orientation=lt */
	padding-right: 8px; /* orientation=rt */
}

.UIToolbar .LargeToolbar .MiddleToolbar {
	height: 64px;
	line-height: 64px; 
	background: url('background/LargeToolbar.gif') repeat-x left -64px;
}

.UIToolbar .LargeToolbar a {
	color: #7E9BC9; 
	font-weight: bold;
	padding: 0px 3px 0px 3px;
	cursor: pointer;
	white-space: nowrap;
	overflow: hidden;
}

.UIToolbar .LargeToolbar a:hover{
	color: #003C7F;
}

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

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

.UIToolbar .LargeToolbar .UserButton {
	float: left; /* orientation=lt */
	float: right; /* orientation=rt */
	padding-top: 3px;
	cursor: pointer;
	width: 130px;
}

.UIToolbar .LargeToolbar .GroupButton {
	float: left; /* orientation=lt */
	float: right; /* orientation=rt */
	padding-top: 3px;
	cursor: pointer;
	width: 140px;
}

.UIToolbar .LargeToolbar .MembershipButton {
	float: left; /* orientation=lt */
	float: right; /* orientation=rt */
	padding-top: 3px;
	cursor: pointer;
	width: 180px;
}

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

.UIToolbar .LargeToolbar .ManagementIconContainer {
	padding-top: 4px;
	margin-left: 5px;
}

.UIToolbar .LargeToolbar .UserManagementIcon {
	width: 32px; height: 32px; 
	background: url('background/LargeToolbar.gif') no-repeat left -128px;
	margin: auto;
}

.UIToolbar .LargeToolbar .GroupManagementIcon {
	width: 32px; height: 32px; 
	background: url('background/LargeToolbar.gif') no-repeat -32px -128px;
	margin: auto;
}

.UIToolbar .LargeToolbar .MembershipManagementIcon {
	width: 32px; height: 32px; 
	background: url('background/LargeToolbar.gif') no-repeat -64px -128px;
	margin: auto;
}

/*##############################- BlueLargeToolbar style -#########################*/
.UIToolbar .BlueLargeToolbar {
	height: 32px;
}

.UIToolbar .BlueLargeToolbar .LeftToolbar {
	background: url('background/BlueLargeToolbar.gif') no-repeat left top;
	padding-left: 5px;
	border-bottom: 1px solid #9a9a9a;
}

.UIToolbar .BlueLargeToolbar .RightToolbar {
	background: url('background/BlueLargeToolbar.gif') no-repeat right top;
	padding-right: 5px;
}

.UIToolbar .BlueLargeToolbar .MiddleToolbar {
	height: 32px;
	background: url('background/BlueLargeToolbar.gif') repeat-x center -61px;
}

.UIToolbar .BlueLargeToolbar a {
	color: #7e9bc9; font-weight: bold;
	padding: 0px 5px 0px 5px;
	cursor: pointer;
}

.UIToolbar .BlueLargeToolbar a:hover {
	color: #003c7f;
}

.UIToolbar .BlueLargeToolbar .SelectItemButton .LablelIcon {
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
}

.UIToolbar .BlueLargeToolbar .SelectItemButton .ButtonLabel {
	line-height: 18px;
	color: #003c7f;
}

.UIToolbar .BlueLargeToolbar .HorizontalSeparator {
	float: left; /* orientation=lt */
	float: right; /* orientation=rt */
	margin: 2px 8px 0px 10px;
	margin: 2px 10px 0px 8px;
	width: 2px; 
	height: 22px;
	background: url('background/BlueLargeToolbar.gif') no-repeat -6px top;
}

.UIToolbar .BlueLargeToolbar .ManagementIconContainer {
	padding-top: 4px;
	margin-left: 5px;
}

.UIToolbar .BlueLargeToolbar .ItemButton {
	float: left; /* orientation=lt */
	float: right; /* orientation=rt */
	padding-left: 35px; /* orientation=lt */
	padding-right: 35px; /* orientation=rt */
	margin: 0 10px; display: block;
	background-image: url('background/BlueLargeToolbar.gif');
	background-repeat: no-repeat;
	height: 26px; line-height: 26px;
	color: #363636;
}

.UIToolbar .BlueLargeToolbar .OrganizeIcon {
	background-position: left -122px; /* orientation=lt */
	background-position: right -122px; /* orientation=rt */
}

.UIToolbar .BlueLargeToolbar .PorletIcon {
	background-position: left -148px; /* orientation=lt */
	background-position: right -148px; /* orientation=rt */
}

.UIToolbar .BlueLargeToolbar .GadgetIcon {
	background-position: left -174px; /* orientation=lt */
	background-position: right -174px; /* orientation=rt */
}

/*
 * minh.js.exo
*/
 
/*#################################- LightToolbar -##############################*/

.UIToolbar .LightToolbar {
	height: 33px;
	margin-top: 3px;
}

.UIToolbar .LightToolbar .LeftBar {
	padding-left: 3px;
	background: url('background/LightToolbar.gif') no-repeat left top;
}

.UIToolbar .LightToolbar .RightBar {
	padding-right: 3px;
	background: url('background/LightToolbar.gif') no-repeat right top;
}

.UIToolbar .LightToolbar .MiddleBar {
	height: 33px;	line-height: 33px;
	background: url('background/LightToolbar.gif') repeat-x bottom;
}

/*#################################- EditToolbar -##############################*/

.UIToolbar .EditToolbar {
	height: 31px;
	padding: 0px 10px 0px 10px;
}

.UIToolbar .EditToolbar .Icon {
	float: left; /* orientation=lt */
	float: right; /* orientation=rt */
	cursor: pointer;
}

.UIToolbar .EditToolbar .LeftBar {
	background: url('background/EditToolbar.gif') no-repeat left top;
	padding-left: 2px;
	height: 30px;
}

.UIToolbar .EditToolbar .RightBar {
	padding-right: 2px;
	height: 30px;
	background: url('background/EditToolbar.gif') no-repeat right top;
}

.UIToolbar .EditToolbar .MiddleBar {
	height: 30px; line-height: 30px;
	background: url('background/EditToolbar.gif') repeat-x left -30px;
}



.UIToolbar .EditToolbar .EditContainerIcon {
	width: 27px; height: 23px;
	background: url('background/EditToolbar.gif') no-repeat left -60px;
}

.UIToolbar .EditToolbar .EditPortletIcon {
	width: 27px; height: 23px;
	background: url('background/EditToolbar.gif') no-repeat left -83px;
}

.UIToolbar .EditToolbar .EditPortalIcon { 
	width: 27px; height: 23px;
	background: url('background/EditToolbar.gif') no-repeat left -106px;
}

.UIToolbar .EditToolbar .LayoutModeIcon {
	width: 27px; height: 23px;
	background: url('background/EditToolbar.gif') no-repeat left -129px;
}

.UIToolbar .EditToolbar .PreviewIcon {
	width: 27px; height: 23px;
	background: url('background/EditToolbar.gif') no-repeat left -152px;
}

.UIToolbar .EditToolbar .SavePortalIcon {
	width: 21px; height: 23px;
	background: url('background/EditToolbar.png') no-repeat left -175px;
}

.UIToolbar .EditToolbar .EditPageIcon {
	width: 24px; height: 23px;
	background: url('background/EditToolbar.gif') no-repeat left -194px;
}

.UIToolbar .EditToolbar .PageLayoutModeIcon {
	width: 24px; height: 23px;
	background: url('background/EditToolbar.gif') no-repeat left -217px;
}

.UIToolbar .EditToolbar .PagePreviewIcon {
	width: 24px; height: 23px;
	background: url('background/EditToolbar.gif') no-repeat left -241px;
}

.UIToolbar .EditToolbar .SavePageIcon {
	width: 24px; height: 23px;
	background: url('background/EditToolbar.gif') no-repeat left -264px;
}

/*#################################- ControlToolbar -##############################*/

.UIToolbar .ControlToolbar {
	margin: 10px 2px 0px 95px; /* orientation=lt */
	margin: 10px 95px 0px 2px; /* orientation=rt */
}

.UIToolbar .ControlToolbar .LeftBar {
	padding-left: 12px; /* orientation=lt */
	padding-right: 12px; /* orientation=rt */
	background: url('background/ControlToolbar.gif') no-repeat left top; /* orientation=lt */
	background: url('background/ControlToolbar-rt.gif') no-repeat right top; /* orientation=rt */
}

.UIToolbar .ControlToolbar .RightBar {
	padding-right: 1px; /* orientation=lt */
	padding-left: 1px; /* orientation=rt */
	background: url('background/ControlToolbar.gif') no-repeat right -27px; /* orientation=lt */
	background: url('background/ControlToolbar-rt.gif') no-repeat left -27px; /* orientation=rt */
}

.UIToolbar .ControlToolbar .MiddleBar {
	height: 27px; line-height: 27px;
	background: url('background/ControlToolbar.gif') repeat-x left -27px; /* orientation=lt */
	background: url('background/ControlToolbar-rt.gif') repeat-x right -27px; /* orientation=rt */
}

.UIToolbar .ControlToolbar .SeparateLine{
	float: left; /* orientation=lt */
	float: right; /* orientation=rt */
	width: 2px; height: 20px;
	background: url('background/SeparateLine2x1.gif') repeat-y;
	margin: 2px 2px 0px 3px;
}

.UIToolbar .ControlToolbar .Icon {
	float: left; /* orientation=lt */
	float: right; /* orientation=rt */
	margin: 3px 4px 0px 4px; 
}

.UIToolbar .ControlToolbar .RollbackIcon {
	width: 24px; height: 20px;
	background: url('background/ControlToolbar.gif') no-repeat left -55px; /* orientation=lt */
	background: url('background/ControlToolbar-rt.gif') no-repeat left -55px; /* orientation=rt */
}

.UIToolbar .ControlToolbar .BackIcon {
	width: 24px; height: 20px;
	background: url('background/ControlToolbar.gif') no-repeat left -178px; /* orientation=lt */
	background: url('background/ControlToolbar-rt.gif') no-repeat left -178px; /* orientation=rt */
}

.UIToolbar .ControlToolbar .FinishIcon {
	width: 24px; height: 20px;
	background: url('background/ControlToolbar.gif') no-repeat left -76px; /* orientation=lt */
	background: url('background/ControlToolbar-rt.gif') no-repeat left -76px; /* orientation=rt */
}

.UIToolbar .ControlToolbar .SaveIcon {
	width: 24px; height: 19px;
	background: url('background/ControlToolbar.gif') no-repeat left -96px; /* orientation=lt */
	background: url('background/ControlToolbar-rt.gif') no-repeat left -96px; /* orientation=rt */
}

.UIToolbar .ControlToolbar .AbortIcon {
	width: 24px; height: 20px;
	background: url('background/ControlToolbar.gif') no-repeat left -116px; /* orientation=lt */
	background: url('background/ControlToolbar-rt.gif') no-repeat left -116px; /* orientation=rt */
}

/*#################################- HeaderToolbar-##############################*/

.UIToolbar .HeaderToolbar {
	height: 31px;
}

.UIToolbar .HeaderToolbar .LeftBar {
	padding-left: 7px;
	background: url('background/HeaderToolbar.gif') no-repeat left top;
}

.UIToolbar .HeaderToolbar .RightBar {
	padding-right: 7px;
	background: url('background/HeaderToolbar.gif') no-repeat right top;
}

.UIToolbar .HeaderToolbar .CenterBar {
	height: 31px; line-height: 31px;
	background: url('background/HeaderToolbar.gif') repeat-x left -31px;
}

