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

.UIMaskWorkspace {
	border: none;
	width: 650px;
	-moz-box-shadow: 0px 0px 10px #CACACA;
	-webkit-box-shadow: 0px 0px 10px #CACACA;
	box-shadow: 0px 0px 10px #afafaf;
	border: 1px solid #CACACA;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #EBEBEB;
}

.UIMaskWorkspace .TopLeftDecorator {
	background: url('background/MaskWorkspace.png') no-repeat left top;
	padding: 0px 0px 0px 13px;
}

.UIMaskWorkspace .TopRightDecorator {
	background: url('background/MaskWorkspace.png') no-repeat right -13px;
	padding: 0px 13px 0px 0px;
}

.UIMaskWorkspace .TopLeftDecorator .TopCenterDecorator {
	height: 13px;
	background: url('background/MaskWorkspace.png') repeat-x center -26px;
}

.UIMaskWorkspace .MiddleLeftDecorator {
	background: url('background/MiddleMaskWorkspace.png') repeat-y left top;
	padding: 0px 0px 0px 10px;
}

.UIMaskWorkspace .MiddleRightDecorator {
	background: url('background/MiddleMaskWorkspace.png') repeat-y right top;
	padding: 0px 11px 0px 0px;
}

.UIMaskWorkspace .MaskContainer {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.UIMaskWorkspace .BottomLeftDecorator {
	background: url('background/MaskWorkspace.png') no-repeat left -39px;
	padding: 0px 0px 0px 13px;
}

.UIMaskWorkspace .BottomRightDecorator {
	padding: 0px 13px 0px 0px;
	background: url('background/MaskWorkspace.png') no-repeat right -52px;
}

.UIMaskWorkspace .BottomLeftDecorator .BottomCenterDecorator {
	height: 13px;
	background: url('background/MaskWorkspace.png') repeat-x center -65px;
}

.UIMaskWorkspace .UIAddApplication .UIItemSelector .ItemDetailList {
	margin-right: 0px; /* orientation=lt */
	margin-left: 0px; /* orientation=rt */
	height: auto;
}

/***********************************	UITabContent	************************************/

.UIMaskWorkspace .UIFormTabPane {
	padding: 0px;
}

.UIMaskWorkspace .UITabContent {
	overflow-y: auto;
	overflow-x: hidden;
	margin: auto;
	height: 275px;
}

.UIMaskWorkspace .UIForm .HorizontalLayout .SelectedIconInfo .UIFormInputSet {
	margin: auto;
}

.UIMaskWorkspace .UIAccessGroup .PublicCheck .UIFormGrid td.FieldComponent {
	_padding: 0px;
}

/*********************************** End UITabContent	************************************/

.UIMaskWorkspace .IconLayout {
	float: left; /* orientation=lt */
	float: right; /* orientation=rt */
	margin: 3px 5px 0px 5px;
}

.UIMaskWorkspace .UIFormWithTitle {
	width: 550px;
	margin: auto;
	padding: 50px 0px;
}

.UIMaskWorkspace .UIFormInputSet .UIFormGrid .SelectGroup {
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/SmallGroup.gif') no-repeat center;
	height: 22px;
	width: 22px;
}

/**********************************UITabSelector*****************************************/

.UIMaskWorkspace .UITabPane .TabPaneContent .WorkingArea .CSSContent {
	border: 1px solid #d5d5d5;
	padding: 0px;
}

.UIMaskWorkspace .UITabPane .TabPaneContent .CSSContent .UITabContent {
	height: auto;
	border: 1px solid white;
	border-top: none;
	margin: auto;
	overflow: hidden;
}

/************************************ Select Permission *******************************/

.UIGroupSelector {
	padding: 10px;
}

.UIGroupSelector .SelectedGroupPath { 
	padding: 5px 0px;
}

.UIGroupSelector .UIBreadcumbs {
	border: 1px solid white;
	padding: 0px;
}

.UIGroupSelector .UIBreadcumbs .LeftBreadcumbsBar {
	background: white;
	border: 1px solid #b7b7b7;
}

.UIGroupSelector .UIBreadcumbs .RightBreadcumbsBar {
	background: white;
}

.UIGroupSelector .UIBreadcumbs .BreadcumbsInfoBar {
	background: white;
}

.UIGroupSelector .UIBreadcumbs .BCHome16x16Icon {
	width: 16px; height: 16px;
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/SmallGroup.gif') no-repeat left center;
}

.UIGroupSelector .UIBreadcumbs a.Selected {
	color: #058ee6;
}

.UIGroupSelector .GroupSelector {
	padding: 10px;
	background: #f4f4f4;
	border: 1px solid #e4e4e4;
}

.UIGroupSelector .TitleGroupSelector {
	background: url('background/ThGridRepeatBg1x19.jpg') repeat-x;
	line-height: 19px; height: 19px;
	border: 1px solid #b7b7b7;
	border-bottom: 1px solid #cfcfcf;
	padding: 0px 10px;
}

.UIGroupSelector .LeftGroupSelector {
	float: left; /* orientation=lt */
	float: right; /* orientation=rt */
	width: 220px; height: 210px;
	border: 1px solid white;
}

.UIGroupSelector .RightGroupSelector {
	margin-left: 225px; /* orientation=lt */
	margin-right: 225px; /* orientation=rt */
	height: 210px;
	border: 1px solid white;
}

.UIGroupSelector .RightGroupSelector .Content {
	border: 1px solid #b7b7b7; border-top: none;
	height: 170px; 
	color: #058ee6;
	padding: 10px;
	background: white;
}

.UIGroupSelector .RightGroupSelector .Content div {
	padding: 3px 0px;
}

.UIGroupSelector .RightGroupSelector .Content span {
	color: #2c2c2c;
}

/**************************************Container Form*************************************/
/**************************************ExoMessageDecorator*************************************/

.UIMaskWorkspace .UIIFramePortlet .ExoMessageDecorator .UIPopupMessages .UITabContentContainer {
	border: none;
}
