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

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

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

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


.UIWorkingWorkspace {
	margin: 0px;
	
/*
 * minh.js.exo
 * bug : right click with IE7 in ECM
 */
}

.UIWorkingWorkspace {
	width: 980px;
	margin: auto;
	background: #b5b6b6;
}

.UIWorkingWorkspace .UIPageBody {

}

.MaskLayer {
	background: black;
	text-align: center;
	position: absolute;
	overflow: auto; /* Fix for FF2 */
}

.WarningLayer {
	width: 300px;	height: 100px;
	line-height: 100px;	
	text-align: center;
	position: absolute;
	opacity: 0.5 !important;
	filter: alpha(opacity=50);
}

.PreviewMode {
	width: 160px;	height: 160px;
background: url("/eXoResources/skin/DefaultSkin/portal/webui/component/control/UIWorkspace/background/PreviewModeImage146x156.png") no-repeat top right;
	position: absolute;
	cursor: pointer;
	right: 0px; /* orientation=lt */
	top: 0px;
}
/**
 * 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.
 */

#msgs {	
	position: absolute; 
	top: 10px;
	right: 10px; 
}

.messageBox { 
	/*	
	position: absolute; 
	top: 10px; 
	right: 10px; 
	background: #000000; 
	opacity: 1; 
	filter: alpha(opacity=100); 
	-moz-opacity: 1; 
	*/
	margin: 5px;
	overflow: hidden;
	background: #F0F0F0; 
}
/**
 * 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.
 */

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

.UIContainerList {
	margin: 0px;
}

.UIContainerList .ContainerIcon {
	padding: 13px 0px 10px 100px; /* orientation=lt */
	color: #6d6d6d;	
	cursor: move;
	height: 40px; 
	line-height: 20px;
}

.UIContainerList .OneRowContainerLayout	{
background: transparent url(/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIContainerList/background/OneRowContainerLayout.gif) no-repeat left 10px;
}

.UIContainerList .TwoRowContainerLayout	{
background: transparent url(/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIContainerList/background/TwoRowContainerLayout.gif) no-repeat left center;
}

.UIContainerList .ThreeRowContainerLayout	{
background: transparent url(/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIContainerList/background/ThreeRowContainerLayout.gif) no-repeat left center;
}

.UIContainerList .TwoColumnContainerLayout	{
background: transparent url(/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIContainerList/background/TwoColumnContainerLayout.gif) no-repeat left center;
}

.UIContainerList .ThreeColumnContainerLayout	{
background: transparent url(/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIContainerList/background/ThreeColumnContainerLayout.gif) no-repeat left center;
}

.UIContainerList .TwoTabContainerLayout	{
background: transparent url(/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIContainerList/background/TwoTabContainerLayout.gif) no-repeat left center;
}

.UIContainerList .ThreeTabContainerLayout	{
background: transparent url(/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIContainerList/background/ThreeTabContainerLayout.gif) no-repeat left center;
}

.UIContainerList .TwoColumnOneRowContainerLayout	{
background: transparent url(/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIContainerList/background/TwoColumnOneRowContainerLayout.gif) no-repeat left center;
}

.UIContainerList .OneRowTwoColumnContainerLayout	{
background: transparent url(/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIContainerList/background/OneRowTwoColumnContainerLayout.gif) no-repeat left center;
}

.UIContainerList .OneRow2Column1RowContainerLayout	{
background: transparent url(/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIContainerList/background/OneRow2Column1RowContainerLayout.gif) no-repeat left center;
}
/**
 * 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.
 */

.UIPageBrowser {	
	background: white;
}

.UIPageBrowser .UISearch {
	margin: auto;
	padding: 0;
}

.UIPageBrowser .UIGrid {	
	width: 99.7%;
	!width: 98%;
	margin: auto;
}

.UIPageBrowser .UIGrid .Text {	
	white-space: nowrap;
}
/**
 * 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.
 */

.UIPortalBrowser {	
	padding: 5px;
	width: auto;
}

.UIPortalBrowser .UIGrid {	
	width: 99.5%;
	margin: auto;
}

.UIPortalBrowser .UIGrid .Text {	
	white-space: nowrap;
}
/**
 * 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.
 */

.UIPageSelector {		
	padding: 10px;
	width: 530px;
	margin: auto;
}

.UIPageSelector .PageSelectorTitle	{
	height: 20px; line-height: 20px;
	padding-left: 15px; /* orientation=lt */
	margin-bottom: 5px;
}

.UIPageSelector .PageSelectorTitle .Icon {
	float: left; /* orientation=lt */
	margin: 2px 2px 0px 0px; /* orientation=lt */
}

.UIPageSelector .PageSelectorTitle .Title {
	float: left; /* orientation=lt */
	font-weight: bold; 
	margin-left: 10px; /* orientation=lt */
}

.UIPageSelector .UIFormInfo {
	background: white;
	border: 1px solid #b7b7b7;
	margin-top: 1px;
}

.UIPageSelector .FormInfoBG {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIPageSelector/background/FormInfoBG360x1.gif') repeat-y right;
	padding-right: 30px; /* orientation=lt */
	height: 100%;
}

.UIPageSelector .FormInfoIcon {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIPageSelector/background/FormInfoIcon80x80.gif') no-repeat center right;
	padding: 15px 15px 20px 15px;
}

.UIPageSelector .UIFormInfo .SelectedPageText {
	font-weight: bold; 
	margin-top: 2px;
}

.UIPageSelector .FloatBlockHidden {
	filter: alpha(opacity=30); -moz-opacity: .30; opacity: .30;
	cursor: default;
}
/**
 * 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.
 */

/**
 * Created by The eXo Platform SARL
 * Modifile: Vu Duy Tu
 *					 duytucntt@gmail.com
 * December 13, 2006
 * version: $Id$
 */
 
.UIPortalToolPanel {
}

.UIPortalToolPanel .Body {
	_height: 100%;
}

.UIEditInlineWS .UIPortalToolPanel .PageDecoratorContainer {
}
 
.UIPortalToolPanel .Body .PageDecoratorContent {
}

.UIPortalToolPanel .Body .UIPage {
}

.UIPortalToolPanel .UIItemSelector .NormalStyle {
	height: 100%;
}

.UIPortalToolPanel .UIItemSelector .NormalStyle .ItemListContainer {
	height: 100%;
	width: 247px;
}

.UIPortalToolPanel .UIItemSelector .NormalStyle .ItemListContainer .ItemList {
	border: 1px #b7b7b7 solid;
	height: 264px;	
}

.UIPortalToolPanel .UIItemSelector .NormalStyle .ItemListContainer .TemplateImage {
	height: 240px; 
}

.UIPortalToolPanel .UIItemSelector .NormalStyle .ItemListContainer .ItemListTitle {
	height: 28px; 
	line-height: 27px; 
	margin: 0px 0px 0px 0px;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIPortalToolPanel/background/MenuBackground1x27.gif') repeat-x;
}
/**
 * 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.
 */

.UIDescription {	
	margin: 5px;
}

.UIDescription .DecoratorBox .DecoratorBackground{
	background: #efefef;
}

.UIDescription .DecriptionContainer {
	padding: 0px 8px;
}

.UIDescription .DescriptionContent {
	padding: 5px;
	border-top: 1px #bdbcbc solid; 
	border-left: 1px #bdbcbc solid; 
	border-right: 1px #929292 solid; 
	border-bottom: 1px #929292 solid; 
	background: #f2f2f2;
}

.UIDescription .DescriptionContentContainer {
	line-height: 18px;
	border-top: 1px #929292 solid;
	border-left: 1px #929292 solid;
	border-right: 1px #bdbcbc solid;
	border-bottom: 1px #bdbcbc solid;
	background: white;
}

.UIDescription .DescriptionContentMaxHeight {
	padding: 5px;
	height: 350px;
}
/**
 * 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.
 */

.UIChangeSkinForm {	
}

.UIChangeSkinForm .UIItemSelector .RightColumnStyle .ItemListContainer {
	float: left; /* orientation=lt */
	width: 175px; 
}

.UIChangeSkinForm .UIItemSelector .RightColumnStyle .ItemDetailList {
	margin: 0px 0px 0px 180px; /* orientation=lt */
	padding: 0px; 
}

.UIChangeSkinForm .UIItemSelector .ItemDetail .TemplateContainer {
	padding-top: 13px; 
}

.UIChangeSkinForm .UIItemSelector .TemplateContainer .DefaultImage {
	margin: auto; 
	width: 329px; height:204px; 
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIChangeSkinForm/background/ChangeSkinForm.jpg') no-repeat top;
	cursor: pointer ; 
}

.UIChangeSkinForm .UIItemSelector .TemplateContainer .MacImage {
	margin: auto; 
	width: 329px; height: 204px; 
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIChangeSkinForm/background/ChangeSkinForm.jpg') no-repeat center -209px;
	cursor: pointer ; 
}

.UIChangeSkinForm .UIItemSelector .TemplateContainer .VistaImage {
	margin: auto; 
	width: 329px; height: 204px; 
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIChangeSkinForm/background/ChangeSkinForm.jpg') no-repeat center -406px;
	cursor: pointer ; 
}

.UIChangeSkinForm .UIItemSelector .TemplateContainer .SimpleSkinImage {
	margin: auto; 
	width: 329px; height: 204px; 
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIChangeSkinForm/background/ChangeSkinForm.jpg') no-repeat center -615px;
	cursor: pointer ; 
}


.UIChangeSkinForm .UIItemSelector .ItemListContainer .ItemList {
background: white url('/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIChangeSkinForm/background/ItemListBg167x127.gif') no-repeat bottom ;
}

.UIChangeSkinForm .UITabPane .TabPaneContent .UITabContentContainer { 
	border: 1px solid #d4d4d4; 
	border-top: none; 
}

.UIChangeSkinForm .UITabPane .UITabContentContainer .UITabContent {
	border: 1px solid white; 
	border-top: none; 
}

.UIChangeSkinForm .UITabPane .TabPaneContent {
	padding: 0px; 
}
/**
 * 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.
 */

.UIChangeLanguageForm {	
}

.UIChangeLanguageForm .UIFormTabPane .TabPaneContent .UITabContentContainer {
}

.UIChangeLanguageForm .UIItemSelector .RightColumnStyle .ItemListContainer {
	float: left; /* orientation=lt */
	width: 175px; 
}

.UIChangeLanguageForm .UIItemSelector .ItemListContainer .ItemList {
background: white url('/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIChangeLanguageForm/background/ItemListBg157x99.gif') no-repeat right bottom;
	border: 1px solid red; 
}

.UIChangeLanguageForm .UIItemSelector .RightColumnStyle .ItemDetailList {
	margin: 0px 0px 0px 180px; /* orientation=lt */
}

.UIChangeLanguageForm .UIItemSelector .ItemDetail .TemplateContainer {
	padding-top: 10px; 
}

.UIChangeLanguageForm .UIItemSelector .RightColumnStyle .ItemDetailList {
	padding: 0px; 
}

.UIChangeLanguageForm .UIItemSelector .ItemDetailContainer {
	background: #ffffff; 
	border: solid 1px #a4a4a4; 
	padding: 6px;  
}

.UIChangeLanguageForm .UIItemSelector .RightColumnStyle .ItemDetailList .ItemDetail {
	border: solid 1px #d2d2d2; 
	height: 227px; 
	overflow: auto;
	margin: 0px; 
}

.UIChangeLanguageForm .ItemDetail .NormalItem {
	height: 24px; 
	border-bottom: solid 1px #e9e7e7; 
	cursor: pointer;  
	color: black; 
}

.UIChangeLanguageForm .ItemDetail .NormalItem a:hover {
	color: blue; 
}

.UIChangeLanguageForm .ItemDetail .SelectedItem {
	height: 24px; 
	color: #f27e01; 
	border-bottom: solid 1px #e9e7e7; 
}

.UIChangeLanguageForm .ItemDetail .NormalItem .Icon {
	float: left; /* orientation=lt */
	height: 24px;  width: 24px; 
}

.UIChangeLanguageForm .ItemDetail .SelectedItem .Icon {
	float: left; /* orientation=lt */
	height: 24px;  width: 24px; 
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/BlueCheckerIcon.gif') no-repeat center; /* orientation=lt */
}

.UIChangeLanguageForm .ItemDetail .NodeLabel {
	float: left; /* orientation=lt */
	line-height: 24px; 
	text-align: left; /* orientation=lt */
}

.UIChangeLanguageForm .ItemDetail .PercentLabel {
	line-height: 24px; 
	text-align: right; /* orientation=lt */
	padding-right: 20px; /* orientation=lt */
}

.UIChangeLanguageForm .UITabPane .TabPaneContent {
	padding: 0px; 
}

.UIChangeLanguageForm .UITabPane .TabPaneContent .UITabContentContainer { 
	border: 1px solid #d4d4d4; 
	border-top: none; 
}
/**
 * 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.
 */

.UIChagnePortalForm {	
	padding: 20px 15px 10px 15px;  
}

.UIChagnePortalForm .UITabPane .UITabContentContainer .UITabContent {
	padding: 5px 0px;
}

.UIChagnePortalForm #PortalSelector {
	width: 95%;
	margin: auto;
}

.UIChagnePortalForm .UITabPane .TabPaneContent {
	padding: 0px;
}

.UIChagnePortalForm .UITabPane .UITabContentContainer {
	border: 1px solid #D4D4D4;
	border-top: none;
}
/**
 * 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.
 */

.UIAccountSettingForm {	
	padding: 5px;
}
	
.UIAccountSettingForm .ContentContainer {
	border: 1px solid #d4d4d4;
	border-top: none;
}

.UIAccountSettingForm .WorkingArea {
	padding: 10px 5px;
	height: 250px;
	border: 1px solid white;
	border-top: none;
}

.UIAccountSettingForm .UIHorizontalTabs {
	color: #202020; font-weight: normal;
	height: 30px;
}

.UIAccountSettingForm .UIHorizontalTabs .LeftHorizontalTabs {
	padding-left: 11px;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIAccountSettingForm/background/HorizontalTabs.gif') no-repeat left -30px;
}

.UIAccountSettingForm .UIHorizontalTabs .RightHorizontalTabs {
	padding-right: 11px;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIAccountSettingForm/background/HorizontalTabs.gif') no-repeat right -62px;
}

.UIAccountSettingForm .UIHorizontalTabs .CenterHorizontalTabs {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIAccountSettingForm/background/HorizontalTabs.gif') repeat-x top;
	cursor: pointer;
	padding: 0px 4px 0px 4px;
	height: 30px;
	line-height: 30px;
}

.UIAccountSettingForm .UIHorizontalTabs .UITab a.Icon {
	padding-left: 23px; /* orientation=lt */
	display: block;
	line-height: 26px;
}

.UIAccountSettingForm .UIHorizontalTabs .UITab .AccountProfiles {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIAccountSettingForm/background/HorizontalTabs.gif') no-repeat left -154px;
}

.UIAccountSettingForm .UIHorizontalTabs .UITab .ChangePass {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIAccountSettingForm/background/HorizontalTabs.gif') no-repeat left -177px;
}

.UIAccountSettingForm .UIHorizontalTabs .UITab .NormalTab a {
	font-weight: bold;
	color: gray; 
	margin-top: 2px;
}

.UIAccountSettingForm .UIHorizontalTabs .NormalTab .MiddleTab {
	cursor: pointer;
	padding: 0px 8px;
}

.UIAccountSettingForm .UIHorizontalTabs .UITab .HighlightTab a {
	font-weight: bold;
	color: #058ee6; 
	margin-top: 2px;
}

.UIAccountSettingForm .UIHorizontalTabs .UITab .SelectedTab a {
	font-weight: bold;
	color: #058ee6; 
	margin-top: 2px;
}

.UIAccountSettingForm .UIHorizontalTabs .SelectedTab .MiddleTab {
	line-height: 30px;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIAccountSettingForm/background/HorizontalTabs.gif') repeat-x center -93px;
	cursor: pointer;
	padding: 0px 8px;
}

.UIAccountSettingForm .UIHorizontalTabs .LineSeparator {
	float: left; /* orientation=lt */
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIAccountSettingForm/background/HorizontalTabs.gif') no-repeat left -123px;
	height: 22px;	width: 2px;
	margin-top: 5px;
}

.UIAccountSettingForm .UITabPane .UITabContentContainer {
	border: 1px solid #d4d4d4;
	border-top: none;
}

.UIAccountSettingForm .UITabPane .UITabContentContainer .UITabContent {
	padding: 0px 13px 12px 13px;
}

.UIAccountSettingForm .UITabPane .UITabContentContainer .UIForm .FormContainer {
	padding-top: 16px;
}

.UIAccountSettingForm .UIAccountProfiles {
	border-top: 1px solid #d4d4d4;
}

.UIAccountSettingForm .UIAccountChangePass {
	border-top: 1px solid #d4d4d4;
}

.UIAccountSettingForm .UIForm .HorizontalLayout {
	border-top: 1px solid white;
	border-right: none;
	border-left: none;
	border-bottom: none;
	height: 165px;
	padding: 25px 0px;
}

.UIAccountSettingForm .UIForm .UIAction {
	padding-top: 18px;
}
/**
 * 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.
 */

.UIPortalSettingForm {
	margin: auto;
	padding: 30px 17px 30px 10px; /* orientation=lt */
}

/*##############################- LoginBox Style-################################*/

.UIPortalSettingForm .PortalSettingContent {
	width: 540px;
	margin: auto;
}

.UIPortalSettingForm .PortalSettingContent .DecoratorBackground {
	background-color: white;
	padding-top: 12px;
}

.UIPortalSettingForm .PortalSettingContent .TopLeftDecorator {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIPortalSettingForm/background/RoundedBoxLeftTop24x35.gif') no-repeat left;
	padding: 0px 0px 0px 24px;
	border: 1px solid red;	
}

.UIPortalSettingForm .PortalSettingContent .TopLeftDecorator .TopCenterDecorator {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIPortalSettingForm/background/RoundedBoxCenterTop1x35.gif') repeat-x;
	height: 35px;
	color: #1273df;
	font-size: 16px;
	line-height: 35px;
	padding: 0px 0px 0px 10px;
}

.UIPortalSettingForm .PortalSettingContent .TopLeftDecorator .TopRightDecorator {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIPortalSettingForm/background/RoundedBoxRightTop13x35.gif') no-repeat right;
	padding: 0px 13px 0px 0px;
}

.UIPortalSettingForm .PortalSettingContent .MiddleLeftDecorator {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIPortalSettingForm/background/RoundedBoxLeftMiddle128x130.gif') no-repeat left center;
	padding: 0px 0px 0px 128px;
}

.UIPortalSettingForm .PortalSettingContent .MiddleRightDecorator {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIPortalSettingForm/background/RoundedBoxRightMiddle12x1.gif') repeat-y right;
	padding: 0px 12px 0px 0px;
}

.UIPortalSettingForm .PortalSettingContent .BottomLeftDecorator {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIPortalSettingForm/background/RoundedBoxLeftBottom86x12.gif') no-repeat left;
	padding: 0px 0px 0px 86px;
}

.UIPortalSettingForm .PortalSettingContent .BottomLeftDecorator .BottomCenterDecorator {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIPortalSettingForm/background/RoundedBoxCenterBottom1x12.gif') repeat-x;
	height: 12px;
}

.UIPortalSettingForm .PortalSettingContent .BottomLeftDecorator .BottomRightDecorator {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIPortalSettingForm/background/RoundedBoxRightBottom12x12.gif') no-repeat right;
	padding: 0px 12px 0px 0px;
}

/* ============================End PortalSettingContent============================== */

.UIPortalSettingForm .PortalSettingContent .VerticalLayout {
	background: white;
	height: 110px;
	padding: 20px 0px 0px 20px; /* orientation=lt */
}

.UIPortalSettingForm .VerticalLayout .LanguageField {
	height: 25px;
}

.UIPortalSettingForm .VerticalLayout .SkinField {
	padding: 10px;
	height: 35px;
}

.UIPortalSettingForm .VerticalLayout label {
	padding: 0px 0px 5px 0px;
	width: 100px;
	text-align: right; /* orientation=lt */
	float: left; /* orientation=lt */
}

.UIPortalSettingForm .VerticalLayout .selectbox {
	float: left; /* orientation=lt */
	width: 205px; height: 20px;
	line-height: 18px;
	padding: 0px 0px 0px 5px; /* orientation=lt */
	font-size: 11px;
	margin-left: 5px; /* orientation=lt */
}

.UIPortalSettingForm .VerticalLayout .UIAction {
}
/**
 * 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.
 */

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

.UIPortlet .LAYOUT-BLOCK {	
	padding: 5px;
}

.UIPortlet .CONTROL-PORTLET {
	left: 0; /* orientation=lt */
}

.UIPortlet .CONTROL-PORTLET .Login {
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/ToolIcons/Key.gif') no-repeat center;
}

.UIPortlet .CONTROL-PORTLET .DragControlArea {
	float: left; /* orientation=lt */
	width: 7px; height: 13px;
	margin: 5px 0px 0px 3px; /* orientation=lt */
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPortalComponent/background/DragBg2x2.gif');
	cursor: move;
}

.UIPortlet .ViewPortletIcon {
	float: right; /* orientation=lt */
	width: 16px; height: 16px; 
	margin: 4px 5px 0px 0px; /* orientation=lt */
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPortalComponent/background/BlueBoxLight.gif') no-repeat;
	cursor: pointer;
}

.UIPortlet .EditPortletPropertiesIcon {
	float: left; /* orientation=lt */
	width: 20px; height: 20px;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPortalComponent/background/Pen.gif') no-repeat top;
	margin: 4px 0px 0px 5px; /* orientation=lt */
}

.UIPortlet .DeletePortletIcon {
	float: left; /* orientation=lt */
	width: 20px; height:20px; 
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPortalComponent/background/Close.gif') no-repeat bottom;
	margin: 0px 0px 0px 2px; /* orientation=lt */
}

.UIPortlet .SelectedContainerBlock {
	background: white;
	border-top: 1px solid #91bcdd;
}

.UIPortlet .SelectedContainerBlock .LeftContainerBlock {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPortalComponent/background/BgContainerBlock.gif') no-repeat left top;
	padding-left: 1px;
}

.UIPortlet .SelectedContainerBlock .RightContainerBlock {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPortalComponent/background/BgContainerBlock.gif') no-repeat right top;
	padding: 4px;
}

.UIPortlet .NewLayer {
	background: #d1dce5; 
	filter: alpha(opacity=80);
	opacity: 0.8;
	width: 100%; height: 100%;
}

/*##############################- PortletLayoutDecorator	-################################*/

.PortletLayoutDecorator {
}

.PortletLayoutDecorator .LPortletLayoutDecorator {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPortalComponent/background/PortletLayoutDecorator.gif') no-repeat left top;
	padding: 0px 0px 0px 12px;
}

.PortletLayoutDecorator .RPortletLayoutDecorator {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPortalComponent/background/PortletLayoutDecorator.gif') no-repeat right top;
	padding-right: 12px;
}

.PortletLayoutDecorator .CPortletLayoutDecorator {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPortalComponent/background/PortletLayoutDecorator.gif') repeat-x center -89px;
}

.PortletLayoutDecorator .FixHeight {
	height: 69px;
	padding: 10px 0;
}
.ProtectedPortlet .PortletLayoutDecorator {
	background: white;
}
.ProtectedPortlet .PortletLayoutDecorator .LPortletLayoutDecorator {
	opacity: 0.3;
	filter: alpha(opacity=30);
}
/*############### End Decorator ###################################################*/

.LAYOUT-CONTAINER .UIContainer {
	height: 100%;
	/*
	 fix bug dragdrop in IE6
	*/
}

.LAYOUT-CONTAINER .TDContainer {
	padding: 0px 2px;
}

.UIContainer .LAYOUT-BLOCK .UIRowContainer {
	min-height: 86px;
	_height: 86px;
}

.UIContainer .VIEW-BLOCK .EmptyContainer {
	height: 82px;
}

.UIContainer .NewLayer {
	background: #93c0e2; 
	filter: alpha(opacity=40);
	opacity: 0.4;
	width: 100%; height: 100%;
}

/*
.UIContainer .LAYOUT-CONTAINER {
	background: #f5f5f5;
 	border: solid 1px #38acf3;
	padding: 5px;
	margin: 0px 1px;
	min-height: 60px;
}

* html .UIContainer .LAYOUT-CONTAINER {
	height: 60px;
}

.UIContainer .UIInfoBar .BlueRoundedStyle {
	padding: 0px; margin: 0px;
	height: 22px;
}
*/

.UIContainer .CONTROL-CONTAINER .DragControlArea {
	float: left; /* orientation=lt */
	width: 7px; height: 13px;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPortalComponent/background/DragBg2x2.gif');
	cursor: move;
	margin: 5px 0px 0px 2px; /* orientation=lt */
}

.UIContainer .LAYOUT-CONTAINER	.UITableColumnContainer {
	background: none;
	border: none;
	margin: auto;
}

.UIContainer .EditContainerIcon {
	float: left; /* orientation=lt */
	width: 22px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPortalComponent/background/Pen.gif') no-repeat top;
	margin: 4px 2px 0px 0px; /* orientation=lt */
}

.UIContainer .DeleteContainerIcon {
	float: left; /* orientation=lt */
	width: 22px; height: 16px; 
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPortalComponent/background/Close.gif') no-repeat bottom;
	margin: 4px 0px 0px 0px; /* orientation=lt */
}

.UIContainer .ContainerIcon {
	float: left; /* orientation=lt */
	height: 16px; line-height: 16px;
	padding-left: 24px; /* orientation=lt */
	margin: 3px 0px 0px 5px; /* orientation=lt */
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPortalComponent/background/DefaultContainerIcon.png') no-repeat;
}

.UIPortal .LAYOUT-PORTAL {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPortalComponent/background/PortalBackground4x4.gif');
	background: white;
	padding: 8px;
	margin: auto;
}

.DragAndDropPreview {
	width: auto; height: 80px;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPortalComponent/background/DragAndDropPreview4x4.gif');
	border: 1px solid #c4c4c4;
	margin: 0px 12px 10px 12px;
}

.PortletBlockDecorator {

}

.EdittingContainer {
	padding: 3px;
}

.EdittingContainer .NormalContainerBlock {
	background: white;
	border: 1px dashed #a2a2a2;
	height: 100%;
}

.EdittingContainer .NormalContainerBlock .LeftContainerBlock, 
.EdittingContainer .OverContainerBlock .NormalContainerBlock .LeftContainerBlock {
	background: none;
}

.EdittingContainer .NormalContainerBlock .RightContainerBlock, 
.EdittingContainer .OverContainerBlock .NormalContainerBlock .RightContainerBlock {
	padding: 2px;
	background: none;
}

.UIContainer .UIPortlet {
	padding: 0px;
}

.UIPortletMask {
	opacity: 0;
	filter: alpha(opacity=0);
	background: #ffffff;
}

.EdittingContainer .OverContainerBlock {
	border: 1px solid #b8babf;
	background: none;
	height: 100%;
}

.EdittingContainer .OverContainerBlock .LeftContainerBlock {
	background: white;
}

.EdittingContainer .OverContainerBlock .RightContainerBlock {
	background: none;
	padding: 2px;
}

.ProtectedContainer .ProtectedContent {
	opacity: 0.3;
	filter: alpha(opacity=80);
	height: 70px;
	padding: 6px 10px;
}

.UIPageBodyMask {
	opacity: 0;
	filter: alpha(opacity=0);
	background: #ffffff;
	cursor:move;
}
/**
 * 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.
 */

/*##############################-Page Layout Decorator-################################*/

.LAYOUT-BLOCK .PageLayoutDecorator {
	cursor: move;
}

.UIPageBody .PageLayoutDecorator	{
	padding: 0px;
	margin: 0px 2px auto 2px;
}

.UIPageBody .PageLayoutDecorator .MiddlePageBG {
	background: white;
	height: 80px; 
}

.UIPageBody .PageLayoutDecorator .TopLeftPage {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPage/background/ViewPage.gif') no-repeat left -113px;
	padding: 0px 0px 0px 143px; /* orientation=lt */
}

.UIPageBody .PageLayoutDecorator .TopRightPage {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPage/background/ViewPage.gif') no-repeat right -226px;
	padding: 0px 47px 0px 0px; /* orientation=lt */
}

.UIPageBody .PageLayoutDecorator .TopCenterPage {
	height: 112px; line-height: 98px;	
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPage/background/ViewPage.gif') repeat-x center top;
	color: #525252; text-align: center;
	font-weight: bold;
	padding: 0px; white-space: nowrap;
}

.UIPageBody .PageLayoutDecorator .MiddleLeftPage {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPage/background/ViewPageRepeat.gif') repeat-y left;
	padding: 0px 0px 0px 22px; /* orientation=lt */
}

.UIPageBody .PageLayoutDecorator .MiddleRightPage {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPage/background/ViewPageRepeat.gif') repeat-y right;
 padding: 0px 23px 0px 0px; /* orientation=lt */
}

.UIPageBody .PageLayoutDecorator .BottomLeftPage {	
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPage/background/ViewPage.gif') no-repeat left -378px;
	padding: 0px 0px 0px 46px; /* orientation=lt */
}

.UIPageBody .PageLayoutDecorator .BottomRightPage {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPage/background/ViewPage.gif') no-repeat right -378px;
	padding: 0px 35px 0px 0px; /* orientation=lt */
}

.UIPageBody .PageLayoutDecorator .BottomCenterPage {
	line-height: 38px;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPage/background/ViewPage.gif') repeat-x center -339px;
}

.UIPageBody .PageLayoutDecorator .BottomCenterPage .FixBug {
	height: 38px;	 
}

.UIPageBody .VIEW-PAGEBODY .UIPage {
	padding: 0px 8px;
}

.UIPageBody .VIEW-PAGEBODY .UIPage .UIComponentBlock {
	background: white;
	height: 100%;
}

.UIPageBody .BLPagebody {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPage/background/BgPagebody.gif') no-repeat left top;
	padding-left: 6px;
	height: 16px;
}

.UIPageBody .BRPagebody {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPage/background/BgPagebody.gif') no-repeat right top;
	padding-right: 6px;
	height: 16px;
}

.UIPageBody .BMPagebody {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPage/background/BgPagebody.gif') repeat-x center bottom;
	height: 16px;
}

.UIPage .UIRowContainer {
	padding: 0px;
}

.BottomDecoratorHome .BottomDecoratorLeft{
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPage/background/BottomDecoratorHome.gif') no-repeat left;
	padding-left: 7px;
	height: 7px;
}

.BottomDecoratorHome .BottomDecoratorRight{
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPage/background/BottomDecoratorHome.gif') no-repeat right;
	padding-right: 7px;
	height: 7px;
}

.BottomDecoratorHome .BottomDecoratorMiddle{
	background: white;
	height: 7px;
}
/**
 * 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.
 */

.UITabContainer {	
	padding: 7px;
}

.UITabContainer .HorizontalLayout {
	border: 1px solid #b7b7b7;
	border-top: none;
	background: #ffffff;
}

.UITabContainer .UITabContentContainer .UITabContent {
	padding: 5px;
}

.UITabContainer a.TabLabel {
	padding: 0px 10px 0px 2px; /* orientation=lt */
	line-height: 22px; 
}

.UITabContainer .EditIcon {
	float: left; /* orientation=lt */
	_float: none;
}

.UITabContainer .UIHorizontalTabs .UITab {
	height: 24px; 
}

.UITabContainer .SelectedTab .EditIcon {
	width: 16px; height: 24px;
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/SelectedEditTab.gif') no-repeat center; /* orientation=lt */
}

.UITabContainer .NormalTab .EditIcon {
	margin: 0px 8px 0px 2px; /* orientation=lt */
	width: 16px; height: 24px;
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/NormalEditTab.gif') no-repeat center; /* orientation=lt */
}
/**
 * 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.
 */

.UIWidgets {
	padding: 10px 0px 0px 0px;
}

.UIWidgets .ItemSelectorContainer .EditIcon {
	float: left; /* orientation=lt */
	width: 20px; height: 21px;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIWidgets/background/WidgetControlIcon.gif') no-repeat top;
	cursor: pointer;
	margin: 2px 0px;
}

.UIWidgets .ItemSelectorContainer .UIDropDownControl {
	width: 215px;
	float: left; /* orientation=lt */
	margin-top: 2px;
}

.UIWidgets .WidgetDecorator {
	width: 236px;
}

.UIWidgets .WidgetDecorator .TopLeftWidgetsDecorator {
background: url(/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIWidgets/background/UIWidgets.gif) no-repeat top left;
	padding-left: 2px;
	height: 2px;
}

.UIWidgets .WidgetDecorator .TopRightWidgetsDecorator {
background: url(/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIWidgets/background/UIWidgets.gif) no-repeat top right;
	padding-right: 2px;
	height: 2px;
}

.UIWidgets .WidgetDecorator .TopCenterWidgetsDecorator {
background: url(/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIWidgets/background/UIWidgets.gif) repeat-x center -2px;
	height: 2px;	
}

.UIWidgets .WidgetDecorator .MiddleLeftWidgetsDecorator {
background: url(/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIWidgets/background/MiddleLeftUIWidgets.gif) repeat-y left;
	padding-left: 2px;
}

.UIWidgets .WidgetDecorator .MiddleRightWidgetsDecorator {
background: url(/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIWidgets/background/MiddleRightUIWidgets.gif) repeat-y right;
	padding-right: 2px;
}

.UIWidgets .WidgetDecorator .MiddleCenterWidgetsDecorator {
}

.UIWidgets .WidgetDecorator .WidgetsDecoratorBackground {
	padding: 5px;
}

.UIWidgets .WidgetDecorator .BottomLeftWidgetsDecorator{
background: url(/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIWidgets/background/UIWidgets.gif) no-repeat left -4px;
	padding-left: 2px;
	height: 2px; 
}

.UIWidgets .WidgetDecorator .BottomRightWidgetsDecorator{
background: url(/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIWidgets/background/UIWidgets.gif) no-repeat right -4px;
	padding-right: 2px;
	height: 2px; 
}

.UIWidgets .WidgetDecorator .BottomCenterWidgetsDecorator{
background: url(/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIWidgets/background/UIWidgets.gif) repeat-x center -6px;
	height: 2px; 
}

/***************************************	UIWidgetContainer	 **************************************/

.UIWidgetContainer {
}

.UIWidgetContainer .WidgetContainerScrollArea {
	overflow: hidden;	
}

.UIWidgetContainer .WidgetNavigator {
	height: 27px;
	width: 75px;
	float: right; /* orientation=lt */
}

.UIWidgetContainer .LeftWidgetNavBar {
	height: 25px;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIWidgets/background/UIWidgets.gif') no-repeat left -8px;
	padding-left: 4px;	
}

.UIWidgetContainer .RightWidgetNavBar {
	height: 25px;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIWidgets/background/UIWidgets.gif') no-repeat right -8px;
	padding-right: 4px;	
}

.UIWidgetContainer .CenterWidgetNavBar {
	height: 25px;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIWidgets/background/UIWidgets.gif') repeat-x center -33px;
}

.UIWidgetContainer .WidgetNavigator .Icon {
	height: 16px;
	width: 16px;
	float: left; /* orientation=lt */
	margin: 4px 0px 0px 4px; /* orientation=lt */
	cursor: pointer;
}	

.UIWidgetContainer .WidgetNavigator .DisableScrollDownButton{
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/GrayDownArrow.gif') no-repeat center;
}

.UIWidgetContainer .WidgetNavigator .ScrollDownButton{
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/BlueDownArrow.gif') no-repeat center;
}

.UIWidgetContainer .WidgetNavigator .ScrollUpButton{
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/BlueUpArrow.gif') no-repeat center;
}

.UIWidgetContainer .WidgetNavigator .DisableScrollUpButton{
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/GrayUpArrow.gif') no-repeat center;
}

.UIWidgetContainer .WidgetNavigator .AddWidgetButton{
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIWidgets/background/WidgetControlIcon.gif') no-repeat left -21px;
}

/***************************************	UIWidget	 **************************************/

.UIWidget .WidgetControlBar {
	float: right; /* orientation=lt */
	width: 76px; height: 20px;
	padding-right: 7px; /* orientation=lt */
}

.UIWidget .WidgetControl {
	width: 74px; height: 20px;
}

.UIWidget .WidgetApplication {
	padding: 0px 0px 5px 0px;
}

.UIWidget .WidgetControl .LeftControlBar {
	height: 19px;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIWidgets/background/UIWidgets.gif') no-repeat left -58px;
	padding-left: 2px;
}

.UIWidget .WidgetControl .RightControlBar{
	height: 19px;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIWidgets/background/UIWidgets.gif') no-repeat right -58px;
	padding-right: 2px;
}

.UIWidget .WidgetControl .CenterControlBar{
	height: 19px;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIWidgets/background/UIWidgets.gif') repeat-x bottom;
}

.UIWidget .WidgetControl .WidgetDragHandleArea {
	float: left; /* orientation=lt */
	width: 17px; height: 13px;
	cursor: move;
	margin: 3px 3px 0px 3px;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIWidgets/background/WidgetDragArea2x2.gif');
}

.UIWorkspacePanel .UIWidget .WidgetControl .WidgetDragHandleArea {
	cursor: auto;
}

.UIWidget .WidgetControl .SeparatorLine {
	float: left; /* orientation=lt */
	width: 2px; height: 13px;
	margin: 3px 3px 0px 3px;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIWidgets/background/SeparatorLine2x1.gif') repeat-y;
}

.UIWidget .WidgetControl .EditWidgetIcon {
	float: left; /* orientation=lt */
	width: 16px; height: 16px;
	cursor: pointer;
	margin: 2px 3px 0px 0px; /* orientation=lt */
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIWidgets/background/WidgetControlIcon.gif') no-repeat left -37px;
}

.UIWidget .WidgetControl .CloseWidgetIcon {
	float: left; /* orientation=lt */
	width: 16px; height: 16px;
	cursor: pointer;
	margin: 2px 0px 0px 0px;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIWidgets/background/WidgetControlIcon.gif') no-repeat left bottom;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIWidgets/background/WidgetControlIcon.gif') no-repeat right bottom;
}
/**
 * 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.
 */

/***************************************  UIGadget   **************************************/

.UIWindow .UIGadgetPortlet {
	padding: 10px;
}

.UIWindow .UIGadgetPortlet .gadgets-gadget-content {
	padding: 0;
}

.UIGadget {
	margin: 3px 0px;
}

.UIGadget .GadgetMenuBar {
	height: 20px;
}

.UIGadget .GadgetControl {
	float: right; /* orientation=lt */
	width: 100px; height: 20px;
	padding-right: 6px; /* orientation=lt */
}

.UIGadget .GadgetControl .LeftControlBar {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIGadget/background/Gadget.png') no-repeat left top;
	padding-left: 23px; /* orientation=lt */
}

.UIGadget .GadgetControl .RightControlBar{
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIGadget/background/Gadget.png') no-repeat right top;
	padding-right: 4px; /* orientation=lt */
}

.UIGadget .GadgetControl .CenterControlBar {
	height: 19px;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIGadget/background/Gadget.png') repeat-x center -19px;
}

.UIGadget .GadgetControl .GadgetDragHandleArea {
	float: right; /* orientation=lt */
	width: 13px; height: 13px;
	cursor: move;
	margin: 3px 3px 0px 3px;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIGadget/background/Gadget.png') left -78px;
}

.UIGadget .GadgetControl .IconControl {
background-image: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIGadget/background/IconGadget.gif');
	background-position: no-repeat;
	float: right; /* orientation=lt */
	height: 14px;
	width: 14px;
	margin: 3px;
	cursor: pointer;
}

.UIGadget .GadgetControl .CloseGadget {
	background-position: top right;
}

.UIGadget .GadgetControl .MinimizeGadget {
	background-position: 48px top;
}

.UIGadget .GadgetControl .RestoreGadget {
	background-position: 31px top;
}

.UIGadget .GadgetControl .EditGadget {
	background-position: left top;
}

.UIGadget .GadgetControl .MaximizeGadget {
	background-position: 65px top;
}

.UIGadget .TLGadget {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIGadget/background/Gadget.png') no-repeat left -38px;
	padding-left: 8px;
}

.UIGadget .TRGadget {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIGadget/background/Gadget.png') no-repeat right -38px;
	padding-right: 8px;
}

.UIGadget .TCGadget {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIGadget/background/Gadget.png') repeat-x center -43px;
	height: 5px;
}

.UIGadget .MLGadget {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIGadget/background/MiddleGadget.png') repeat-y left;
	padding-left: 6px;
}

.UIGadget .MRGadget {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIGadget/background/MiddleGadget.png') repeat-y right;
	padding-right: 6px;
}

.UIGadget .MCGadget {
	background: white;
}

.UIGadget .BLGadget {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIGadget/background/Gadget.png') no-repeat left -58px;
	padding-left: 9px;
}

.UIGadget .BRGadget {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIGadget/background/Gadget.png') no-repeat right -68px;
	padding-right: 9px;
}

.UIGadget .BCGadget {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIGadget/background/Gadget.png') repeat-x center -48px;
	height: 10px;
}

.UIGadget iframe {
	width: 299px;
}

.UIGadgetContent .gadgets-gadget-user-prefs-dialog {
	background: #F2F2F3;
	padding: 0px 25px;
}

.UIGadgetContent span {
	float: left;
	width: 102px;
	margin-top: 5px;
}

.UIGadgetContent input {
	margin-top: 5px;
}

.UIGadgetContent .gadgets-gadget-user-prefs-dialog-action-bar {
	margin-left: 101px;
}

.UIGadgetContent .gadgets-gadget-user-prefs-dialog-action-bar input {
	cursor: pointer;
}

.UIGadgetContent .devToolbar {
	width: 56%;
}

.gadgets-gadget-content {
	padding: 10px 0;
	background: white;
	border: 1px solid white;
}
/**
 * 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 .UIDashboardPortlet {
	margin: 0px;
}

.UIDashboardPortlet {
	background: #fff;
	border: 1px solid #b7b7b7;
	border-top: none;
	height: 100%;
}

.UIWindow .UIDashboard {
	border: none;
	margin: 0px;
}

.UIDashboard {
	height: 100%;
}

.UIDashboard .DashboardContainer {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIDashboard/background/BgBottom.gif') no-repeat bottom left;
	height: 100%;
}

.UIDashboard .GadgetTitle {
	float: left; /* orientation=lt */
	padding: 0px 5px;
	color: #5b5b5b;
	font-weight: normal;
	cursor: move;
	overflow: hidden;
	white-space: nowrap;
	width: 195px;
	margin-right: 75px !important; /* orientation=lt */
}

.UIDashboard .UIDashboardEditForm {
	background: white;
	padding: 10px;
}

.UITabPaneDashboard {
	padding: 0 9px;
}

.UITabPaneDashboard .LtTabDashboard {
background: #ffcf01 url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIDashboard/background/NavUser.gif') no-repeat left top;
	padding-left: 3px;
	_height: 32px;
}

.UITabPaneDashboard .RtTabDashboard {
background: #ffcf01 url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIDashboard/background/NavUser.gif') no-repeat right top;
	padding-right: 3px;
	_height: 32px;
}

.UITabPaneDashboard .CtTabDashboard {
background: #ffcf01 url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIDashboard/background/NavUser.gif') repeat-x center -32px;
	padding: 0px 6px; 
	_height: 32px;
}

.UITabPaneDashboard .UIHorizontalTabs {
	padding: 1px 0px 4px 0px;
}

.UITabPaneDashboard .UIHorizontalTabs .TabsContainer {
	height: auto;
}

.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle {
	margin: 3px 2px 0 0;
}

.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .NormalTab .MiddleTab,
.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .HighlightNavigationTab .MiddleTab,
.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .SelectedTab .MiddleTab {
	padding: 0px 5px;
	_padding: 4px 5px;
	white-space:nowrap;
	font-weight: normal;
	line-height: 24px;
}



.UITabPaneDashboard .UIHorizontalTabs .UITab .CloseIcon {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIDashboard/background/IconClose.gif') no-repeat center;
	width: 16px; height: 16px;
	cursor: pointer;
}

.UITabPaneDashboard .UIHorizontalTabs .AddDashboard {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIDashboard/background/AddDashboard.gif') no-repeat bottom;
	width: 34px; height: 24px;
	float: left; /* orientation=lt */
	cursor: pointer;
	margin-top: 3px;
}

.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .NormalTab .LeftTab {
background: url(/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIDashboard/background/TabDashboard.gif) no-repeat left -48px;
}

.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .NormalTab .RightTab {
background: url(/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIDashboard/background/TabDashboard.gif) no-repeat right -48px;
}

.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .NormalTab .MiddleTab {
background: url(/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIDashboard/background/TabDashboard.gif) repeat-x left -72px;
}

.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .HighlightNavigationTab .LeftTab {
background: url(/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIDashboard/background/TabDashboard.gif) no-repeat left -48px;
	padding-left: 4px;
}

.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .HighlightNavigationTab .RightTab {
background: url(/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIDashboard/background/TabDashboard.gif) no-repeat right -48px;
	padding-right: 4px;
}

.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .HighlightNavigationTab .MiddleTab {
background: url(/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIDashboard/background/TabDashboard.gif) repeat-x left -72px;
}

.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .SelectedTab .LeftTab {
background: url(/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIDashboard/background/TabDashboard.gif) no-repeat left top;
}

.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .SelectedTab .RightTab {
background: url(/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIDashboard/background/TabDashboard.gif) no-repeat right top;
	padding-right: 4px;
}

.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .SelectedTab .MiddleTab {
background: url(/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIDashboard/background/TabDashboard.gif) repeat-x left -24px;
}

.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .EditnewTab .LeftTab {
background: url(/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIDashboard/background/TabDashboard.gif) no-repeat left top;
}

.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .EditnewTab .RightTab {
background: url(/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIDashboard/background/TabDashboard.gif) no-repeat right top;
	padding-right: 4px;
}

.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .EditnewTab .MiddleTab {
background: url(/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIDashboard/background/TabDashboard.gif) repeat-x left -24px;
	line-height: 22px;
	vertical-align: middle;
	padding-top: 0;
}

.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .SelectedTab .EditTab {
	_padding: 2px 5px;
}

.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .MiddleTab span {
	margin-top: 1px;
}

.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle input {
	font-size: 11px;
	background: white;
	padding: 0 !important;
	text-align: left !important;
	font-family: Tahoma !important;
	margin: 0;
	!height: 16px;
	!line-height: 14px;
	vertical-align: middle;
}

/*----------------------UIGadgetsSelectorForm-------------------*/

.UIDashboardSelectContainer {
	height: 100%;
}

.UIDashboardSelectContainer .DashboardControlBar {
	height: 23px;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIDashboard/background/Dashboard.gif') repeat-x top;
	border-bottom: 1px solid #b7b7b7;
}

.UIDashboardSelectContainer .TitleBar {
	color: black;
	font-weight: bold;
	line-height: 23px;
	float: left; /* orientation=lt */
	padding-left: 10px; /* orientation=lt */
}

.UIDashboardSelectContainer .CloseIcon {
	float: right; /* orientation=lt */
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIDashboard/background/Dashboard.gif') no-repeat left -180px;
	height: 20px;
	width: 20px;
}

.UIDashboardSelectContainer .DashboardItemContainer {
}

.UIDashboardSelectContainer .DashboardItemContainer .InputContainer {
	padding: 4px 0px 4px 10px;
	_padding: 0px 10px;
	background: #ececec;
}

.UIDashboardSelectContainer .DashboardItemContainer .InputContainer input {
	margin: 0 3px 0 0px;
	border: 1px solid #b8babf;
	font-size: 11px; 
	width: 165px;
}

.UIDashboardSelectContainer .DashboardItemContainer .GadgetItemsContainer {
	border-top: 1px solid #b7b7b7;
	font-weight: bold;
}

.UIDashboardSelectContainer .DashboardItemContainer .TopItemContainer {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIDashboard/background/Dashboard.gif') repeat-x center -37px;
	height: 11px;
	padding: 1px;
	border-bottom: 1px solid #b7b7b7;
	display: none;
}

.UIDashboardSelectContainer .DashboardItemContainer .UpArrowIcon {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIDashboard/background/Dashboard.gif') repeat-x center -98px;
	height: 11px; width: 15px;
	margin: auto;
	cursor: pointer;
}

.UIDashboardSelectContainer .DashboardItemContainer .DisableArrowIcon {
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
}

.UIDashboardSelectContainer .DashboardItemContainer .MiddleItemContainer {
	overflow: hidden;
}
	
.UIDashboardSelectContainer .DashboardItemContainer .BottomItemContainer {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIDashboard/background/Dashboard.gif') repeat-x center -37px;
	height: 11px;
	padding: 1px;
	border-top: 1px solid #b7b7b7;
	display: none;
}

.UIDashboardSelectContainer .DashboardItemContainer .DownArrowIcon {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIDashboard/background/Dashboard.gif') repeat-x center -114px;
	height: 11px; width: 15px;
	margin: auto;
	cursor: pointer;
}

.UIDashboardSelectContainer .DashboardItemContainer .DisableContainer {
background:	url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIDashboard/background/Dashboard.gif') repeat-x center -23px;
}

.UIDashboardSelectContainer .DashboardItemContainer .GadgetCategory {
	padding: 10px;
	text-transform: capitalize;
}

.UIDashboardSelectContainer .GadgetCategory .GadgetTab .LeftCategoryTitleBar {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIDashboard/background/CategoryTitleBar.gif') repeat-x left top;
	border: 1px solid #b8babf;
}

.UIDashboardSelectContainer .GadgetCategory .GadgetTab .RightCategoryTitleBar {

}

.UIDashboardSelectContainer .GadgetCategory .GadgetTab .MiddleCategoryTitleBar {
	height: 23px;
	padding: 0px 8px;
}

.UIDashboardSelectContainer .GadgetCategory .GadgetTab .ArrowIcon {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIDashboard/background/ArrowIcon.gif') no-repeat left -14px;
	line-height: 23px;
	overflow: hidden;
	padding-left: 18px; /* orientation=lt */
	color: #000;
	font-weight: normal;
}

.UIDashboardSelectContainer .GadgetCategory .SelectedTab .ArrowIcon {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIDashboard/background/ArrowIcon.gif') no-repeat left 8px;
}

.UIDashboardSelectContainer .GadgetCategory .ItemsContainer {
background: #fff url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIDashboard/background/BGItemsContainer.gif') repeat-x left 1px;
	border: 1px solid #b8babf;
	border-top: none;
	padding: 8px 8px 4px 8px;
}

.UIDashboardSelectContainer .GadgetCategory .UIGadget {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIDashboard/background/GadgetControl.gif') repeat-x left top;
	margin: 0px 0px 4px 0px;
	height: 18px;
	line-height: 18px;
	color: #676767;
	padding: 0px;
	background: #f2f2f3;
}

.UIDashboard .UIDashboardSelectContainer .GadgetTitle {
	width: 150px;	
	float: none;
	margin: 0px !important;
}

/*----------------------UIGadgetsContainer-------------------*/

.UIDashboard .UIDashboardContainer .NoGadget {
	text-align: center;
	font-size: 12px; font-weight: bold; 
	padding: 5px; color: #111;
}

.UIDashboard .UIGadget {
	padding: 5px 0px;
}

.UIDashboard .UIGadget .GadgetControl {
	float: none;
	padding: 0px;
	height: auto; width: auto;
}

.UIDashboard .UIGadget .GadgetControl .LeftControlBar {
	background: none;
	padding: 0px;
}

.UIDashboard .UIGadget .GadgetControl .RightControlBar {
	background: none;
	padding: 0px;
}

.UIDashboard .UIGadget .GadgetControl .CenterControlBar {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIDashboard/background/BgTitleGadget.gif') repeat-x left top;
	height: 23px;
	line-height: 23px;
	padding: 0 9px;
	border: 1px solid #dbdbdb;
	border-top: none;
	cursor: move;
}

.UIDashboard .UIGadget .GadgetControl .GadgetDragHandleArea {
	display: none;
}	

.UIDashboard .UIGadget .TLGadget {
	display: none;
}

.UIDashboard .UIGadget .MLGadget {
	background: #f2f2f3;
	border: 1px solid #c3c3c3;
	border-top: none;
	padding: 3px;
}

.UIDashboard .UIGadget .MRGadget {
	background: white;
	padding: 0 0 1px;
}

.UIDashboard .UIGadget .BLGadget {
	display: none;
}

/*------------------UIDashboardContainer----------------*/

.UIDashboardContainer {
	height: 100%;
	background: #fff;
}

.UIDashboardContainer .GadgetContainer {
	overflow: auto;
	height: 100%;
  min-height: 400px;
  _height: 400px;
}

/**html .UIDashboardContainer .GadgetContainer {
	height: 400px;
}*/

.UIDashboardContainer .GadgetContainer .ContainerControlBarL {
	padding: 5px 10px;
	height: 22px;
}

.UIDashboardContainer .ContainerControlBarL .AddIcon {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIDashboard/background/Dashboard.gif') no-repeat left -200px;
	padding-left: 30px; /* orientation=lt */
	font-weight: bold; font-size: 12px;
	display: block;
	line-height: 22px;
	float: right; /* orientation=lt */
}

.UIDashboardContainer .GadgetContainer .AddIcon a {
	text-decoration: underline;
	color: #292929;
	cursor: pointer;
}

.UIDashboardContainer .GadgetContainer .AddIcon a:hover {
	text-decoration: none;
}

.GadgetContainer .UIColumns {
}

.GadgetContainer .UIColumn {
	float: left; /* orientation=lt */
	width: 325px;
	padding: 2px;
}

.UIDashboardContainer .UIGadget {
	width: 320px;
}
.UIDashboardContainer .UIGadget .GadgetMenuBar{
	text-align: left; /* orientation=lt */
}

.UIDashboardContainer .UITarget {
	background: #f2f2f3;
	margin: 5px 5px 10px 5px;
}

.UIDashboard .Dragging {
	margin: 3px 0px 0px 3px; /* orientation=lt */
}

.UIDashboard .UIPopupWindow {
	width: 240px;
}

#UIAddGadgetPopup {
	width: 225px;
}

#UIAddGadgetPopup .TopLeftCornerDecorator {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIDashboard/background/PortalComposer.gif') no-repeat left top;
	padding-left: 7px;
}

#UIAddGadgetPopup .TopCenterDecorator {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIDashboard/background/PortalComposer.gif') repeat-x left -34px;
	height: 34px;
	padding: 0px;
}

#UIAddGadgetPopup .TopRightCornerDecorator {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIDashboard/background/PortalComposer.gif') no-repeat right top;
	padding-right: 7px;
}

#UIAddGadgetPopup .MiddleLeftSideDecorator {
background: url(/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIDashboard/background/MiddlePortalComposer.gif) repeat-y left top;
	padding-left: 3px;	
}

#UIAddGadgetPopup .MiddleCenterDecorator {
background: #d8dae1 url(/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIDashboard/background/CenterMiddleWindow.gif) repeat-x left top;
	padding: 4px;
	padding-bottom: 0px;
}

#UIAddGadgetPopup .MiddleRightSideDecorator {
background: url(/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIDashboard/background/MiddlePortalComposer.gif) repeat-y right top;
	padding-right: 3px;
}

#UIAddGadgetPopup .UIWindowContent {
	border: 1px solid #bdbcbd;
}

#UIAddGadgetPopup .PopupContent {
	background: #fff;
}

#UIAddGadgetPopup .ResizeButton {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIDashboard/background/ResizeBtn.gif') no-repeat right top;
  display: block;
  float: right; /* orientation=lt */
  cursor: nw-resize; /* orientation=lt */
}

#UIAddGadgetPopup .BottomLeftCornerDecorator {
	border: 1px solid #a2a3a9;
	border-top: none;
	background: #d8dae1;
}

#UIAddGadgetPopup .BottomCenterDecorator {
	height: 0px;
	background: none;
}

#UIAddGadgetPopup .BottomRightCornerDecorator {
	padding: 0px 6px 6px 6px;
	background: none;
}

#UIAddGadgetPopup .CloseButton {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIDashboard/background/TopExitBtn.gif') no-repeat left top;
	width: 23px;
	height: 17px;
	margin-right: 0px;
}

#UIAddGadgetPopup .PopupTitleIcon {
	margin-left: 0px;
}

#UIAddGadgetPopup .PopupTitle {
	margin-left: 22px;
}
/*----------------------Maximized-------------------*/

.Maximized .UIGadget {
	padding: 5px;
	margin: 0px;
}

.Maximized .UIGadget .GadgetControl {
	float: none;
	padding: 0px;
	height: auto; width: auto;
}

.Maximized .UIGadget .GadgetControl .LeftControlBar {
	background: none;
	padding: 0px;
}

.Maximized .UIGadget .GadgetControl .RightControlBar {
	background: none;
	padding: 0px;
}

.Maximized .UIGadget .GadgetControl .CenterControlBar {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIDashboard/background/BgTitleGadget.gif') repeat-x left top;
	height: 23px;
	line-height: 23px;
	padding: 0 9px;
	border: 1px solid #dbdbdb;
	border-top: none;
}

.Maximized .UIGadget .GadgetControl .GadgetDragHandleArea {
	display: none;
}	

.Maximized .UIGadget .TLGadget {
	display: none;
}

.Maximized .UIGadget .MLGadget {
	background: #f2f2f3;
	border: 1px solid #c3c3c3;
	border-top: none;
	padding: 3px;
}

.Maximized .UIGadget .MRGadget {
	background: white;
	padding: 0 0 1px;
}

.Maximized .UIGadget .BLGadget {
	display: none;
}

.Maximized .GadgetTitle {
	float: left; /* orientation=lt */
	padding: 0px 5px;
	color: #5b5b5b;
	font-weight: bold;
	cursor: move;
	overflow: hidden;
	white-space: nowrap;
}

.Maximized iframe {
	width: 100%;
	_width: 98%;
}
/**
 * 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.
 */

.UIToolbarContainer {	
	padding: 0px;
	height: auto;
}

.UIToolbarContainer .UserInfoPortletTDContainer {
	float: right; /* orientation=lt */
}

.UIToolbarContainer .LAYOUT-CONTAINER {
	overflow: hidden;
}

.UIToolbarContainer .LAYOUT-BLOCK .UIRowContainer {
	height: auto;
	min-height: inherit;
	border: none;
	background: none;
}

.UIToolbarContainer .ToolbarContainer .TRContainer {
	height: 30px;
}

.UIToolbarContainer .UIContainer {
	padding: 0px;
}

.UIToolbarContainer .UITableColumnContainer {
	margin: 0px;
}

.UIToolbarContainer .NormalContainerBlock .ToolbarContainer {	
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIToolbarContainer/background/ToolbarContainer.gif') repeat-x left top;
	height: 32px;
	border-left: 1px solid white;
	border-right: 1px solid white;
}

.UIToolbarContainer .ToolbarContainer a {
	display: block;
	padding: 0px 5px 0px 35px; /* orientation=lt */
	white-space: nowrap;
	color: #3e3e3e;
}

.UIToolbarContainer .UITab a:hover {
	color: #058ee6;
}

.UIToolbarContainer .UIHorizontalTabs .TabsContainer {
	height: 32px; /* orientation=lt */
	float: left; /* orientation=lt */
}

.UIToolbarContainer .UIHorizontalTabs .UITab {
	line-height: 30px;	
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIToolbarContainer/background/ToolbarContainer.gif') no-repeat right -32px;
	padding-right: 2px; /* orientation=lt */
	text-align: left; /* orientation=lt */
	float: none; 
}

.UserToolBarSitePortletTDContainer {
	position: relative;
}

.UserToolBarGroupPortletTDContainer {
	position: relative;
}

.UserToolBarGroupPortletTDContainer {
	position: relative;
}

.UserToolBarDashboardPortletTDContainer {
	position: relative;
}

.AdminToolBarPortletTDContainer {
	position: relative;
}

/****************************/

.UIToolbarContainer .MenuItemContainer {	
	position: absolute;
	border: 1px solid #9e9fa3;
	display: none;
   z-index: 1;
}

.UIToolbarContainer .TitleBar {
	background: #cdd7e0;
	height: 23px;
	line-height: 23px;
	color: #474747;
	font-weight: bold;
	padding: 0px 5px;
	white-space: nowrap;
	opacity: 0.9;
	filter: alpha(opacity=90);
}

.UIToolbarContainer .MenuItem {	
	background: #f5f9fa;
	opacity: 0.9;
	filter: alpha(opacity=90);
	height: 28px;
	line-height: 28px;
	width: 100%;
}

.UIToolbarContainer .MenuItem .MenuItemHover {
	background-color: #a4a4a4;
}

.UIToolbarContainer .MenuItem .ArrowIcon {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIToolbarContainer/background/ToolbarContainer.gif') no-repeat right bottom;
}

.UIToolbarContainer .MenuItem a {	
	padding-right: 25px; /* orientation=lt */
}

.UIToolbarContainer .ItemIcon {	
	background-position: 10px center; /* orientation=lt */
}

/**********************************/

.UIToolbarContainer .DashboardIcon {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIToolbarContainer/background/ToolbarContainer.gif') no-repeat 5px -64px;
}

.UIToolbarContainer .SiteIcon {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIToolbarContainer/background/ToolbarContainer.gif') no-repeat 5px -96px;
}

.UIToolbarContainer .SitesIcon {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIToolbarContainer/background/ToolbarContainer.gif') no-repeat 5px -96px;
}

.UIToolbarContainer .GroupIcon {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIToolbarContainer/background/ToolbarContainer.gif') no-repeat left -128px;
	margin-left: 10px; /* orientation=lt */
}

.UIToolbarContainer .EditorIcon {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIToolbarContainer/background/ToolbarContainer.gif') no-repeat 5px -161px;
}

.UIToolbarContainer .AddPageIcon {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIToolbarContainer/background/ToolbarContainer.gif') no-repeat 5px -320px;
}

.UIToolbarContainer .EditPageIcon {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIToolbarContainer/background/ToolbarContainer.gif') no-repeat 5px -352px;
}

.UIToolbarContainer .EditSiteIcon {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIToolbarContainer/background/ToolbarContainer.gif') no-repeat 5px -384px;
}

.UIToolbarContainer .ChangeLanguageIcon {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIToolbarContainer/background/ToolbarContainer.gif') no-repeat 5px -192px;
}

.UIToolbarContainer .ChangeSkinIcon {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIToolbarContainer/background/ToolbarContainer.gif') no-repeat 5px -224px;
}

.UIToolbarContainer .AccountSettingIcon {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIToolbarContainer/background/ToolbarContainer.gif') no-repeat 5px -256px;
}

.UIToolbarContainer .SignOutIcon {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIToolbarContainer/background/ToolbarContainer.gif') no-repeat 5px -288px;
}

.UIToolbarContainer .Name a {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIToolbarContainer/background/UseIcon.png') no-repeat left center;
	padding: 0px 10px 0px 25px; /* orientation=lt */
	color: #e66a1f; font-weight:bold; cursor:pointer;
	display: block;
	line-height: 32px;
}

.UIToolbarContainer .Name a:hover {
	color: #058ee6;
}
/***************UIStarToolBarPortlet*****************/

.UIStarToolBarPortlet {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIToolbarContainer/background/GateinLogo.gif') no-repeat 10px 6px;
	width: 64px;
	height: 32px;
}

.UIStarToolBarPortlet .UITab {
	height: 30px;
}

/***************UIUserToolBarPortlet*****************/
.UIUserToolbarPortlet .MenuItemContainer .SelectedItem {
	line-height: 24px;
	width: auto; 
	background: #c7c7c7;
	color: #3e8df0;
}

.UIToolbarContainer .UIAdminToolbarPortlet .UIHorizontalTabs .UITab {
	background: none;
	padding: 0px;
}

.UIToolbarContainer .UIUserToolbarPortlet .UIHorizontalTabs .TabsContainer {
}

.UIToolbarContainer .UIAdminToolbarPortlet {
}

.UIToolbarContainer .UIAdminToolbarPortlet .UIHorizontalTabs .UITab {
}
/**
 * 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.
 */

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

.UIUserSpace {	
	padding: 0px 7px;
}
/**
 * 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.
 */

.UILoginForm {	
	margin: auto;
	padding: 30px 17px 30px 10px; /* orientation=lt */
	background: #ebebeb;
}

/*##############################- LoginBox Style-################################*/

.UILoginForm .LoginDecorator {
	width: 450px;
	margin: auto;
}

.UILoginForm .LoginDecorator .LoginDecoratorBackground {
background: #fff url('/eXoResources/skin/DefaultSkin/portal/webui/component/widget/UILoginForm/background/CenterMiddleLogin.gif') repeat-x left bottom;
}

.UILoginForm .LoginDecorator .LoginDetailBox {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/widget/UILoginForm/background/ImageMiddle.gif') no-repeat left bottom;
	padding: 20px 0px 20px 115px; /* orientation=lt */
}

.UILoginForm .LoginDecorator .TopLeftLoginDecorator {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/widget/UILoginForm/background/Login.gif') no-repeat left top;
	padding: 0px 0px 0px 9px; /* orientation=lt */
}

.UILoginForm .LoginDecorator .TopCenterLoginDecorator {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/widget/UILoginForm/background/Login.gif') repeat-x center -39px;
	height: 39px;
}

.UILoginForm .LoginDecorator .TopCenterLoginDecorator .SigninTitle {
	color: #1273df;
	font-size: 17px;
	line-height: 28px;
	padding: 11px 0px 0px 15px; /* orientation=lt */
}

.UILoginForm .LoginDecorator .TopRightLoginDecorator {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/widget/UILoginForm/background/Login.gif') no-repeat right top;
	padding: 0px 134px 0px 0px; /* orientation=lt */
}

.UILoginForm .LoginDecorator .MiddleLeftLoginDecorator {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/widget/UILoginForm/background/MiddleLogin.gif') repeat-y left center;
	padding: 0px 0px 0px 4px; /* orientation=lt */
}

.UILoginForm .LoginDecorator .MiddleRightLoginDecorator {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/widget/UILoginForm/background/MiddleLogin.gif') repeat-y right;
	padding: 0px 4px 0px 0px; /* orientation=lt */
}

.UILoginForm .LoginDecorator .BottomLeftLoginDecorator {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/widget/UILoginForm/background/Login.gif') no-repeat left -78px;
	padding: 0px 0px 0px 10px; /* orientation=lt */
}

.UILoginForm .LoginDecorator .BottomCenterLoginDecorator {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/widget/UILoginForm/background/Login.gif') repeat-x center -88px;
	height: 10px;
}

.UILoginForm .LoginDecorator .BottomRightLoginDecorator {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/widget/UILoginForm/background/Login.gif') no-repeat right -78px;
	padding: 0px 10px 0px 0px; /* orientation=lt */
}

.UILoginForm .UIForm  .SimpleStyle .ButtonLeft {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/widget/UILoginForm/background/Login.gif') no-repeat left -150px;
	padding-left: 5px;
}

.UILoginForm .UIForm .SimpleStyle .ButtonRight {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/widget/UILoginForm/background/Login.gif') no-repeat right -150px;
	padding-right: 5px;
}

.UILoginForm .UIForm .SimpleStyle .ButtonMiddle {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/widget/UILoginForm/background/Login.gif') repeat-x center -150px;
	line-height: 22px;
}

.UILoginForm .UIForm .SimpleStyle .ButtonMiddle a {
	color: #3f3f3f;
}

.UILoginForm .UIForm .SimpleStyle .ButtonMiddle a:hover {
	color: #058EE6;
}

/* ============================End LoginDecorator============================== */
/*
 * minh.js.exo
 * 4h44 07/08/2007
 * fix bug : hidden cursor in form login
 */
 
.UILoginForm .LoginDetailBox .UIForm {
	overflow: auto;
	color: #3f3f3f;
}
	
.UILoginForm .LoginDetailBox .ForgetPass {
	padding-left: 59px; /* orientation=lt */
}

.UILoginForm .LoginDetailBox .ForgetPass a {
	color: orange;
}

.UILoginForm .LoginDetailBox .UIFormGrid td {
	line-height: 22px;
}

.UILoginForm .LoginDetailBox .UIFormGrid  td.FieldLabel {
	padding: 4px 8px 0px 0px;
}

.UILoginForm .LoginDetailBox .UserNameField input {
background: #f7f7f7 url('/eXoResources/skin/DefaultSkin/portal/webui/component/widget/UILoginForm/background/Login.gif') no-repeat left -102px;
	width: 180px; height: 18px;
	line-height: 18px;
	border: solid 1px #b7b7b7;
	padding: 0px 0px 0px 22px; /* orientation=lt */
	cursor: text;
}

.UILoginForm .LoginDetailBox .PasswordField input {
background: #f7f7f7 url('/eXoResources/skin/DefaultSkin/portal/webui/component/widget/UILoginForm/background/Login.gif') no-repeat left -126px;
	width: 180px; height: 18px;
	line-height: 18px;
	border: solid 1px #b7b7b7;
	padding: 0px 0px 0px 22px; /* orientation=lt */
	cursor: text;
}

.UILoginForm .LoginDetailBox .RememberField input {
	border: none;
	margin: 0px;
}

.UILoginForm .UIForm .VerticalLayout .UIFormGrid {
	margin: 0px;
}

.UILoginForm .UIForm .VerticalLayout .UIAction {
	padding: 15px 0px 0px 56px; /* orientation=lt */
}

.UILoginForm .UIForm .VerticalLayout .UIAction .ActionContainer {
	margin: 0px;
}
/**
 * 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.
 */

.UIWelcomeComponent {	
}

.UIWelcomeComponent .WelcomeMessage {
	float: left;
}

.UIWelcomeComponent .ItemSelectorContainer .UIDropDownControl {
}

.UIWelcomeComponent .OrangeMessage {
	color: #fa8006;
	font-weight: bold;
}

.UIWelcomeComponent .LoginDetailBox {
	border: solid 1px #b7b7b7;
	padding: 10px; 
}
/**
 * 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.
 */

.UIWidgetContainerManagement {
	padding: 15px 15px 5px 15px;
}

.UIWidgetContainerManagement .ContainerManagementBlock {
	border: 1px solid #d4d4d4;
	border-top: none;
}

.UIWidgetContainerManagement .ContainerManagementDetail {
	border: 1px solid #ffffff;
	border-top: none;
	padding: 5px; 
	background: #f7f7f7;
}

.UIWidgetContainerManagement .CategoryTitleBar {
	height: 25px;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/widget/UIWidgetContainerManagement/background/BgCategoryTitle1x25.gif') repeat-x;
	border-bottom: 1px #b7b7b7 solid;
	padding: 0px 5px 0px 0px; /* orientation=lt */
}

.UIWidgetContainerManagement .CategoryTitleBar .Title {
	float: left; /* orientation=lt */
	line-height: 25px;
	padding-left: 10px; /* orientation=lt */
	color: #424242; font-weight: bold;
}

.UIWidgetContainerManagement .Icon {
	float: right; /* orientation=lt */
	width: 16px; height: 16px;
	margin: 4px 4px;;
}

.UIWidgetContainerManagement .AddContainer {
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/BlueCirclePlus.gif');
}

.UIWidgetContainerManagement .EditContainer {
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/EditIcon.gif');
}

.UIWidgetContainerManagement .RemoveContainer{
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/DustBin.gif') no-repeat center;
}

.UIWidgetContainerManagement .CategoryTitle {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/widget/UIWidgetContainerManagement/background/HLineSeparator193x1.gif') no-repeat left bottom ;
	padding: 8px 0px 4px 10px; /* orientation=lt */
}

.UIWidgetContainerManagement .ContainerList {
	padding: 5px;
}

.UIWidgetContainerManagement .ContainerList .EmptyListMessage {
	padding: 10px;
	color: #797979;
}

.UIWidgetContainerManagement .ContainerList .NormalItem {
	cursor: pointer ;
	color: #000000;
	text-decoration: none;
	line-height: 21px;
	padding-left: 24px; /* orientation=lt */
}

.UIWidgetContainerManagement .ContainerList .SelectedItem {
	cursor: pointer ;
	color: #058ee6;
	text-decoration: none;
	line-height: 21px;
	background: #dbdef5 url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/BlueCheckerIcon.gif') no-repeat 5px 3px; /* orientation=lt */
	padding-left: 24px; /* orientation=lt */
}

.UIWidgetContainerManagement .ContainerList a:hover {
	color: #058ee6;
}

/*===================== Begin the Widget Container Category ==========================*/

.UIWidgetContainerManagement .ContainerManagementDetail .WidgetContainerCategory {
	float: left; /* orientation=lt */
	width: 252px; height: 275px;
	background: white; 
	overflow-x: hidden;
	overflow-y: auto;
	border: 1px solid #b7b7b7;
}

/*===================== Begin the Widget Container View ==========================*/

.UIWidgetContainerManagement .ContainerManagementDetail .WidgetContainerView {
	margin-left: 260px; /* orientation=lt */
	border: 1px #b7b7b7 solid;
}

.UIWidgetContainerManagement .ContainerManagementDetail .WidgetContainerView .WidgetContainerDetail {
	height: 275px;
	overflow-x: hidden;
	overflow-y: auto;
	background: #ffffff;
}

.UIWidgetContainerManagement .ContainerManagementDetail .ContainerDetail {
	padding: 10px 10px 0px 0px; /* orientation=lt */
	width: 90%;
}

.UIWidgetContainerManagement .ContainerManagementDetail .Empty {
	color: #797979;
	width: 100%;
	line-height: 20px;
	text-align: center;	
	padding: 20px 0px;	
}

.UIWidgetContainerManagement .ContainerManagementDetail .HeadTitle {
	color: #4b4b4b;
	font-weight: bold;
	padding: 5px 0px 0px 8px; /* orientation=lt */
	text-align: center;
}

.UIWidgetContainerManagement .WidgetContainerView .RemoveContainerAction{
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/DustBin.gif') no-repeat left center; /* orientation=lt */
	padding: 0px 55px 0px 23px; /* orientation=lt */
	height: 22px; line-height: 22px;
	float: right; /* orientation=lt */
	color: #000000;
	display: block; cursor: pointer;
}

.UIWidgetContainerManagement .WidgetContainerView .InfoContent {
	padding: 20px 0px 20px 0px ;
	margin: auto;
	width: 99.9%;
}

.UIWidgetContainerManagement .WidgetContainerView .InfoContent .Label {
	width: 150px;
	text-align: right; /* orientation=lt */
	line-height: 20px;
	float: left; /* orientation=lt */
}

.UIWidgetContainerManagement .WidgetContainerView .InfoContent .FieldComponent {
	margin-left: 155px;	/* orientation=lt */
	line-height: 20px;
	color: #058ee6;
	font-size: 12px;
}

.UIWidgetContainerManagement .WidgetContainerView .Detail .InfoContent .FieldComponent {
	/*modified by tan.pham.dinh
	 * to break long string (container description) in widget containers management in IE6+
	 */
	*word-wrap: break-word;
}

html {
	margin: 0px; padding: 0px;
	*overflow-x: hidden;
}

body {
	background: #dedfdf;
	margin: 0px; padding: 0px;
	font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	overflow-x: hidden;
}

div, table, tr, td,img,form {
	padding: 0px; margin: 0px;
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
}

p,h1,h2,h3,h4,h5,h6 {
	margin: 10px 0;
}

table {
  width: 100%;
	border-spacing:	0px;
	border-collapse: collapse;
}

th, td {
	vertical-align: top;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
}

input, textarea {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
}

img {
	border: none; vertical-align: middle;
}

a {
	text-decoration: none;
	color: black;
}

/*###############################################################################################*/

.OverflowContainer {
	overflow: hidden;
	width: 100%;
}

.LeftBlock {
	float: left; /* orientation=lt */
}

.RightBlock {
	float: right; /* orientation=lt */
}

.ClearFix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.ClearFix {
	!display: inline-block;
  !zoom: 1;
  !display: block; 
}

.InlineContainer {
	overflow: hidden;
}

.InlineLeft {
	float: left; /* orientation=lt */
}

.InlineRight {
	float: right; /* orientation=lt */
}

.AjaxLoadingMask {
  width: 180px; height: 110px;
  background: white;
  border: 1px solid #66667e;
  padding: 1px;
}

.AjaxLoadingMask .LoadingContainer {
  height: 108px;
  background: #ffffff;
  border: solid 1px #a8a9bb;
}

.AjaxLoadingMask .LoadingText {
  text-align: center;
  padding: 10px 0px 5px 0px;
}

.AjaxLoadingMask .LoadingProgressBar {
  width: 32px; height: 40px;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/../../../background/LoadingProgress.gif') no-repeat center;
  margin: auto;
}

.AjaxLoadingMask .UIAction .ActionButton{
  float: none;
}

.FloatLeft {
	float: left; /* orientation=lt */
}

.FloatRight {
	float: right; /* orientation=lt */
}

.ClearLeft {
  clear: left; /* orientation=lt */
}

.ClearRight {
  clear: right; /* orientation=lt */
}

.ClearBoth {
  clear: both;
}
/**
 * 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.
 */

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

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

.Next16x16Icon {
	width: 16px;	height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/BlueNextArrow.gif');
}

.BCHome16x16Icon {	
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/Home.gif');
}

.DownArrow1Icon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/BlueDownArrow.gif') no-repeat right;
}

.NextArrow1Icon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/BlueNextArrow.gif') no-repeat right;
}

.RightBlackGridArrow16x16Icon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/BreadcumbsArrowIcon.gif');
}

.DefaultContainer16x16Icon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/BlueContainer.gif');
}

.AddNewNodeIcon {
	width: 16px;	height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/BlueCirclePlus.gif');
}

.BlueCirclePlusIcon {
	width: 16px;	height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/BlueCirclePlus.gif');
}

.SelectPage16x16Icon {
	width: 16px;	height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/SelectPage.gif');
}

.PermissionSettingIcon {
	width: 17px; height: 17px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/PermissionSetting.gif') no-repeat center;
}

.PreviewIcon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/LightBulbOn.gif');
}

.SaveIcon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/FloppyDisk.gif');
}

.OrangeBoxPage16x16Icon {
	width: 16px;	height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiniOrangeBoxPage.gif');
}

.CancelIcon {
	width: 16px;	height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/Cancel.gif');
}

.AddPage16x16Icon{
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/AddPage.gif');
}

.GreenArrowPage16x16Icon {
	width: 16px;	height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/GreenRightArrowPage.gif');
}

.GreenPlusPage16x16Icon {
	width: 16px;	height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/GreenPlusPage.gif');
}

.SelectPageIcon {
	width: 16px;	height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/SelectIcon.gif');
	margin: auto;
}

.SelectPortalIcon {
	width: 16px;	height: 16px; margin: auto;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/SelectIcon.gif');
}

.SearchIcon {
	width: 16px;	
	height: 16px; 
	margin: auto;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/SearchIcon.png') no-repeat left;
}

.DeletePortalIcon {
	width: 16px;	height: 16px; margin: auto;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/DustBin.gif');
}

.OnLightPage16x16Icon {
	width: 16px;	height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OrangeLightPage.gif');
}

.Save16x16Icon {
	width: 16px;	height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/FloppyDisk.gif');
}

.Cancel16x16Icon {
	width: 16px;	height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/RedCrossCircle.gif');
}

.Close16x16Icon {
	width: 16px;	height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/RedCrossCircle.gif');
}

.Refresh16x16Icon {
	width: 18px;	height: 18px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/RefreshIcon.gif');
}

.Update16x16Icon {
	width: 16px;	height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/Refresh.gif');
}

.Back16x16Icon {
	width: 16px;	height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/BlueBackArrow.gif');
}

.Copy16x16Icon {
	width: 16px;	height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/CopyIcon.gif');
}

.CloseFolder16x16Icon {
	width: 16px;	height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/CloseFolder.gif');
}

.OpenFolder16x16Icon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OpenFolder.gif');
}

.Pencil16x16Icon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/Pencil.gif');
}

.DustBin16x16Icon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/DustBin.gif');
}

.Level116x16Icon {
	width: 16px;	height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/SmallArrowBox.gif');
}

.Level216x16Icon {
	width: 16px;	height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/BlueSquare.gif');
}

.Level316x16Icon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/GreenMiniBox.gif');
}

.CircleInfo16x16Icon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/CircleInfo.gif');
}

.Lock16x16Icon {
	width: 16px;	height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/Lock.gif');
}

.PastePalate16x16Icon {
	width: 16px;	height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/PastePalate.gif');
}

.BlueNote16x16Icon {
	width: 16px;	height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/BlueNote.gif');
}

.DoublePaper16x16Icon {
	width: 16px;	height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/DoublePaper.gif');
}

.LoadingInfo16x16Icon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/LoadingInfo.gif');
}

.ScissorsEraser16x16Icon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ScissorsEraser.gif');
}

.ScissorsEraserWarning16x16Icon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ScissorsEraserWarning.gif');
}

.OrangeNote16x16Icon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OrangeNote.gif');
}

/********************* Icon PortletIcon************************************/

.PortletIcon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/Earth.gif') no-repeat left center;
}

.Organization {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/Earth.gif') no-repeat center;
}

.Fast {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/EditIcon.gif') no-repeat center;
}

.Account {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/UserAccount.gif') no-repeat center;
}

.Registry-Portlet {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/RegistryPortlet.gif') no-repeat center;
}

.Site {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/SiteMap.gif') no-repeat center;
}

.Login {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Key.gif') no-repeat center;
}

.Mail {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/Email.gif') no-repeat center;
}

.Forum {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ForumIcon.gif') no-repeat center;
}

.ECMAdminIcon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ECMAdmin.gif') no-repeat center;
}

.ExplorerIcon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/JCRExplorer.gif') no-repeat center;
}

.Dialog {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/DialogIcon.gif') no-repeat center;
}

.Browse{
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/BrowseContent.gif') no-repeat center;
}

.Workflow {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/WorkflowIcon.gif') no-repeat center;
}

/*##############- Misc Icons -#############*/

.BlueArrowFloppy16x16Icon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/BlueArrowBlackFloppy.gif');
}

.BlueInfoBox16x16Icon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/Info.gif');
}

.Config16x16Icon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/Config.gif');
}

.SelectPermissionIcon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/SelectPermission.gif');
}

.Node16x16Icon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/Node.gif');
}

.Level16x16Icon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/Level.gif');
}

.Feature16x16Icon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/Feature.gif');
}

.RSS16x16Icon {
	width: 16px;	height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/RSS.gif');
}

.Earth16x16Icon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/Earth.gif');
}

.AdminView16x16Icon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/AdminView.gif');
}

.Briefcase16x16Icon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/Briefcase.gif');
}

.AddNode16x16Icon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/BlueCirclePlus.gif');
}

.EditIcon {
	width: 16px; 
	height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/EditIcon.gif');
}

.Organization16x16Icon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/Organization.gif');
}

.UserRegistration16x16Icon {
	width: 16px;	height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/UserRegistration.gif');
}

.Management16x16Icon {
	width: 16px;	height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/Management.gif');
}

.PortalAdmin16x16Icon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/PortalAdmin.gif');
}

.Duplicate16x16Icon {
	width: 16px;	height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/Duplicate.gif');
}

.Portal16x16Icon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/Portal.gif');
}

.Administration16x16Icon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/Monitor.gif');
}

.SiteMap16x16Icon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/SiteMap.gif');
}

.SearchPage16x16Icon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/SearchPage.gif');
}

.BlueCirclePlus16x16Icon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/BlueCirclePlus.gif');
}

.ShieldGreenPlus16x16Icon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ShieldGreenPlus.gif');
}

.InfoMessage16x16Icon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/BlueSquare.gif');
}

.WarningMessageSquare16x16Icon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/YellowSquare.gif');
}

.ErrorMessage16x16Icon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/RedSquare.gif');
}

.DoubleBrownNoteIcon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/DoubleBrownNote.gif');
}

.Execute16x16Icon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/Execute.gif');
}

.OrangePencilSourceBox16x16Icon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OrangePencilSourceBox.gif');
}

.Home16x16Icon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/Home.gif');
}

.ColorPen16x16Icon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ColorPen.gif');
}

.NestedSquare16x16Icon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NestedSquare.gif');
}

.VioletInfoWindow16x16Icon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/VioletInfoWindow.gif');
}

.PageTicker16x16Icon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/PageTicker.gif');
}

.GreenPlusPage16x16Icon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/GreenPlusPage.gif');
}

.BlackBorderSquareBlueBall16x16Icon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/BlackBorderSquareBlueBall.gif');
}

.GreenPlusDataBox16x16Icon {
 height: 16px;
	width: 16px;	
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/GreenPlusDatabox.gif');
}

/* TODO: Change image'name to "BlueShapeLeftArrow" */
.BlueBackArrow16x16Icon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/BlueBackArrow.gif');
	cursor: pointer;
}

/* TODO: Change image'name to "BlueShapeRightArrow" */
.BlueNextArrow16x16Icon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/BlueNextArrow.gif');
	cursor: pointer;	
}

.Remove16x16Icon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/DustBin.gif');
}

.GrayBackArrow16x16Icon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/GrayShapeLeftArrow.gif');
	cursor: pointer;	
}

.GrayNextArrow16x16Icon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/GrayShapeRightArrow.gif');
}

.BlueCircleLeftArrow16x16Icon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/BlueCircleLeftArrow.gif');
}

.BlueCircleRightArrow16x16Icon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/BlueCircleRightArrow.gif');
}

.BlueGridRightArrow16x16Icon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/BlueGridRightArrow.gif');
}

.GrayDoubleGridDownArrow16x16Icon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/GrayDoubleGridDownArrow.gif');
}

.GrayFillRightArrow16x16Icon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/GrayFillRightArrow.gif');
}

.BlueSquareRightArrow16x16Icon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/BlueSquareRightArrow.gif');
}

.DotArrowRight16x16Icon {
	width: 16px; height: 16px;	
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/DotArrowRight.gif');
}

.BlackGridRightArrow16x16Icon {
	width: 16px; height: 16px;	
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/BlackGridRightArrow.gif');
}

.BlueCloseButton16x16Icon {
	width: 16px; height: 16px;	
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/BlueCloseButton.gif');
}

.Logout16x16Icon {
	width: 16px; height: 16px;	
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/RedLogoutIcon.gif');
}

.TreeNode16x16Icon {
	width: 16px; height: 16px;	
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/TreeNodeIcon.gif');
}

.Scissors16x16Icon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/Scissors.gif');
}

.HotNews16x16Icon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/HotNews.gif');
}

.ArrowS1Down16x16Icon {
	width: 22px; height: 17px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ArrowSLDown.gif') no-repeat center;
}

.ArrowS1Up16x16Icon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/WhiteArrowUp.gif');
}

.Portlet16x16Icon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/DefaultPortletIcon.gif');
}

.Container16x16Icon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/DefaultContainerIcon.gif');
}

.SmallGroup16x16Icon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/SmallGroup.gif');
}

.DefaultPageIcon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/DefaultNodeIcon.gif') no-repeat left center;
}

/*##############################Icon Stylesheet for IconSelector##########################*/
/*===========================Misc Icons Stylesheet=======================*/

.AcrobatFile {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/AcrobatFile.gif') no-repeat center left;
}

.AdminView {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/AdminView.gif') no-repeat center left;
}

.AllTags {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/AllTags.gif') no-repeat center left;
}

.AmericanExpressCard {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/AmericanExpressCard.gif') no-repeat center left;
}

.ApplicationGallery {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/ApplicationGallery.gif') no-repeat center left;
}

.ApplicationLink {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/ApplicationLink.gif') no-repeat center left;
}

.ApplicationList {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/ApplicationList.gif') no-repeat center left;
}

.ApplicationSize {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/ApplicationSize.gif') no-repeat center left;
}

.ApplicationTerminal {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/ApplicationTerminal.gif') no-repeat center left;
	
}

.ApplicationWorldWide {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/ApplicationWorldWide.png') no-repeat center left;
}

.BlueInfo {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/BlueInfo.gif') no-repeat center left;
}

.Bomb {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/Bomb.png') no-repeat center left;
}

.BookmarkPage {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/BookmarkPage.gif') no-repeat center left;
}

.BreakLink {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/BreakLink.gif') no-repeat center left;
}

.Brick {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/Brick.gif') no-repeat center left;
}

.CategoryList {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/CategoryList.gif') no-repeat center left;
}

.Checkout {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/Checkout.gif') no-repeat center left;
}

.CheckPage {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/CheckPage.gif') no-repeat center left;
}

.ComponentsList {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/ComponentsList.gif') no-repeat center left;
}

.Config {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/Config.gif') no-repeat center left;
}

.CSS {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/CSS.gif') no-repeat center left;
}


.DiskDrive {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/DiskDrive.gif') no-repeat center left;
}

.DownloadApplication {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/DownloadApplication.gif') no-repeat center left;
}

.DreamweaverApplication {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/DreamweaverApplication.gif') no-repeat center left;
}

.DynamicContentPage {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/DynamicContentPage.gif') no-repeat center left;
}

.Extension {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/Extension.gif') no-repeat center left;
}

.Factory {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/Factory.gif') no-repeat center left;
}

.Feature {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/Feature.gif') no-repeat center left;
}

.Flash {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/Flash.gif') no-repeat center left;
}

.FlashFile {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/FlashFile.gif') no-repeat center left;
}

.FolderLock {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/FolderLock.gif') no-repeat center left;
}

.FontFile {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/FontFile.gif') no-repeat center left;
}

.Glove {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/Glove.gif') no-repeat center left;
}

.Home {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/Home.gif') no-repeat center left;
}

.HTML {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/HTML.gif') no-repeat center left;
}

.Humer {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/Humer.gif') no-repeat center left;
}

.IconsView {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/IconsView.gif') no-repeat center left;
}

.ImageFrame {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/ImageFrame.gif') no-repeat center left;
}

.Images {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/Images.gif') no-repeat center left;
}

.ImagesFolder {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/ImagesFolder.gif') no-repeat center left;
}

.ImageSize {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/ImageSize.gif') no-repeat center left;
}

.ImagesList {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/ImagesList.gif') no-repeat center left;
}

.Info {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/Info.png') no-repeat center left;
}

.InstallerProgress {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/InstallerProgress.gif') no-repeat center left;
}

.JavaPge {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/JavaPge.gif') no-repeat center left;
}

.Layout {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/Layout.gif') no-repeat center left;
}

.Link {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/Link.gif') no-repeat center left;
}

.LockPage {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/LockPage.gif') no-repeat center left;
}

.MasterCard {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/MasterCard.gif') no-repeat center left;
}

.Music {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/Music.gif') no-repeat center left;
}

.MusicDownload {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/MusicDownload.gif') no-repeat center left;
}

.New {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/New.gif') no-repeat center left;
}

.PackagesList {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/PackagesList.gif') no-repeat center left;
}

.PageCategory {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/PageCategory.gif') no-repeat center left;
}

.PhotoshopFile {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/PhotoshopFile.gif') no-repeat center left;
}

.Printer {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/Printer.gif') no-repeat center left;
}

.Puzzle {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/Puzzle.gif') no-repeat center left;
}

.QuicktimeMovieFile {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/QuicktimeMovieFile.gif') no-repeat center left;
}

.Rainbow {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/Rainbow.gif') no-repeat center left;
}

.RefeshPage {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/RefeshPage.gif') no-repeat center left;
}

.RSS {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/RSS.gif') no-repeat center left;
}

.RSSFeed {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/RSSFeed.gif') no-repeat center left;
}

.SearchFolder {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/SearchFolder.gif') no-repeat center left;
}

.Security {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/Security.gif') no-repeat center left;
}

.Software {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/Software.gif') no-repeat center left;
}

.Speaker {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/Speaker.gif') no-repeat center left;
}

.Speaker2 {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/Speaker2.gif') no-repeat center left;
}

.StarAward {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/StarAward.gif') no-repeat center left;
}

.StarPage {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/StarPage.gif') no-repeat center left;
}

.Stats {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/Stats.gif') no-repeat center left;
}

.TagPage {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/TagPage.gif') no-repeat center left;
}

.TagSign {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/TagSign.gif') no-repeat center left;
}

.Ticket {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/Ticket.gif') no-repeat center left;
}

.TrueTypeFont {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/TrueTypeFont.gif') no-repeat center left;
}

.Tux {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/Tux.gif') no-repeat center left;
}

.Vector {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/Vector.gif') no-repeat center left;
}

.Version {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/Version.gif') no-repeat center left;
}

.VisaCard {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/VisaCard.gif') no-repeat center left;
}

.WeatherClouds {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/WeatherClouds.gif') no-repeat center left;
}

.WeatherCloudy {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/WeatherCloudy.gif') no-repeat center left;
}

.WeatherLightning {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/WeatherLightning.gif') no-repeat center left;
}

.WeatherRain {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/WeatherRain.gif') no-repeat center left;
}

.WeatherSnow {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/WeatherSnow.gif') no-repeat center left;
}

.WeatherSun {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/WeatherSun.gif') no-repeat center left;
}

.World {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/World.gif') no-repeat center left;
}

.XHTML {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/XHTML.gif') no-repeat center left;
}

.YellowStar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/YellowStar.png') no-repeat center left;
}

/*===========================End Misc Icons Stylesheet=======================*/
/*===========================Navigation Icons Stylesheet=======================*/

.BlackDownSolidArrow {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/BlackDownSolidArrow.gif') no-repeat center left;
}

.BlackLeftSolidArrow {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/BlackLeftSolidArrow.gif') no-repeat center left;
}

.BlackRightSolidArrow {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/BlackRightSolidArrow.gif') no-repeat center left;
}

.BlackUpSolidArrow {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/BlackUpSolidArrow.gif') no-repeat center left;
}

.BlueAquaBallBullet {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/BlueAquaBallBullet.gif') no-repeat center left;
}

.BlueArrowIn {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/BlueArrowIn.gif') no-repeat center left;
}

.BlueArrowInOut {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/BlueArrowInOut.gif') no-repeat center left;
}

.BlueBallBullet {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/BlueBallBullet.gif') no-repeat center left;
}

.BlueBranchArrow {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/BlueBranchArrow.gif') no-repeat center left;
}

.BlueDividedArrow {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/BlueDividedArrow.gif') no-repeat center left;
}

.BlueDownArrow {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/BlueDownArrow.gif') no-repeat center left;
}

.BlueJoinArrow {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/BlueJoinArrow.gif') no-repeat center left;
}

.BlueRedoArrow {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/BlueRedoArrow.gif') no-repeat center left;
}

.BlueRotateRightArrow {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/BlueRotateRightArrow.gif') no-repeat center left;
}

.BlueSquareBullet {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/BlueSquareBullet.gif') no-repeat center left;
}

.BlueSwitchArrow {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/BlueSwitchArrow.gif') no-repeat center left;
}

.BlueTriangleBullet {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/BlueTriangleBullet.gif') no-repeat center left;
}

.BlueUndoArrow {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/BlueUndoArrow.gif') no-repeat center left;
}

.BlueUpArrow {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/BlueUpArrow.gif') no-repeat center left;
}

.Check {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/Check.png') no-repeat center left;
}

.Check2 {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/Check2.gif') no-repeat center left;
}

.Delete {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/Delete.gif') no-repeat center left;
}

.Forward {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/Forward.gif') no-repeat center left;
}

.GrassGreenBallBullet {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/GrassGreenBallBullet.gif') no-repeat center left;
}

.GreenBallBullet {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/GreenBallBullet.gif') no-repeat center left;
}

.GreenSquareBullet {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/GreenSquareBullet.gif') no-repeat center left;
}

.GreenTriangleBullet {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/GreenTriangleBullet.gif') no-repeat center left;
}

.GreyAquaBallBullet {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/GreyAquaBallBullet.gif') no-repeat center left;
}

.GreyBallBullet {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/GreyBallBullet.gif') no-repeat center left;
}

.GreyLeftShapeArrow {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/GreyLeftShapeArrow.gif') no-repeat center left;
}

.GreySquareBullet {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/GreySquareBullet.gif') no-repeat center left;
}

.GreyTriangleBullet {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/GreyTriangleBullet.gif') no-repeat center left;
}

.RedAquaBallBullet {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/RedAquaBallBullet.gif') no-repeat center left;
}

.RedBallBullet {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/RedBallBullet.gif') no-repeat center left;
}

.RedSquareBullet {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/RedSquareBullet.gif') no-repeat center left;
}

.RedTriangleBullet {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/RedTriangleBullet.gif') no-repeat center left;
}

.Reply {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/Reply.gif') no-repeat center left;
}

.RightShapeArrow {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/RightShapeArrow.gif') no-repeat center left;
}

.YellowAquaBallBullet {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/YellowAquaBallBullet.gif') no-repeat center left;
}

.YellowBallBullet {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/YellowBallBullet.gif') no-repeat center left;
}

.YellowSquareBullet {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/YellowSquareBullet.gif') no-repeat center left;
}

.YellowTriangleBullet {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/YellowTriangleBullet.gif') no-repeat center left;
}

/*===========================End Navigation Icons Stylesheet=======================*/
/*===========================Office Icons Stylesheet=======================*/

.AddressBook {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/AddressBook.gif') no-repeat center left;
}

.ArticleDocument {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/ArticleDocument.gif') no-repeat center left;
}

.At {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/At.png') no-repeat center left;
}

.Attachment {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/Attachment.gif') no-repeat center left;
}

.Book {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/Book.gif') no-repeat center left;
}

.Chair {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/Chair.gif') no-repeat center left;
}

.ChartBar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/ChartBar.gif') no-repeat center left;
}

.ChartLine {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/ChartLine.gif') no-repeat center left;
}

.CoffeeCup {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/CoffeeCup.gif') no-repeat center left;
}

.CoinsCurency {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/CoinsCurency.gif') no-repeat center left;
}

.Computer {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/Computer.gif') no-repeat center left;
}

.Conference {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/Conference.gif') no-repeat center left;
}

.Date {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/Date.gif') no-repeat center left;
}

.DocumentBox {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/DocumentBox.gif') no-repeat center left;
}

.Door {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/Door.gif') no-repeat center left;
}

.DreamweaverFile {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/DreamweaverFile.gif') no-repeat center left;
}

.Email {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/Email.gif') no-repeat center left;
}

.Envelope {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/Envelope.gif') no-repeat center left;
}

.ExeFile {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/ExeFile.gif') no-repeat center left;
}

.FloppyDisk {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/FloppyDisk.gif') no-repeat center left;
}

.Folder1 {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/Folder1.gif') no-repeat center left;
}

.Folder2 {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/Folder2.gif') no-repeat center left;
}

.Folder3 {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/Folder3.gif') no-repeat center left;
}

.Folder4 {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/Folder4.gif') no-repeat center left;
}

.Folder5 {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/Folder5.gif') no-repeat center left;
}

.HomePage {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/HomePage.gif') no-repeat center left;
}

.HotNews {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/HotNews.gif') no-repeat center left;
}

.IDCard {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/IDCard.gif') no-repeat center left;
}

.IllustratorFile {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/IllustratorFile.gif') no-repeat center left;
}

.IndesignFile {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/IndesignFile.gif') no-repeat center left;
}

.Index {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/Index.gif') no-repeat center left;
}

.Keyboard {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/Keyboard.gif') no-repeat center left;
}

.Letter {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/Letter.gif') no-repeat center left;
}

.MacOSXFolder {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/MacOSXFolder.gif') no-repeat center left;
}

.Mail {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/Mail.gif') no-repeat center left;
}

.Map {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/Map.gif') no-repeat center left;
}

.Monitor {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/Monitor.gif') no-repeat center left;
}

.Mouse {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/Mouse.gif') no-repeat center left;
}

.Newspaper {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/Newspaper.gif') no-repeat center left;
}

.Newspaper2 {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/Newspaper2.gif') no-repeat center left;
}

.NotePage {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/NotePage.gif') no-repeat center left;
}

.OpenBook {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/OpenBook.gif') no-repeat center left;
}

.OpenEmail {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/OpenEmail.gif') no-repeat center left;
}

.OpenFolder {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/OpenFolder.gif') no-repeat center left;
}

.Page {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/Page.gif') no-repeat center left;
}

.PaperList {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/PaperList.gif') no-repeat center left;
}

.PastePalate {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/PastePalate.gif') no-repeat center left;
}

.Picture {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/Picture.gif') no-repeat center left;
}

.Purchase {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/Purchase.gif') no-repeat center left;
}

.Script {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/Script.gif') no-repeat center left;
}

.SearchPage {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/SearchPage.gif') no-repeat center left;
}

.ShoppingBag {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/ShoppingBag.gif') no-repeat center left;
}

.Sitemap {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/Sitemap.gif') no-repeat center left;
}

.Stats2 {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/Stats2.gif') no-repeat center left;
}

.Tag {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/Tag.gif') no-repeat center left;
}

.Telephone {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/Telephone.gif') no-repeat center left;
}

.TextFile {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/TextFile.gif') no-repeat center left;
}

.YellowFolder {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/YellowFolder.gif') no-repeat center left;
}

.YellowPen {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/YellowPen.gif') no-repeat center left;
}
.ZipFile {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/ZipFile.gif') no-repeat center left;
}

/*===========================End Office Icons Stylesheet=======================*/
/*===========================Tool Icons Stylesheet=======================*/

.Alarm {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Alarm.gif') no-repeat center left;
}

.Anchor {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Anchor.gif') no-repeat center left;
}

.Basketball {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Basketball.gif') no-repeat center left;
}

.Bell {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Bell.gif') no-repeat center left;
}

.Billards {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Billards.gif') no-repeat center left;
}

.BlueActionWheel {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/BlueActionWheel.gif') no-repeat center left;
}

.BlueFlag {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/BlueFlag.gif') no-repeat center left;
}

.Box {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Box.gif') no-repeat center left;
}

.BriefCase {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/BriefCase.gif') no-repeat center left;
}

.Calculator {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Calculator.gif') no-repeat center left;
}

.Calendar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Calendar.gif') no-repeat center left;
	
}

.Cart {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Cart.gif') no-repeat center left;
}

.CD {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/CD.gif') no-repeat center left;
}

.Clock {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Clock.gif') no-repeat center left;
}

.Component {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Component.gif') no-repeat center left;
}

.CropTool {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/CropTool.gif') no-repeat center left;
}

.DeskPhone {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/DeskPhone.gif') no-repeat center left;
}

.EmptyBox {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/EmptyBox.gif') no-repeat center left;
}

.Entertainment {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Entertainment.gif') no-repeat center left;
}

.FileBox {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/FileBox.gif') no-repeat center left;
}

.FirefoxBrowser {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/FirefoxBrowser.gif') no-repeat center left;
}

.FolderExport {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/FolderExport.gif') no-repeat center left;
}

.FolderImport {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/FolderImport.gif') no-repeat center left;
}

.Football {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Football.gif') no-repeat center left;
}

.Gear {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Gear.gif') no-repeat center left;
}

.Golf {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Golf.gif') no-repeat center left;
}

.GrayWallet {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/GrayWallet.gif') no-repeat center left;
}

.GreenFlag {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/GreenFlag.gif') no-repeat center left;
}

.GreyFlag {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/GreyFlag.gif') no-repeat center left;
}

.HardDisk {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/HardDisk.gif') no-repeat center left;
}

.HourGlass {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/HourGlass.gif') no-repeat center left;
}

.Key {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Key.gif') no-repeat center left;
}

.Light {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Light.gif') no-repeat center left;
}

.Lock {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Lock.gif') no-repeat center left;
}

.MacApplicationTool {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/MacApplicationTool.gif') no-repeat center left;
}

.MacMonitor {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/MacMonitor.gif') no-repeat center left;
}

.Magnifier {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Magnifier.gif') no-repeat center left;
}

.MoveTool {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/MoveTool.gif') no-repeat center left;
}

.Movie {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Movie.gif') no-repeat center left;
}

.Network {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Network.gif') no-repeat center left;
}

.Paste {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Paste.gif') no-repeat center left;
}

.PCMonitor {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/PCMonitor.gif') no-repeat center left;
}

.Pencil {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Pencil.gif') no-repeat center left;
}

.Raquet {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Raquet.gif') no-repeat center left;
}

.RedFlag {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/RedFlag.gif') no-repeat center left;
}

.Ruler {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Ruler.gif') no-repeat center left;
}

.Search {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Search.png') no-repeat center left;
}

.Shield {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Shield.png') no-repeat center left;
}

.Shuttlecock {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Shuttlecock.gif') no-repeat center left;
}

.Soccer {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Soccer.gif') no-repeat center left;
}

.Sound {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Sound.gif') no-repeat center left;
}

.Switcher {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Switcher.gif') no-repeat center left;
}

.Tennis {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Tennis.gif') no-repeat center left;
}

.ToolBoxOpen {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/ToolBoxOpen.gif') no-repeat center left;
}

.UnLock {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/UnLock.gif') no-repeat center left;
}

.VolumeControl {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/VolumeControl.gif') no-repeat center left;
}

.Wand {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Wand.gif') no-repeat center left;
}

.Warning {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Warning.gif') no-repeat center left;
}

.Webcam {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Webcam.gif') no-repeat center left;
}

.Wrench {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Wrench.gif') no-repeat center left;
}

.YellowBulb {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/YellowBulb.gif') no-repeat center left;
}

.YellowFlag {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/YellowFlag.gif') no-repeat center left;
}

/*===========================End Tool Icons Stylesheet=======================*/
/*===========================User Icons Stylesheet=======================*/

.Comment {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/UserIcons/Comment.gif') no-repeat center left;
}

.Contact {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/UserIcons/Contact.gif') no-repeat center left;
}

.Eye {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/UserIcons/Eye.gif') no-repeat center left;
}

.Finger {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/UserIcons/Finger.gif') no-repeat center left;
}

.FolderHolder {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/UserIcons/FolderHolder.gif') no-repeat center left;
}

.Hand {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/UserIcons/Hand.gif') no-repeat center left;
}

.HandPoint {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/UserIcons/HandPoint.gif') no-repeat center left;
}

.Help {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/UserIcons/Help.gif') no-repeat center left;
}

.Personal {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/UserIcons/Personal.png') no-repeat center left;
}

.Public {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/UserIcons/Public.gif') no-repeat center left;
}

.User {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/UserIcons/User.gif') no-repeat center left;
}

.VIPCard {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/UserIcons/VIPCard.gif') no-repeat center left;
}

.Woman1 {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/UserIcons/Woman1.png') no-repeat center left;
}

.Woman2 {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/UserIcons/Woman2.png') no-repeat center left;
}

.Woman3 {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/UserIcons/Woman3.png') no-repeat center left;
}

.Woman4 {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/UserIcons/Woman4.png') no-repeat center left;
}

.Worker1 {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/UserIcons/Worker.png') no-repeat center left;
}

.Worker2 {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/UserIcons/Worker2.png') no-repeat center left;
}

.YellowComment {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/UserIcons/YellowComment.gif') no-repeat center left;
}

.MoveUp16x16Icon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MoveUp.gif') no-repeat left center;
}

.MoveDown16x16Icon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MoveDown.gif') no-repeat left center;
}

/*===========================End User Icons Stylesheet=======================*/
/**
 * 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.
 */

.Save24x24Icon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/FloppyDisk.gif') no-repeat;
	width: 24px; height: 24px;
}

.Delete24x24Icon {
	width: 24px; height: 24px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/Delete.gif') no-repeat;
}

.DustBin24x24Icon {
	width: 24px; height: 24px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/DustBin.gif') no-repeat;
}

.RedDustBin24x24Icon {
	width: 24px; height: 24px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/RedDustBin.gif') no-repeat;
}

.LightBlueFolder24x24Icon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/LightBlueFolder.gif') no-repeat;
	width: 24px; height: 24px;
}

.VioletFolder24x24Icon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/VioletFolder.gif') no-repeat;
	width: 24px; height: 24px;
}

.LightBlueOpenFolder24x24Icon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/LightBlueOpenFolder.gif') no-repeat;
	width: 24px; height: 24px;
}

.LightBlueFolderHome24x24Icon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/LightBlueFolderHome.gif') no-repeat;
	width: 24px; height: 24px;
}

.Paste24x24Icon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/Paste.gif') no-repeat	;
	width: 24px; height: 24px;
}

.BlackMagnifier24x24Icon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/BlackMagnifier.gif') no-repeat;
	width: 24px; height: 24px;
}

.BlueFloppyDisk24x24Icon {
	width: 24px; height: 24px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/BlueFloppyDisk.gif') no-repeat;
	margin: auto;
}

.UpLevel24x24Icon {
	width: 24px; height: 24px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/BlueUpLevelArrow.gif') no-repeat;
	margin: auto;
}

.DiamondCircleRoundedArrows24x24Icon {
	width: 24px; height: 24px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/DiamondCircleRoundedArrows.gif') no-repeat;
	margin: auto;
}

.NavyBlueRecycleBin24x24Icon {
	width: 24px; height: 24px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/NavyBlueRecycleBin.gif') no-repeat;
	margin: auto;
	cursor: pointer; 
}

.DusBinFull24x24Icon {
	width: 24px; height: 24px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/DusBinFull.gif') no-repeat;
	margin: auto;
	cursor: pointer; 
}

.BoxBlueArrowDown24x24Icon {
	width: 24px; height: 24px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/BoxBlueArrowDown.gif') no-repeat;
}

.BlueInfoBox24x24Icon {
	width: 24px; height: 24px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/BlueInfoBox.gif') no-repeat;
}

.BoxGreenPlus24x24Icon {
	width: 24px; height: 24px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/BoxGreenPlus.gif') no-repeat;
}

.BoxPencil24x24Icon {
	width: 24px; height: 24px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/BoxPencil.gif') no-repeat;
}

.PointedHandBrownBox24x24Icon {
	width: 24px; height: 24px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/PointedHandBrownBox.gif') no-repeat;
	margin: auto;
}

.Selected24x24Icon {
	width: 32px; height: 28px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/SelectedBlock.gif') no-repeat center left;
	margin: auto;
}

.BlueArrowBox24x24Icon {
	width: 24px; height: 24px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/BlueArrowBox.gif') no-repeat;
	margin: auto;
}

.DiskArrow24x24Icon {
	width: 24px; height: 24px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/DiskArrow.gif') no-repeat;
	margin: auto;
}

.ColorGridSquare24x24Icon {
	width: 24px; height: 24px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/ColorGridSquare.gif') no-repeat;
	margin: auto;
}

.OnMouseOver24x24Icon {
	width: 32px; height: 28px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/OnmouseOverBlock.gif') no-repeat center;
	margin: auto;	
}

.GreenPlusDataBox24x24Icon {
	width: 24px; height: 24px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/GreenPlusDataBox.gif') no-repeat;
	margin: auto;
	cursor: pointer; 	
}
.GreenPlusBrownBox24x24Icon {
	width: 24px; height: 24px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/GreenPlusBrownBox.gif') no-repeat;
	margin: auto;
	cursor: pointer; 	
}

.YellowPenBrownBox24x24Icon {
	width: 24px; height: 24px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/YellowPenBrownBox.gif') no-repeat;
	margin: auto;
	cursor: pointer; 
}

.NavyBlueRecycleBin24x24Icon {
	width: 24px; height: 24px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/NavyBlueRecycleBin.gif') no-repeat;
	margin: auto;
	cursor: pointer;
}

.NavyBlueDocument24x24Icon {
	width: 24px; height: 24px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/NavyBlueDocument.gif') no-repeat;
	margin: auto;
	cursor: pointer; 
}

.DataBoxDusBin24x24Icon {
	width: 24px; height: 24px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/DataBoxDusBin.gif') no-repeat;
	margin: auto;
	cursor: pointer; 
}

.LevelUpArrowIcon {
	width: 24px; height: 24px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/BlueUpLevelArrow.gif') no-repeat;
}

.BlueNavigation24x24Icon {
	width: 24px; height: 24px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/BlueIconNavigation.gif') no-repeat;
}

.BlueSyncArrow24x24Icon {
	width: 24px; height: 24px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/BlueSync.gif') no-repeat;
}

.SiteMap24x24Icon {
	width: 24px; height: 24px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/SiteMap.gif') no-repeat;
}

.YellowHammer24x24Icon {
	width: 24px; height: 24px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/YellowHammer.gif') no-repeat;
	margin: auto;
	cursor: pointer; 	
}

.Refresh24x24Icon {
	width: 24px; height: 24px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/Refresh.gif') no-repeat;
}

.AddCategory24x24Icon {
	width: 24px; height: 24px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/AddCategory.gif') no-repeat center;
}

.Catergory24x24Icon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/Catergory.gif') no-repeat center;
}

.EditCategory24x24Icon {
	width: 24px; height: 24px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/EditCategory.gif') no-repeat center;
}

.ImportCategory24x24Icon {
	width: 24px; height: 24px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/ImportCategory.gif') no-repeat center;
}

.DeleteCategory24x24Icon {
	width: 24px; height: 24px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/DeleteCategory.gif') no-repeat center;
}

.Delete24x24Icon {
	width: 24px; height: 24px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/NavyBlueTrashBin.gif') no-repeat	;
}

.DeleteAll24x24Icon {
	width: 24px; height: 24px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/DeleteAll.gif') no-repeat;
}

.Rollback24x24Icon {
	width: 24px; height: 24px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/BlueBackArrow.gif') no-repeat;
}

.UIListPermissionSelector24x24Icon {
	width: 24px; height: 24px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/IconAccessPermission.gif') no-repeat;
}

.UIPermissionSelector24x24Icon {
	width: 24px; height: 24px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/IconEditPermission.gif') no-repeat;
}
/**
 * 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.
 */

.CyanUpArrowDotted32x32Icon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/32x32/icons/CyanUpArrowDotted.gif');
	width: 32px; height: 32px;
}

.ErrorMessage32x32Icon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/32x32/icons/MinusSign.gif');
	width: 32px; height: 32px;
}

.WarningMessage32x32Icon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/32x32/icons/WarningSign.gif');
	width: 32px; height: 32px;
}

.InfoMessage32x32Icon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/32x32/icons/CircleInfo.gif');
	width: 32px; height: 32px;
}

.NavyWheelDataBox32x32Icon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/32x32/icons/NavyWheelDataBox.gif');
	width: 32px; height: 32px;
}

.Yellowbulb32x32Icon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/32x32/icons/Yellowbulb.gif');
	width: 32px; height: 32px;
}

.PageMagnifier32x32Icon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/32x32/icons/PageMagnifier.gif');
	width: 32px; height: 32px;
}

.BoxMagnifier32x32Icon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/32x32/icons/BoxMagnifier.gif');
	width: 32px; height: 32px;
}

.ImagePlain32x32Layout {
	width: 32px; height: 32px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/32x32/icons/ImagePlainLayout.gif');
}

.ImageDouble32x32Layout {
	width: 32px; height: 32px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/32x32/icons/ImageDoubleLayout.gif');
}

.ImageLeft32x32Layout {
	width: 32px; height: 32px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/32x32/icons/ImageLeftLayout.gif');
}
.ImageRight32x32Layout {
	width: 32px; height: 32px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/32x32/icons/ImageRightLayout.gif');
}

.ImageDoubleCol32x32Layout {
	width: 32px; height: 32px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/32x32/icons/ImageDoubleColLayout.gif');
}

.ImageCenter32x32Layout {
	width: 32px; height: 32px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/32x32/icons/ImageCenterLayout.gif');
}

/**
 * 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 .UIBreadcumbsPortlet {	
	margin: 0px;
}

.UIBreadcumbsPortlet {
}

.UIBreadcumbs {
	line-height: 25px;
	padding: 0 8px;
}

.UIBreadcumbs a {
	float: left; /* orientation=lt */
	color: #6d7fa1; 
}

.UIBreadcumbs a.Selected {
	color: #777777;
	font-weight: bold;
}

.UIBreadcumbs .HomeIcon {
	float: left; /* orientation=lt */
	margin: 4px 5px 0 0; /* orientation=lt */
}

.UIBreadcumbs .LeftBreadcumbsBar {
	background-color: #e9e9e9;
}

.UIBreadcumbs .RightBreadcumbsBar {
	height: 25px;
}

.UIBreadcumbs .BreadcumbsInfoBar {
	height: 25px; 
	line-height: 25px;
	padding-left: 10px;	/* orientation=lt */
	overflow: hidden;
	white-space: nowrap;
}

.UIBreadcumbs .RightBlackGridArrowIcon {
	float: left; /* orientation=lt */
	margin: 5px 0px 0px 0px;
}
/**
 * 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.
 */

#UICalendarControlIFrame {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
}

.UICalendarComponent {
	position: absolute;
	background-color: #FFF;
	margin: 0;
	padding: 0;
	display: none;
	width: 225px;
}

.BlockCalendar {
	background: #e0e5f7 url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIWidgets/background/WidgetDragArea2x2.gif') repeat scroll;
	padding-top: 12px;
	cursor: move;
	_height: 100%;
	-moz-user-select: none;
}

.UICalendar {
	border: 1px solid #ccced7;
background: #e0e5f7 url('/eXoResources/skin/DefaultSkin/webui/component/UICalendar/background/CalendarDecorator.gif') repeat-x left -122px;
	padding: 7px 5px;
	font: normal 12px verdana;
	text-align: center;
	cursor: default;
	_height: 100%;
}

.UICalendar table {
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
}

.UICalendar a {
	display: block;
	font-weight: normal;
	text-decoration: none;
	color: #000;
	height: 100%;
}

.UICalendar .MonthYearBox {
	border: 1px solid #d4d4d4;
	font: normal bold 11px tahoma;
	color: #0960c1;
	line-height: 18px;
}

.UICalendar .MonthYearBox .NextMonth {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UICalendar/background/CalendarDecorator.gif') no-repeat center -41px;
}

.UICalendar .MonthYearBox .PreviousMonth {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UICalendar/background/CalendarDecorator.gif') no-repeat center -21px;
}

.UICalendar .MonthYearBox td {
	padding: 0px;
	background-color: white;
}

.UICalendar .MonthYearBox a {
	width: 20px; height: 20px;
}

.UICalendar .MonthYearBox .MonthButton {
	border: 1px solid #d4d4d4;
	width: 20px;
}

.UICalendar .MonthYearBox .MonthButton a {
	background-color: #e1dfdf;
}

.UICalendar .MonthYearBox .MonthButton a:hover {
	background-color: #ededed;
}

.UICalendar .MonthYearBox .YearButton {
	width: 20px;
}

.UICalendar .MonthYearBox a.NextYear {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UICalendar/background/CalendarDecorator.gif') no-repeat center -81px;
}

.UICalendar .MonthYearBox a:hover.NextYear {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UICalendar/background/CalendarDecorator.gif') no-repeat center -81px;
}


.UICalendar .MonthYearBox a.PreviousYear {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UICalendar/background/CalendarDecorator.gif') no-repeat center -61px;
}

.UICalendar .MonthYearBox a:hover.PreviousYear {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UICalendar/background/CalendarDecorator.gif') no-repeat center -61px;
}

.UICalendar .MonthYearBox .YearButton a:hover {
	background-color: #ededed;
}

.UICalendar .CalendarGrid {
	padding: 4px;
	background-color: white;
	border: 1px solid #cfcfcf;
}

.UICalendar .CalendarGrid td {
	border: 1px solid white;
	background-color: #f4f4f4;
}

.UICalendar .CalendarGrid td a,.UICalendar .CalendarGrid td div {
	padding: 5px 0px;
}

.UICalendar .CalendarGrid td a.Current {
	background-color: #d9d9d9; color: #058ee6;
}

.UICalendar .CalendarGrid td a:hover {
	background-color: #adbbff; color: white;
}

.UICalendar .CalendarTimeBox {
	width: 130px; margin: 5px auto;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UICalendar/background/CalendarDecorator.gif') no-repeat top left;
	padding-left: 9px;
}

.UICalendar .CalendarTimeBoxR {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UICalendar/background/CalendarDecorator.gif') no-repeat top right;
	padding-right: 9px;
}

.UICalendar .CalendarTimeBoxM {
	line-height: 21px;
	height: 21px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UICalendar/background/CalendarDecorator.gif') repeat-x left -101px;
	vertical-align: bottom;
}

.UICalendar .CalendarTimeBox .CalendarTimeBoxM input.InputTime {
	float: none;
	padding: 0px;
	border: 0px;
	width: 15px;
	direction: rtl;
}
/**
 * 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.
 */

.UIComboboxComponent{	 
	float:left;
}

.UIComboboxList {
	/*
		position: absolute;
	*/
}

.UIComboboxComponent .UIComboboxContainer {
	background: white;
	position:absolute;
	display:none;
	border: solid 1px gray;
}

.UIComboboxComponent .UIComboboxItemContainer {
	overflow-y: auto;
	height: 150px;
}

.UIComboboxComponent .UIComboboxItem {
	display: block;
	padding: 3px 5px;
	text-decoration: none;
	color: black;
	outline:none;
}

.UIComboboxComponent a:hover{
	background: blue;
	color: white;
}

.UIComboboxComponent a:visit{
	background: white;
	color: black;
}

.UIComboboxList .UIComboboxSelectedItem{
	background: blue;
	color: white;
}

.UIComboboxComponent .UIComboboxLabel {
	font-family: tahoma;
	font-size: 11px;
	margin-left: 16px;
}

.UIComboboxComponent iframe {
	position:absolute;
	top: 0px;
	left: 0px;
	z-index: -1;
	height: 150px;
}
/**
 * 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.
 */

.UIFormColorPicker {	
}

.UIFormColorPicker .UIColorPickerItem {
	display: block ;
	padding: 3px 5px ;
	text-decoration: none ;
	color: black ;
}

.UIFormColorPicker .UIColorPickerInput {
	border: solid 1px gray;
	width: 235px;
	height: 18px;
	*height: 18px;
	line-height: 18px;
}

.UIFormColorPicker	.DisplayValue {
	display:block;
 	margin: 1px;
 	height: 15px;
	*height: 15px;
	line-height: 15px;
	border: solid 1px #cccccc;
}

.UIFormColorPicker	.UIColorLine {
	margin: 5px 0px;
}

.UIFormColorPicker a:hover{
	color: white;
}

.UIFormColorPicker a:visit{
	color: black;
}

.UIFormColorPicker .UIColorPickerLabel {
	font-family: tahoma;
	font-size: 11px;
	margin-left: 16px;
}
.UIFormColorPicker .CalendarTableColor {
	display: none;
 	position: absolute;
 	background: #e4eaf5;
	padding: 2px;
	border: solid 1px #cccccc;
}
 

.CalendarTableColor .ColorCell {
	width: 12px; height: 12px;
	margin: 2px;
	border: 1px solid #ffffff;
}

.CalendarTableColor .ColorCell img {
 width: 12px; height: 12px;
}

.UIFormColorPicker .SelectedColorCell {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIColorPicker/../skinIcons/icons/CalendarIcons.gif') no-repeat left -342px;
	width: 12px; height: 12px;
	border: 1px solid red;
}

.CalendarTableColor a:hover {
	border: 2px solid red;
	margin: 1px;
}

/* Colors*/
	.Olive {background-color: #808000;}
	.OliveDrab {background-color: #6B8E23;} 	
	.Orange {background-color: #FFA500;}		
	.OrangeRed {background-color: #FF4500;}		
	.Orchid {background-color: #DA70D6;}		
	.PaleGoldenRod {background-color: #EEE8AA;}		
	.PaleGreen {background-color: #98FB98;}		
	.PaleTurquoise {background-color: #AFEEEE;}		
	.PaleVioletRed {background-color: #D87093;}		
	.PapayaWhip	{background-color: #FFEFD5;}		
	.PeachPuff {background-color: #FFDAB9;}		
	.Peru {background-color: #CD853F;}		
	.Pink {background-color: #FFC0CB;} 	
	.Plum {background-color: #DDA0DD;} 	
	.PowderBlue {background-color: #B0E0E6;}		
	.Purple {background-color: #800080;}		
	.Red {background-color: #FF0000;}		
	.RosyBrown {background-color: #BC8F8F;}		
	.RoyalBlue {background-color: #4169E1;}		
	.SaddleBrown {background-color: #8B4513;}		
	.Salmon {background-color: #FA8072;}		
	.SandyBrown {background-color: #F4A460;}		
	.SeaGreen {background-color: #2E8B57;}		
	.SeaShell {background-color: #FFF5EE;}		
	.Sienna {background-color: #A0522D;}		
	.Silver {background-color: #C0C0C0;}		
	.SkyBlue {background-color: #87CEEB;}
	.Thistle {background-color: #D8BFD8;}		
	.Tomato {background-color: #FF6347;}		
	.Turquoise {background-color: #40E0D0;}		
	.Violet {background-color: #EE82EE;}		
	.Wheat {background-color: #F5DEB3;}		
	.Yellow {background-color: #FFFF00;}		

/* Colors*/
	.CalendarTableColor .Olive {background-color: #808000; }
	.CalendarTableColor .OliveDrab {background-color: #6B8E23;}	 
	.CalendarTableColor .Orange {background-color: #FFA500;}		
	.CalendarTableColor .OrangeRed {background-color: #FF4500;}		
	.CalendarTableColor .Orchid {background-color: #DA70D6;}		
	.CalendarTableColor .PaleGoldenRod {background-color: #EEE8AA;}		
	.CalendarTableColor .PaleGreen {background-color: #98FB98;}		
	.CalendarTableColor .PaleTurquoise {background-color: #AFEEEE;}		
	.CalendarTableColor .PaleVioletRed {background-color: #D87093;}		
	.CalendarTableColor .PapayaWhip	{background-color: #FFEFD5;}		
	.CalendarTableColor .PeachPuff {background-color: #FFDAB9;}		
	.CalendarTableColor .Peru {background-color: #CD853F;}		
	.CalendarTableColor .Pink {background-color: #FFC0CB;}	 
	.CalendarTableColor .Plum {background-color: #DDA0DD;}	 
	.CalendarTableColor .PowderBlue {background-color: #B0E0E6;}		
	.CalendarTableColor .Purple {background-color: #800080;}		
	.CalendarTableColor .Red {background-color: #FF0000;}		
	.CalendarTableColor .RosyBrown {background-color: #BC8F8F;}		
	.CalendarTableColor .RoyalBlue {background-color: #4169E1;}		
	.CalendarTableColor .SaddleBrown {background-color: #8B4513;}		
	.CalendarTableColor .Salmon {background-color: #FA8072;}		
	.CalendarTableColor .SandyBrown {background-color: #F4A460;}		
	.CalendarTableColor .SeaGreen {background-color: #2E8B57;}		
	.CalendarTableColor .SeaShell {background-color: #FFF5EE;}		
	.CalendarTableColor .Sienna {background-color: #A0522D;}		
	.CalendarTableColor .Silver {background-color: #C0C0C0;}		
	.CalendarTableColor .SkyBlue {background-color: #87CEEB;}
	.CalendarTableColor .Thistle {background-color: #D8BFD8;}		
	.CalendarTableColor .Tomato {background-color: #FF6347;}		
	.CalendarTableColor .Turquoise {background-color: #40E0D0;}		
	.CalendarTableColor .Violet {background-color: #EE82EE;}		
	.CalendarTableColor .Wheat {background-color: #F5DEB3;}		
	.CalendarTableColor .Yellow {background-color: #FFFF00;}
/**
 * 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.
 */

.NoMouseEvent64x58 {
	width: 64px;
	height: 58px;
	line-height: 58px;
	vertical-align: middle;
	margin: auto;
}

.Over64x58 {
	width: 64px;
	height: 58px;
	line-height: 58px;
	vertical-align: middle;
	margin: auto;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIMouseActionBackground/background/MouseAction.gif') no-repeat top;
}

.Selected64x58 {
	width: 64px;
	height: 58px;
	line-height: 58px;
	vertical-align: middle;
	margin: auto;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIMouseActionBackground/background/MouseAction.gif') no-repeat left -58px;
}

.NoMouseEvent32x32 {
	width: 32px;
	height: 32px;
	line-height: 32px;
	vertical-align: middle;
	margin: auto;
}

.Over32x32 {
	width: 32px;
	height: 32px;
	line-height: 32px;
	vertical-align: middle;
	margin: auto;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIMouseActionBackground/background/MouseAction.gif') no-repeat left -116px;
}

.Selected32x32 {
	width: 32px;
	height: 32px;
	line-height: 32px;
	vertical-align: middle;
	margin: auto;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIMouseActionBackground/background/MouseAction.gif') no-repeat right -116px;
}

.NoMouseEvent32x28 {
	width: 32px;
	height: 28px;
	line-height: 22px;
	vertical-align: middle;
	margin: auto;
}

.Over32x28 {
	width: 32px;
	height: 28px;
	line-height: 28px;
	vertical-align: middle;
	margin: auto;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIMouseActionBackground/background/MouseAction.gif') no-repeat left -148px;
}

.Selected32x28 {
	width: 32px;
	height: 28px;
	line-height: 28px;
	vertical-align: middle;
	margin: auto;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIMouseActionBackground/background/MouseAction.gif') no-repeat right -148px;
}
/**
 * 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.
 */

.UIGrid {
	border: 1px solid #b7b7b7;
	border-collapse: collapse;
	padding-left: 1px;
	margin: auto;
	table-layout: fixed;
}

.UIGrid thead {
	border: 1px solid #b7b7b7;
}

.UIGrid th {
	line-height: 19px;
	border: 1px solid #b7b7b7;
background: #d2ddf1 url('/eXoResources/skin/DefaultSkin/webui/component/UIGrid/background/ThGridRepeatBg1x19.jpg') repeat-x;
	font-weight: normal;
	padding: 0px 4px;
	vertical-align: middle;
}

.UIGrid tbody {
	padding-bottom: 1px;
}

.UIGrid td {
  height: 20px; line-height: 20px;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-top: 1px solid white;
	padding: 4px;
}

.UIGrid .OddRow {
	background: #f0f0f0;
}

.UIGrid .EvenRow {
	background: #f5f5f5;
}

.UIGrid .ActionContainer {
	white-space: nowrap;
	text-align: center;
}

.UIGrid .ActionContainer a {
	margin: 0px 4px;
	color: #024369;
}

.UIGrid .ActionContainer img {
	margin: 0px 4px;
	width: 20px;
	height: 20px;
	background-position: center;
	background-repeat: no-repeat;
	float: none; 
	cursor: pointer;
}

.UIGrid .Text {
	overflow: hidden;
}

.UIGrid .Number {
	text-align: center;
}

.UIGrid .ValueWithIcon {
	float: left; /* orientation=lt */
	text-align: right;
}

.UIGrid .ViewIcon {
	width: 16px; height: 16px;
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/LightBulbOn.gif') no-repeat;
}

.UIGrid .DeleteIcon {
	width: 16px; height: 16px;
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/DustBin.gif') no-repeat;
}

.UIGrid .EditInfoIcon {
	width: 16px; height: 16px;
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/EditIcon.gif') no-repeat;
}

.UIGrid .ExcuteIcon {
	width: 16px; height: 16px;
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/PageYellowLight.gif') no-repeat;
}

.UIGrid .AddNewIcon {	
	width: 16px; height: 16px;
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/BlueCirclePlus.gif') no-repeat;
}

/*###################### UIListUsers Icon ######################*/

.UIGrid .DeleteUserIcon {
	width: 16px; height: 16px;
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/DustBin.gif') no-repeat;
	margin: auto;
}

.UIGrid .ViewUserInfoIcon {
	width: 16px; height: 16px;
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/EditIcon.gif') no-repeat;
	margin: auto;
}

/*###################### UIListMembershipType Icon ######################*/

.UIGrid .DeleteMembershipIcon {
	width: 16px; height: 16px;
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/DustBin.gif') no-repeat;
	margin: auto;	
}

.UIGrid .EditMembershipIcon {
	width: 16px; height: 16px;
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/EditIcon.gif') no-repeat;
	margin: auto;
}

.UIGrid input.checkbox {
	width: 15px; height: 15px;
}
/**
 * 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.
 */

.UIPageIterator {	
	margin: 5px auto 0px auto;
	width: 99%;
}

.UIPageIterator a {
	float: right; /* orientation=lt */
	color: #333333;
	display: block;
}

.UIPageIterator .Number {
	border: 1px solid #DFDFDF;
	padding: 0 5px;
	margin-left: 3px; /* orientation=lt */
	cursor: pointer;
	line-height: 15px;
}

.UIPageIterator .Number:hover {
	color: #0183F1;
	border: 1px solid #B6B6B6;
}

.UIPageIterator .PageSelected {
	color: #F16701;
	font-weight: bold;
}

.UIPageIterator .Icon {
	margin-left: 3px; /* orientation=lt */
	width: 18px;
	height: 17px;
	cursor: pointer;
}

.UIPageIterator .PagesTotalNumber {
	color: #0183F1;
	margin: 0 10px 0 5px; /* orientation=lt */
	line-height: 19px;	
	font-size: 12px;
}

.UIPageIterator .TotalPages {
	font-size: 12px;
	line-height: 19px;
}

.UIPageIterator .LastTopPageIcon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPageIterator/background/ArrowPageIterator.gif') no-repeat left -17px;
}

.UIPageIterator .NextTopPageIcon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPageIterator/background/ArrowPageIterator.gif') no-repeat left -51px;
}

.UIPageIterator .LastPageIcon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPageIterator/background/ArrowPageIterator.gif') no-repeat left -119px;
}

.UIPageIterator .NextPageIcon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPageIterator/background/ArrowPageIterator.gif') no-repeat left -85px;
}

.UIPageIterator .DisableLastTopPageIcon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPageIterator/background/ArrowPageIterator.gif') no-repeat left top;
}

.UIPageIterator .DisableNextTopPageIcon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPageIterator/background/ArrowPageIterator.gif') no-repeat left -34px;
}

.UIPageIterator .DisableLastPageIcon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPageIterator/background/ArrowPageIterator.gif') no-repeat left -102px;
}

.UIPageIterator .DisableNextPageIcon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPageIterator/background/ArrowPageIterator.gif') no-repeat left -68px;
}


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

.UISearch {
	height: 39px;
	line-height: 39px;
	padding-bottom: 2px;
}

.UISearch .UISearchForm {
	height: 38px; line-height: 38px;
}

.UISearch .UISearchForm .QuickSet {
	overflow: hidden;
	width: 100%;
	padding-top: 9px;
}

.UISearch .UISearchForm .QuickSet .SearchTitle {
	float: left; /* orientation=lt */
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	padding-left: 10px; /* orientation=lt */
}

.UISearch .UISearchForm .QuickSet .AdvancedSearchIcon {
	width: 24px; height: 24px;
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/24x24/icons/AdvancedSearch.gif') no-repeat;
	float: left;
}

.UISearch .UISearchForm .QuickSet .AdvancedSearch {
	float: right;
	margin-right: 10px; color: black; font-weight: normal;
}

.UISearch .UISearchForm .QuickSet .SimpleSearchIcon {
	margin-left: 10px; /* orientation=lt */
	width: 24px;	
	height: 24px;
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/24x24/icons/QuickSearch.gif') no-repeat;		 /* orientation=lt */
	float: left; /* orientation=lt */
}

.UISearch .UISearchForm .QuickSet .SimpleSearchOverIcon {
	margin: 0px 0px 0px 10px;
	width: 24px;	height: 24px;
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/24x24/icons/BlueMagnifierOver.gif') no-repeat;
	float: left;
}

.UISearch .UISearchForm .QuickSet a:hover{
	color: blue;
}

.UISearch .UISearchForm .QuickSet .UIForm {
	background-color: transparent;
	border: none;
}

.UISearch .UISearchForm .QuickSet select {
	float: left;	 /* orientation=lt */
	width: 115px; 
	padding: 1px;
	border: solid 1px gray;
	font-size: 11px;
}

.UISearch .UISearchForm .QuickSet input {
	float: left; /* orientation=lt */
	margin: 0px 5px 0px 10px; /* orientation=lt */ 
	padding-left: 4px; /* orientation=lt */
	border: 1px solid gray;
	width: 180px; height: 16px;
}

.UIFormTabPane .UISearch .UISearchForm .QuickSet select {
	float: left; /* orientation=lt */
	margin-top: 8px; 
	padding-left: 4px; /* orientation=lt */
	border: 1px solid #b7b7b7;
	width: 120px; 
}

.UIFormTabPane .UISearch .UISearchForm .QuickSet input {
	float: left;
	margin: 3px 5px 0px 0px;
	border: 1px solid #b7b7b7;
	width: 185px; 
}
/**
 * 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 */
	background: url(/eXoResources/skin/DefaultSkin/skinIcons/24x24/icons/BlueUpLevelArrow.gif) no-repeat 0 center; /* orientation=lt */
}

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

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

.UITrees .LastNode {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITree/background/Dotted.gif') no-repeat left top;
}

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

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

.UITrees .Node .CollapseIcon {
	padding-left: 18px; /* orientation=lt */
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITree/background/SmallGrayPlus.gif') no-repeat left top;
	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 */
	padding-left: 25px; /* orientation=lt */
}

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



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

.UIQuickHelp {	
}

.UIQuickHelp .TopBar {
	height: 22px;
}

.UIQuickHelp .TopBar .TopBarLeft {
	padding-left: 7px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIQuickHelp/background/QuickHelp.gif') no-repeat left top;
}

.UIQuickHelp .TopBar .TopBarRight {
	padding-right: 9px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIQuickHelp/background/QuickHelp.gif') no-repeat right top;
}

.UIQuickHelp .TopBar .TopBarMiddle {
	height: 22px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIQuickHelp/background/QuickHelp.gif') repeat-x left -22px;
}

.UIQuickHelp .TopBar .TopBarMiddle .TitleBar {
	float: left; /* orientation=lt */
	width: 130px;
	height: 20px;
}

.UIQuickHelp .TopBar .TopBarMiddle .TitleBar .BarLeft {
	padding-left: 1px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIQuickHelp/background/QuickHelp.gif') no-repeat left -64px;
}

.UIQuickHelp .TopBar .TopBarMiddle .TitleBar .BarRight {
	padding-right: 16px;
	margin-top: 1px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIQuickHelp/background/QuickHelp.gif') no-repeat right -44px;
}

.UIQuickHelp .TopBar .TopBarMiddle .TitleBar .BarMiddle {
	height: 20px;
	line-height: 20px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIQuickHelp/background/QuickHelp.gif') repeat-x left -64px;
}

.UIQuickHelp .TopBar .TopBarMiddle .TitleBar .Title {
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	font-weight: bold;
}

.UIQuickHelp .TopBar .TopBarMiddle .TitleBar .Icon {
	float: left; /* orientation=lt */
	height: 16px;
	width: 16px;
	margin: 2px 7px 0px 3px; /* orientation=lt */
}

.UIQuickHelp .ContentContainer {
	background-color: white;
	border-right: solid #5f90ba 1px;
	border-left: solid #5f90ba 1px;
}

.UIQuickHelp .Content {
	padding: 3px;
}

.UIQuickHelp .ContentContainer .Content .ScrollArea {
	overflow: auto;
	border:	solid 1px #6aa4d5;
}

.UIQuickHelp .ContentContainer .Content .ScrollArea .UIQuickHelpContentContainer {
	padding: 8px;
}

.UIQuickHelp .BottomBar {
	height: 22px;
	border: none;
}

.UIQuickHelp .BottomBar .BottomBarLeft {
	padding-left: 3px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIQuickHelp/background/QuickHelp.gif') no-repeat left -84px;
}

.UIQuickHelp .BottomBar .BottomBarRight {
	padding-right: 3px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIQuickHelp/background/QuickHelp.gif') no-repeat right -84px;
}

.UIQuickHelp .BottomBar .BottomBarMiddle {
	height: 22px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIQuickHelp/background/QuickHelp.gif') repeat-x left -106px;
}

.UIQuickHelp .BottomBar .ButtonBar {
	margin-left: auto; /* orientation=lt */
	width: 80px;
	height: 20px;
}

.UIQuickHelp .BottomBar .ButtonBar .ButtonBarLeft {
	height: 20px;
	padding-left: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIQuickHelp/background/QuickHelp.gif') no-repeat left -128px;
}

.UIQuickHelp .BottomBar .ButtonBar .ButtonBarRight {
	height: 20px;
	padding-right: 1px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIQuickHelp/background/QuickHelp.gif') repeat-x bottom;
}

.UIQuickHelp .BottomBar .BackButton {
	float: left; /* orientation=lt */
	margin: 3px 7px 0px 5px; /* orientation=lt */
}

.UIQuickHelp .BottomBar .ForwardButton {
	float: right; /* orientation=lt */
	margin: 3px 7px 0px 5px; /* orientation=lt */
}

.UIQuickHelp .UIQuickHelpContentPage .Icon {
	float: left; /* orientation=lt */
}

.UIQuickHelp .UIQuickHelpContentPage ul {
	list-style-image: url('background/BlueSquareBg.gif');
}

.UIQuickHelp .UIQuickHelpContentPage li {
	margin-top: 10px;
	margin-left: -20px; /* orientation=lt */
}

.UIQuickHelp .UIQuickHelpContentPage a{
	font-weight: bold;
}
/**
 * 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.
 */

/**
 * Created by The eXo Platform SAS
 * Modifile: Vu Duy Tu
 *           duytucntt@gmail.com
 * December 14, 2006
 * version: $Id$
 */
 
/*#######################################-----UIWizard-----##################################*/
.UIEditInlineWS {
	padding: 0 0 5px;
}

.UIWizard {
	width: 98.9%;
	margin: auto;
}

/*========================== Wizard Content ==============================*/

.UIWizard .UIWizardContent { 
}

.UIWizard .UIWizardContent .WizardStepTitleBar {
	height: 29px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIWizard/background/WizardStepBar.gif') repeat-x top;
	border: solid 1px #aeaeae; border-bottom: none;
}

.UIWizard .UIWizardContent .WizardStepTitleBar .WizardIcon {
	float: left; /* orientation=lt */
	width: 25px; height: 28px; 
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIWizard/background/WizardIcon.gif') no-repeat left bottom;
	margin: 0px 8px 0px 10px;
}

.UIWizard .UIWizardContent .WizardStepTitleBar .WizardTitle {
	float: left; /* orientation=lt */
	height: 28px; line-height: 28px;	
	font-weight: bold;
}

.UIWizard .UIWizardContent .WizardStepTitleBar .HelpIcon {
	float: right; /* orientation=lt */
	width: 28px; height: 28px;
background:	url('/eXoResources/skin/DefaultSkin/webui/component/UIWizard/background/WizardIcon.gif') no-repeat top;
	margin-right: 10px; /* orientation=lt */
	cursor: pointer;
}

.UIWizard .UIWizardContent .WizardStepTitleBar .StepTitle {
	float: left; /* orientation=lt */
	height: 28px; line-height: 28px; 
	padding-left: 10px; /* orientation=lt */
	color: #0683f7;
}

.UIWizard .UIWizardContent .WizardStepContent {
	border: solid 1px #aeaeae; border-bottom: none;
}

.UIWizard .UIWizardContent .WizardStepContent .UIWizardPageSetInfo {
	padding: 10px;
	background: #f5f5f5;
}

.UIWizard .UIWizardContent .WizardControlBar {
	height: 34px;
	border: solid 1px #b7b7b7;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIWizard/background/WizardStepBar.gif') repeat-x bottom;
}

.UIWizard .UIWizardContent .WizardControlBar .StepNavigationBar {
	float: left; /* orientation=lt */
	height: 34px; 
	line-height: 34px;
	width: 49%;
}

.UIWizard .UIWizardContent .WizardControlBar .StepNavigationBar a{
	float: left; /* orientation=lt */
	width: 18px; height: 18px; 
	line-height: 18px; 
	font-weight: bold;
	text-align: center;
	margin: 7px 3px 0px 3px;
	border: solid 1px gray;
}

.UIWizard .UIWizardContent .WizardControlBar .StepNavigationBar a:hover {
	height: 18px; line-height: 18px;
	color: orange;
	background: #f8f8f8;
	border: solid 1px #fdb913;
}

.UIWizard .UIWizardContent .WizardControlBar .StepNavigationBar a.SelectedStep {
	color: red;
}

.UIWizard .UIWizardContent .WizardControlBar .StepNavigationTitle {
	float: left; /* orientation=lt */
	height: 33px; line-height: 33px;
	font-weight: bold;
	margin: 0px 10px 0px 15px; /* orientation=lt */
}

.UIWizard .UIWizardContent .WizardControlBar .OverflowContainer {
	height: 34px;
	overflow: visible;
}

.UIWizard .UIWizardContent .UIDropDownControl {
	width: 220px;
	position: static;
}

.UIWizard .UIWizardContent .UIDropDownControl .UIDropDownAnchor {
	width: 220px;
}

/*========================== End Wizard Content ==============================*/
/*========================== Start ActionBar ==============================*/

.UIWizard .UIWizardContent .WizardControlBar .ActionBar {
	width: 50%;
	float: right; /* orientation=lt */
	padding-right: 7px; /* orientation=lt */
}
.UIWizard .UIWizardContent .UIAction {
	padding: 8px 0 0;
}

.UIWizard .WizardControlBar .UIAction .ActionButton {
	float: right; /* orientation=lt */
}

.UIWizard .WizardControlBar .UIAction .ActionContainer {
	width: 100%;
}

/*========================== Start UIWizard Welcome ==============================*/

.UIWizard .UIWizardWelcome {
	height: 233px;
background: #ffffff url('/eXoResources/skin/DefaultSkin/webui/component/UIWizard/background/WelcomeImage197x233.png') no-repeat left;
	padding: 0px 0px 0px 210px; /* orientation=lt */
	margin: 0px;
}

.UIWizard .UIWizardWelcome .WelcomeText {
	padding: 20px 40px 20px 15px; /* orientation=lt */
	line-height: 20px;
}

/*========================== Start UIWizard Step2 ==============================*/

.UIWizard .UIWizardPageSetInfo .PageNodeContainer {
	float: left; /* orientation=lt */
	width: 240px;
}

.UIWizard .UIWizardPageSetInfo .NoPageSelecter .SelectedPageInfo {
	margin-left: auto; /* orientation=lt */
}

.UIWizard .UIWizardPageSetInfo .SelectedPageInfo {
	border: 1px #b7b7b7 solid;
	margin-left: 250px; /* orientation=lt */
	padding: 1px;
}

.UIWizard .UIWizardPageSetInfo .SelectedPageInfo .PageInfoContainer {
	background: #efefef;
	padding: 22px 0px;
	border:	solid 1px #cdcdcd;
 }

.UIWizard .UIWizardPageSetInfo .SelectedPageInfo .PageNodeInfo {
	width: 90%; height: 25px; 
	line-height: 25px;
	background: white;
	margin: auto;
	border: solid 1px #b7b7b7;
	overflow: hidden;
}

.UIWizard .UIWizardPageSetInfo .SelectedPageInfo .Icon {
	float: left; /* orientation=lt */
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/MiniOrangeBoxPage.gif') no-repeat;
	width: 16px; height: 16px;
	margin: 5px 0px 0px 6px; /* orientation=lt */
}

.UIWizard .UIWizardPageSetInfo .SelectedPageInfo .Label {
	float: left; /* orientation=lt */
	padding: 0px 5px;
	font-weight: bold;
}

.UIWizard .UIWizardPageSetInfo .SelectedPageInfo .Info {
	float: left; /* orientation=lt */
	padding: 0px 5px;
	color: #0683f7; 
	background: none;
}

.UIWizard .UIWizardPageSetInfo .UIFormWithTitle {
	margin-top: 5px;
	width: 90%;
	overflow: hidden;
}

.UIWizard .UIWizardPageSetInfo .UIFormWithTitle .UIAction {
	display: none;
}

.UIWizard .UIWizardPageSetInfo .UIFormWithTitle .HorizontalLayout {
	background: white;
	height: 175px;
}

.UIWizard .UIWizardPageSetInfo .UIFormWithTitle textarea {
	width: 220px; height: 80px;
	background: white;
	font-family: verdana;
	border: solid 1px gray;
	padding-left: 5px; /* orientation=lt */
}

/*========================== Start UIWizard Step 3 ==============================*/

.UIWizard .UIItemSelector {
	padding: 10px;
	background: #f4f4f4;
	margin: 0px;
}

.UIWizard .UIItemSelector .ItemListContainer {
	width: 250px;
	height: auto;
}

.UIWizard .UIItemSelector .ItemDetailList {
	background: #ffffff;
}

.UIWizard .UIItemSelector .RightColumnStyle .ItemDetailList .ItemDetail {
	height: 260px;
	padding-top: 21px;
}

.UIWizard .LayoutHolder {
	width: 310px;
	text-align: center;
	margin: 0px auto; 
}

.UIWizard .LayoutHolder .LayoutLabel {
	height: 30px; line-height: 30px; 
	margin: auto;
	text-align: center;
}

.UIWizard .UIContainerConfigOptions {
	margin: 0px 3px;
}

.UIWizard .UITrees {
	overflow: hidden;
}

.UIWizard .TreeContainer {
	height: 259px;
}

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

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

/*####################- HorizontalLayout -#################*/

.UIForm .HorizontalLayout {
  border: 1px solid #aeaeae;
  background: #F7F7F7;
  padding: 10px;
}	
  
.UIFormGrid {
	width: auto;
	margin: auto;
}

.UIForm .UIFormGrid td.FieldLabel {
	padding: 4px;
	text-align: right; /* orientation=lt */
	vertical-align: top;
}

.UIForm .UIFormGrid td.FieldComponent {
	padding: 4px;
	*padding: 2px 0px 4px 4px;
}

.UIForm .UIFormGrid td.NonEditableField {
}

.UIForm .HorizontalLayout .MultiValueContainer {
	margin-bottom: 5px;
}

.UIForm .HorizontalLayout .MultiValueContainer .MultiFieldAction {
	margin: 0px 3px;
}

.UIForm .HorizontalLayout .FieldContainer .UIFormMultiValueInputSet {
	float: left;
	margin: 0px 10px 0px 5px;
}

.UIForm .HorizontalLayout .UIFormInputSet {
	padding: 10px;
	margin: auto;
}

.HorizontalLayout .UIForm .UIFormInputSet {
	padding: 10px; margin: auto;
}

.UIForm .HorizontalLayout .UIFormInputSet .Title {
	margin: 10px 0px 0px 10px; /* orientation=lt */
	color: #5f7fd6;
}

.UIForm .HorizontalLayout .UIFormInputSet .ItemLabel {
	float: left; /* orientation=lt */
	font-weight: bold;
	width: 100px;
}

.UIForm .HorizontalLayout .UIFormInputSet .ItemValue {
	margin-left: 5px; /* orientation=lt */
	float: left; /* orientation=lt */
	color: #2f76e2;
}

.UIForm .HorizontalLayout .UIFormInputSet .ItemValueDescription {
	margin-top: 10px;
	height: 50px;
	border: solid 1px gray;
	background: white;
}

.UIForm .HorizontalLayout input {
	width: 235px;
	font-size: 11px;
}

.UIForm .FieldComponent .FieldComponent input {
	width: 200px;
}

.UIForm .HorizontalLayout input.checkbox {
	width: 16px;
	margin: 0px;
}

.UIForm .HorizontalLayout input.radio {
	width: 15px;
	margin-right: 5px; /* orientation=lt */
}

.UIForm .HorizontalLayout textarea {
	width: 235px;	height: 75px;
	font-size: 11px;
	border: 1px solid #b7b7b7;
}

.UIForm .HorizontalLayout select {
	width: 239px;
	font-size: 11px;
}

.HorizontalLayout .UIForm input {
	width: 235px;
	font-size: 11px;
}

.HorizontalLayout .UIForm input.checkbox {
	width: 16px;
	margin: 0px;
}

.HorizontalLayout .UIForm input.radio {
	width: 15px;
}

.HorizontalLayout .UIForm textarea {
	width: 232px;	height: 75px;
	font-size: 11px;
}

.HorizontalLayout .UIForm select {
	width: 239px;
	font-size: 11px;
}

/*####################- VerticalLayout -#################*/

.UIForm .VerticalLayout {
}

.UIForm .VerticalLayout	label {
	text-align: left; /* orientation=lt */
	font-weight: bold;
	margin-bottom: 15px;
}

.UIForm .VerticalLayout input {
	width: 170px;
	border:	1px solid gray;
	font-size: 11px;
}

.UIForm .VerticalLayout input.checkbox {
	width: auto;
}

.UIForm .VerticalLayout textarea {
	width: 170px;	height: 75px;
	border: 1px solid gray;
	font-size: 11px;	
}

.UIForm .VerticalLayout select {
	width: 170px;
	font-size: 11px; 
}

/*####################- UIFormInputSet -#################*/

.UIFormInputSet .UIFormInputSetWithAction .UIFormGrid td {
	padding: 0px 4px;
}

/*####################- UIPermissionForm -#################*/

.UIPermissionForm .UIGroupSelector .RightGroupSelector .Content {
	height: 160px;
}

.UIPermissionForm .UIForm .HorizontalLayout .UIAccessGroup td.FieldLabel {
	line-height: 16px;
}

.UIPermissionForm .UIForm .UIAccessGroup .UIFormGrid td.FieldComponent {
	padding: 4px;
	*padding: 2px 0px 4px 4px;
}
/**
 * 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.
 */

.UIFormInputDecoratorSelector .UIItemSelector .NormalStyle .ItemListContainer {	
	width: 230px;
	overflow: auto;
}

.UIFormInputDecoratorSelector .UIItemSelector .NormalStyle .ItemList {
	height: 272px;
	overflow: auto;
	padding-top: 15px;
}

.UIFormInputDecoratorSelector .UIItemSelector .ItemDetailList {
	margin-right: 0px;
	padding: 1px;
	border: 1px #b7b7b7 solid;
	background: white;
}

.UIFormInputDecoratorSelector .UIItemSelector .DecoratorTemplateContainer {
	border: 1px #c7c7c7 solid;
}

.UIFormInputDecoratorSelector .UIItemSelector .Template {
	padding: 20px 20px 0px 20px; 
	height: 190px;
}

.UIFormInputDecoratorSelector .SampleBackground {
	background: white; border: 1px solid #c7c7c7;
	height: 160px; 
}

.UIFormInputDecoratorSelector .UIPortletDecorator .DefaultDecorator .MiddleBackground {
	background: none;
}

.UIFormInputDecoratorSelector .UIPortletDecorator .DefaultDecorator .TopLeftCorner {
	background: none;
	height: 10px;
	padding-left: 10px; /* orientation=lt */
}

.UIFormInputDecoratorSelector .UIPortletDecorator .DefaultDecorator .TopCenter {
	background: none;
	height: 10px;
}

.UIFormInputDecoratorSelector .UIPortletDecorator .DefaultDecorator .TopRightCorner {
	background: none;
	padding-right: 10px; /* orientation=lt */
	height: 10px;
}

.UIFormInputDecoratorSelector .UIPortletDecorator .DefaultDecorator .MiddleLeftSide {
	background: none;
	padding-left: 10px; /* orientation=lt */
}

.UIFormInputDecoratorSelector .UIPortletDecorator .DefaultDecorator .MiddleRightSide {
	background: none;
	padding-right: 10px; /* orientation=lt */
}

.UIFormInputDecoratorSelector .UIPortletDecorator .DefaultDecorator .BottomRightCorner {
	background: none;
	padding-right: 10px; /* orientation=lt */
	height: 10px;	
}

.UIFormInputDecoratorSelector .UIPortletDecorator .DefaultDecorator .BottomCenter {	
	background: none;	
	height: 10px;
}

.UIFormInputDecoratorSelector .UIPortletDecorator .DefaultDecorator .BottomLeftCorner {
	background: none;
	padding-left: 10px; /* orientation=lt */
	height: 10px;
}

.UIFormInputDecoratorSelector .SelectedInfo {
	padding-left: 20px; /* orientation=lt */
	padding-bottom: 15px;
	width: 90%;
}

.UIFormInputDecoratorSelector .SelectedInfo .UIFormInputSet .Title {
	margin-left: 20px; /* orientation=lt */
	font-weight: bold; 
	color: black;
	padding-left: 5px; /* orientation=lt */
	padding-right: 5px; /* orientation=lt */
}

.UIFormInputDecoratorSelector .SelectedInfo .UIFormInputSet {
	margin-top: 0px;
}

.UIFormInputDecoratorSelector .SelectedInfo .UIFormInputSet .FieldContainer{
	margin-top: 8px;
	padding-left: 20px; /* orientation=lt */
	white-space: nowrap;
}

.UIFormInputDecoratorSelector .SelectedInfo .UIFormInputSet .Icon{
	margin-right: 3px; /* orientation=lt */
	margin-top: 10px;
	float: left; /* orientation=lt */
}


.UIFormInputDecoratorSelector .SelectedInfo .UIFormInputSet .FieldContainer .ItemLabel{
	font-size: 12px; font-weight: normal;
	margin-left: 5px; /* orientation=lt */
}

.UIFormInputDecoratorSelector .SelectedInfo .UIFormInputSet .FieldContainer .ItemValue{
	font-size: 12px; 
	margin-left: 10px; /* orientation=lt */
}

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

.UIFormTabPane {
	padding-top: 5px;
}

.UIFormTabPane .FormTabPaneContainer {
	background: white;
	border-left: solid 1px #638294; border-right: solid 1px #638294;
}

.UIFormTabPane .UITabPane {	
	border: none;
	padding: 0px;
}

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

.UITestFormPortlet .UIFormWithTitle {	
	margin: 0px;
}

.UIFormWithTitle {
	width: 500px;
	margin: auto;
}

.UIFormWithTitle .TitleBar {
	padding-left: 15px; /* orientation=lt */
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIForms/UIFormWithTitle/background/TitleBG1x20.gif') repeat-x;
	height: 26px;
	vertical-align: middle;	line-height: 26px;
	border: solid 1px #e3e2e2;
	color: #2b2b2b;
	font-weight: bold;
}

.UIFormWithTitle .HorizontalLayout {
	background: #f7f7f7;
	border: 1px #e3e2e2 solid;
	border-top: none;
}
/**
 * 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.
 */

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

.UIPopupMenu {
	display: none;
	background: #e4e4fc;
	text-align: left; /* orientation=lt */
	border: 1px solid #232e8d;
	cursor: default;
}

.UIPopupMenu a:hover {
	color: #1a03fa;
}

.UIPopupMenu .MiddleBar {
	margin: 1px;
	border: solid 1px #fcfcfd;
	border-top: 0px;
}

.UIPopupMenu .MenuItem {
	border-top: 1px solid #fcfcfd;
	border-bottom: 1px solid #232e8d;
	height: 26px;
	line-height: 26px;
}

.UIPopupMenu .MenuItem .MenuItemLeftIcon {
	float: left; /* orientation=lt */
	width: 16px;	height: 16px;
	padding: 5px;
}

.UIPopupMenu .MenuItem .MenuItemText {
	float: left; /* orientation=lt */
}

.UIPopupMenu .MenuItem .MenuItemRightIcon {
	float: right; /* orientation=lt */
	width: 16px;	height: 16px;
	padding: 5px 0px;
}

.UIPopupMenu .MenuItem .MenuItemExpand {
	overflow: visible;
}

/*Use	float: left to align the popup block with this block*/

.UIPopupMenu .MenuItem .MenuItemEntry {
	overflow: hidden;	width: 100%;
	float: left; /* orientation=lt */
	cursor: pointer;	
}

/*###################-ITEM SELECTED STYLE-#################*/

.UIPopupMenu .MenuItemSelected {
	border-top: 1px solid white;
	border-bottom: 1px solid #232e8d;
	height: 26px;
	line-height: 26px;
	background: #6daad9;
}

.UIPopupMenu .MenuItemSelected .MenuItemLeftIcon {
	float: left; /* orientation=lt */
	width: 16px;	height: 16px;
	padding: 5px;
}

.UIPopupMenu .MenuItemSelected .MenuItemText {
	float: left; /* orientation=lt */
	color: white;
}

.UIPopupMenu .MenuItemSelected .MenuItemRightIcon {
	float: right; /* orientation=lt */
	width: 16px;	height: 16px;
	padding: 5px 0px;
}

.UIPopupMenu .MenuItemSelected .MenuItemExpand {
	overflow: visible;
}

/*Use	float: left to align the popup block with this block*/

.UIPopupMenu .MenuItemSelected .MenuItemEntry {
	overflow: hidden;	width: 100%;
	float: left; /* orientation=lt */
	cursor: pointer;	
}

/*###################-END ITEM SELECTED STYLE-#################*/
/**
 * 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.
 */

.UIPopupMessages {
}

.UIPopupMessages .UIHorizontalTabs {
	height: 31px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupMessage/background/MessageTabBar.gif') repeat-x bottom;
}

.UIPopupMessages .UIHorizontalTabs .TabsContainer {
	height: 31px;
}

.UIPopupMessages .UITabPane .UITabContent {
	border: none;
}

.UIPopupMessages .PopupMessageBox {
	padding: 5px;
	height: 200px;
	overflow: auto;
}

.UIPopupMessages .WarningMessage .MessageContainer	{
	color: orange;
	padding: 4px 0px 4px 10px; /* orientation=lt */
	border-bottom: 1px dotted #c3c3c3;
}

.UIPopupMessages .ErrorMessage .MessageContainer	{
	color: red;
	padding: 4px 0px 4px 10px; /* orientation=lt */
	border-bottom: 1px dotted #c3c3c3;
}

.UIPopupMessages .InfoMessage .MessageContainer {
	padding: 4px 0px 4px 10px; /* orientation=lt */
	border-bottom: 1px dotted #c3c3c3;
}

.UIPopupMessages .PopupMessageContainer .PopupIcon {
	float: left; /* orientation=lt */
	width: 16px; height: 16px;
	margin-top: 5px;
}

.UIPopupMessages .PopupMessageContainer .InfoMessageIcon {
	background: url(/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/Info.gif) no-repeat top;
}

.UIPopupMessages .PopupMessageContainer .WarningMessageIcon {
	background: url(/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/Warning.gif) no-repeat top;
}

.UIPopupMessages .PopupMessageContainer .ErrorMessageIcon {
	background: url(/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/Error.gif) no-repeat top;
}

.UIPopupMessages .PopupMessageContainer .PopupMessage {
	line-height: 16px;
	vertical-align: middle;
	padding: 5px 0px;
	margin-left: 25px; /* orientation=lt */
}

.UIPopupMessages .MessageActionBar {
}

/***************************Begin PoupWindow ExoMessage**********************************/

.UIPopupWindow .ExoMessageDecorator {
	overflow: hidden;/*Fix for IE*/
}

.UIPopupWindow .ExoMessageDecorator .TopLeftCornerDecorator {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupMessage/background/ExoMessageDecorator.png') no-repeat left top;
	padding-left: 6px;
	height: 31px;
}

.UIPopupWindow .ExoMessageDecorator .TopRightCornerDecorator {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupMessage/background/ExoMessageDecorator.png') no-repeat right -31px;
	padding-right: 6px;
	height: 31px;
}

.UIPopupWindow .ExoMessageDecorator .TopCenterDecorator {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupMessage/background/ExoMessageDecorator.png') repeat-x center -62px;
	height: 26px;
}

.UIPopupWindow .ExoMessageDecorator .PopupTitle {
	background: none;
	text-align: left; /* orientation=lt */
}

.UIPopupWindow .ExoMessageDecorator .PopupTitleIcon {
	width: 16px;	height: 16px;
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/Message.gif') no-repeat;
	float: left; /* orientation=lt */
	margin: 4px 0px 0px 4px; /* orientation=lt */
}

.UIPopupWindow .ExoMessageDecorator .MiddleLeftSideDecorator {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupMessage/background/MiddleExoMessage.png') repeat-y left;
	padding-left: 4px;
	height: 100%;
}

.UIPopupWindow .ExoMessageDecorator .MiddleRightSideDecorator {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupMessage/background/MiddleExoMessage.png') repeat-y right;
	padding-right: 4px;
}

.UIPopupWindow .ExoMessageDecorator .MiddleCenterDecorator {
	background: #e1e1e1;
	padding: 6px 7px;
}

.UIPopupWindow .ExoMessageDecorator	.UIWindowContent {
	padding: 0px; margin: 0px;
	border: none;
}

.UIPopupWindow .ExoMessageDecorator	.PopupContent {
	background: none;
}

.UIPopupWindow .ExoMessageDecorator	.UIWindowContent .Content {
	padding: 0px; margin: 0px;
	border: none;
}

.UIPopupWindow .ExoMessageDecorator .BottomLeftCornerDecorator {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupMessage/background/ExoMessageDecorator.png') no-repeat left -93px;
	padding-left: 6px; 
}

.UIPopupWindow .ExoMessageDecorator .BottomRightCornerDecorator {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupMessage/background/ExoMessageDecorator.png') no-repeat right -99px;
	padding-right: 6px;
}

.UIPopupWindow .ExoMessageDecorator .BottomCenterDecorator {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupMessage/background/ExoMessageDecorator.png') repeat-x center -105px;
	height: 6px;
}

.UIPopupWindow .ExoMessageDecorator .UITabContentContainer {
	background: white;
}

.UIPopupWindow .ExoMessageDecorator .UITabContentContainer .UITabContent {
	height: auto;
	background: none;
	border: none;
	padding: 0px;
}
/**
 * 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.
 */

.UIPopupCategory {
	/*
		filter:alpha(opacity=50);
		-moz-opacity: 0.5;
		opacity: 0.5; For Mozilla FireFox
		khtml-opacity: 0.5;
	*/
	position: absolute;
	width: 120px;
	top: 15px;
	left: -85px; /* orientation=lt */
}

.UIPopupCategory .PopupCategoryDecorator {
}

.UIPopupCategory .PopupCategoryDecorator .PopupCategoryTL {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupCategory/background/PopupCategory.gif') no-repeat left top;
	padding-left: 6px; /* orientation=lt */
}

.UIPopupCategory .PopupCategoryDecorator .PopupCategoryTC {
	height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupCategory/background/PopupCategory.gif') repeat-x left -39px;
}

.UIPopupCategory .PopupCategoryDecorator .PopupCategoryTR {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupCategory/background/PopupCategory.gif') no-repeat right -16px;
	padding-right: 35px; /* orientation=lt */
}

.UIPopupCategory .PopupCategoryDecorator .PopupCategoryML {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupCategory/background/MidlePopupCategory.gif') repeat-y left;
	padding-left: 6px; /* orientation=lt */
}

.UIPopupCategory .PopupCategoryDecorator .PopupCategoryMC {
	background: #efefef;
}

.UIPopupCategory .PopupCategoryDecorator .PopupCategoryMR {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupCategory/background/MidlePopupCategory.gif') repeat-y right;
	padding-right: 8px; /* orientation=lt */
}

.UIPopupCategory .PopupCategoryDecorator .PopupCategoryBL {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupCategory/background/PopupCategory.gif') no-repeat left -32px;
	padding-left: 6px; /* orientation=lt */
}

.UIPopupCategory .PopupCategoryDecorator .PopupCategoryBC {
	height: 7px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupCategory/background/PopupCategory.gif') repeat-x left -55px;
}

.UIPopupCategory .PopupCategoryDecorator .PopupCategoryBR {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupCategory/background/PopupCategory.gif') no-repeat right -32px;
	padding-right: 8px; /* orientation=lt */
}

.UIPopupCategory .CategoryItem .Icon {
	width: 16px;
	height: 16px;
	float: left; /* orientation=lt */
	margin: 3px 3px 0px 7px;/* orientation=lt */
	background: transparent url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/GrayNextArrow.gif') no-repeat;
}

.UIPopupCategory .CategoryItem .ModifiedIcon {
	margin-left: 0px;
}

.UIPopupCategory .CategoryItem {
	color: #333;
	background: #efefef;
	border-bottom: 1px #cdcdcd solid;
	cursor: pointer;
	display: block;
}

.UIPopupCategory .CategoryItem:hover {
	background: #cbcff2;
	color: #2569dc;
}

.UIPopupCategory .CategoryItem .CategoryItemLabel {
	padding-left: 18px; /* orientation=lt */
	height: 22px;
	line-height: 22px;
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/GrayNextArrow.gif') no-repeat left center; /* orientation=lt */
}
/**
 * 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.
 */

.UIPopupWindow {	
	position: absolute;
	visibility: hidden;
}

.UIPopupWindow .PopupTitleIcon {
	float: left; /* orientation=lt */
	margin: 5px 0px 0px 3px; /* orientation=lt */
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupWindow/background/PopupWindow.gif') no-repeat left bottom;
}

.UIPopupWindow .PopupTitleIconRight {
	float: right;
	margin: 5px 3px 0px 0px;
	width: 19px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupWindow/background/PopupWindow.gif') no-repeat left bottom;
}

.UIPopupWindow .PopupTitle {
	margin: 4px 26px 0px 26px;
	line-height: 16px; 
	vertical-align: middle;
	cursor: move;
	color: #000;
}

.UIPopupWindow .CloseButton {
	float: right; /* orientation=lt */
	margin: 5px 3px 0px 0px; /* orientation=lt */
	cursor: pointer;
	width: 23px; height: 17px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupWindow/background/CloseIcon.gif') no-repeat right top;
}

.UIPopupWindow .BackButton {
	float: right; /* orientation=lt */
	margin: 5px 3px 0px 0px; /* orientation=lt */
	cursor: pointer;
	width: 18px; height: 18px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupWindow/background/Back.gif') no-repeat right bottom;
}

.UIPopupWindow .TopLeftCornerDecorator {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupWindow/background/TopPopup.png') no-repeat left top;
	padding-left: 8px;
}

.UIPopupWindow .TopCenterDecorator {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupWindow/background/TopPopup.png') repeat-x left -66px;
	height: 28px;
	padding-top: 5px;
}

.UIPopupWindow .TopRightCornerDecorator {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupWindow/background/TopPopup.png') no-repeat right -33px;
	padding-right: 8px;
}

.UIPopupWindow .MiddleLeftSideDecorator {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupWindow/background/MiddlePopup.png') repeat-y left top;
	padding-left: 8px;	
}

.UIPopupWindow .MiddleCenterDecorator {
	background: #e1e1e1;
	padding: 0px 3px 5px 3px;
}

.UIPopupWindow .MiddleRightSideDecorator {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupWindow/background/MiddlePopup.png') repeat-y right top;
	padding-right: 8px;
	}

.UIPopupWindow .UIWindowContent {
	border: 1px solid #bdbcbd;
}

.UIPopupWindow .PopupContent {
	width: 100%;
	background: #f7f7f7;
	overflow: auto;
}

.UIPopupWindow .ResizeButton {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupWindow/background/ResizeBtn.gif') no-repeat right top;
  display: block;
  float: right; /* orientation=lt */
  cursor: nw-resize; /* orientation=lt */
  position: absolute;
  bottom: 8px;
  right: 8px; /* orientation=lt */
}

.UIPopupWindow .BottomLeftCornerDecorator {
background:  url('/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupWindow/background/BottomPopup.png') no-repeat left top;
	padding-left: 7px;
}

.UIPopupWindow .BottomCenterDecorator {
background:  url('/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupWindow/background/BottomPopup.png') repeat-x left -14px;
	height: 7px;
}

.UIPopupWindow .BottomRightCornerDecorator {
background:  url('/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupWindow/background/BottomPopup.png') no-repeat right -7px;
	padding-right: 7px;	
}

.UIPopupWindow .Content .UIPageBrowser {
	padding: 7px 4px 0px 8px;
	width: 96%;
	margin: auto;
}

/************************** UIPortalComposer **************************/

.UIPortalComposer {
}

.UIPortalComposer .TLPortalComposer {
background: transparent url(/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupWindow/background/PortalComposer.gif) no-repeat left top;
	padding-left: 7px;
}

.UIPortalComposer .TRPortalComposer {
background: transparent url(/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupWindow/background/PortalComposer.gif) no-repeat right top;
	padding-right: 7px;
}

.UIPortalComposer .TCPortalComposer {
background: transparent url(/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupWindow/background/PortalComposer.gif) repeat-x left -34px;
	height: 34px;
}

.UIPortalComposer .CollapseIcon {
background: url(/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupWindow/background/ExpandIcon.gif) no-repeat left;
	width: 16px; 
	height: 14px;
	float: left;  /* orientation=lt */
	margin: 8px 5px;
	cursor: pointer;
}

.UIPortalComposer .ExpandIcon {
background: url(/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupWindow/background/GrayDownIcon.gif) no-repeat left;
	width: 16px; 
	height: 14px;
	float: left;  /* orientation=lt */
	margin: 8px 5px;
	cursor: pointer;
}

.UIPortalComposer .CloseButton {
background: url(/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupWindow/background/CloseIcon.gif) no-repeat right bottom;
	width: 23px;
	height: 17px;
	float: right; /* orientation=lt */
	margin: 6px 0px 0px 2px; /* orientation=lt */
}

.UIPortalComposer .SaveButton {
background: url(/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupWindow/background/EdittedSaveIcon.gif) no-repeat right bottom;
	cursor: pointer;
	float: right; /* orientation=lt */
	height: 17px;
	margin: 6px 0px 0px 2px; /* orientation=lt */
	width: 23px;
}

.UIPortalComposer .BackButton {
background: url(/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupWindow/background/BackIcon.gif) no-repeat right bottom;
	width: 23px;
	height: 17px;
	float: right; /* orientation=lt */
	margin: 6px 0px 0px 0px;
}

.UIPortalComposer .EdittedSaveButton {
background: url(/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupWindow/background/SaveIcon.gif) no-repeat right bottom;
	cursor: pointer;
	float: right; /* orientation=lt */
	height: 17px;
	margin: 6px 0px 0px 2px; /* orientation=lt */
	width: 23px;
}

.UIPortalComposer .PopupTitle {
	background: none;
	margin: 0px 42px 0px 26px; /* orientation=lt */
	text-align: left; /* orientation=lt */
	color: #000;
	font-size: 12px;
	font-family: arial;
	cursor: move;
	line-height: 30px;
	height: 30px;
}

.UIPortalComposer .MLPortalComposer {
background: url(/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupWindow/background/MiddlePortalComposer.gif) repeat-y left top;
	padding-left: 3px;
}

.UIPortalComposer .MRPortalComposer {
background: url(/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupWindow/background/MiddlePortalComposer.gif) repeat-y right top;
	padding-right: 3px;
}

.UIPortalComposer .MCPortalComposer {
background: #d8dae1 url(/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupWindow/background/CenterMiddleWindow.gif) repeat-x left top;
	padding: 4px;
	padding-bottom: 0px;
}

.UIPortalComposer .BLPortalComposer {
	border: 1px solid #a2a3a9;
	border-top: none;
	background: #d8dae1;
}

.UIPortalComposer .BRPortalComposer {
	padding: 0px 6px 6px 6px;
}

.UIPortalComposer .BCPortalComposer {
	background: #ececec;
	border: 1px solid #bbbcc2;
	height: 50px;
}

.UIPortalComposer .BCPortalComposer {

}

.UIPortalComposer .Bottom {
	border-bottom: 1px solid #a2a3a9;
}

.UIPortalComposer .UIWindowContent	{
	border: none;
}

.UIPortalComposer .PopupContent {
	background: none;
}

.UIPortalComposer .UITabPane {
	height: auto;
}

.UIPortalComposer .UITabPane .TabPaneContent {
	padding: 0px;
}

.UIPortalComposer .UIHorizontalTabs .TabsContainer {
background: url(/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupWindow/background/CenterHorizontalTabs.gif) repeat-x left bottom;
	height: 25px;
}

.UIPortalComposer .UITabPane .UITabContentContainer {
}

.UIPortalComposer .UITabPane .UITabContentContainer .UITabContent {
	background: none;
	border: none;
}

.UIPortalComposer .ResizeButton {
	width: 13px; height: 13px;
	margin: 0;
}
/**
 * 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.
 */

.UIPageDesktop .UIWindow .WindowBarCenter .WindowPortletInfo {
	cursor: move;
}

/*##########################################################*/

.UIWindow .InactiveWindowPortletControl {
	display: none;
}

.UIWindow .UIApplication {
	overflow: auto;
}

/*======================== UIPageBody ================================*/

.UIWindow {
	width: 98.5%; height: auto;
	margin: 0px auto 0px auto; 
}

.UIPageBody .UIWindow .UIApplication {
	height: auto;
}

.UIPageBody .UIWindow .ResizeArea {
	float: right;
	width: 0px; height: 0px;
	background: none;
}

.UIPageBody .Empty {
	width: 500px;
	margin: 0px auto;
	padding: 30px 0px;
}

/*======================== UIPortalWarning ================================*/

.UIPageBody .UIPortalWarning {
	font-family: tahoma;
	font-size: 12px;
}

.UIPageBody .UIPortalWarning .LeftTopWarning {
	background: url('/eXoResources/skin/sharedImages/LeftTopWarning7x58.gif') no-repeat left top;	
	height: 40px;
	padding-left: 7px;
}

.UIPageBody .UIPortalWarning .RightTopWarning {
	background: url('/eXoResources/skin/sharedImages/RightTopWarning7x58.gif') no-repeat right top;	
	height: 40px;
	padding-right: 7px;
}

.UIPageBody .UIPortalWarning .CenterTopWaring {
	background: url('/eXoResources/skin/sharedImages/CenterTopWarning1x58.gif') repeat-x top;	
	height: 40px;
	line-height: 40px;
}

.UIPageBody .UIPortalWarning .CenterTopWaring	.TitleWaring {
	background: url('/eXoResources/skin/sharedImages/WarningIcon.gif') no-repeat left center;	
	padding-left: 50px;
	font-size: 15px;
	font-weight: bold;
	line-height: 40px;
	text-align: left; /* orientation=lt */
	margin-left: 20px; /* orientation=lt */
}

.UIPageBody .UIPortalWarning .LeftMiddleWarning {
	background: white url('/eXoResources/skin/sharedImages/LeftMiddleWarning7x1.gif') repeat-y left;	
	padding-left: 7px; 
}

.UIPageBody .UIPortalWarning .RightMiddleWarning {
	background: url('/eXoResources/skin/sharedImages/RightMiddleWarning7x1.gif') repeat-y right;	
	text-align: left;
	padding: 30px 30px 50px 30px;
}

.UIPageBody .UIPortalWarning .RightMiddleWarning .Icon {
	background: url('/eXoResources/skin/sharedImages/BlueNextArrow.gif') no-repeat left 5px; /* orientation=lt */
	padding: 6px 0px 6px 20px; /* orientation=lt */
	text-align: left; /* orientation=lt */
}

.UIPageBody .UIPortalWarning .LeftBottomWarning {
	background: url('/eXoResources/skin/sharedImages/LeftBottomWarning7x7.gif') no-repeat left center;	
	height: 7px;
	padding-left: 7px;
}

.UIPageBody .UIPortalWarning .RightBottomWarning {
	background: url('/eXoResources/skin/sharedImages/RightBottomWarning7x7.gif') no-repeat right center;	
	height: 7px;
	padding-right: 7px;
}

.UIPageBody .UIPortalWarning .CenterBottomWaring {
	background: url('/eXoResources/skin/sharedImages/CenterBottomWarning1x7.gif') repeat-x center;	
	height: 7px;
}
/**
 * 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.
 */

.UIRightClickPopupMenu {
	display: none;
	position: absolute;
}

.UIContextMenuContainer {
	background: #c4c4c4;
	border: 1px solid #7e7e7f;
} 

.UIRightClickPopupMenu .UIRightPopupMenuContainer {
	margin: 1px;
	padding: 5px 0px;
	background: #f6f6f6;
}

.UIRightClickPopupMenu .RightClickCustomItem {
	display: none;
}

.UIRightClickPopupMenu .MenuItem .ItemIcon {
	padding: 5px 0px 5px 26px; /* orientation=lt */
	line-height: 16px;
	width: auto;
	cursor: pointer;
	white-space: nowrap;
	display: block;
	background-position: 6px center; /* orientation=lt */
}

.UIRightClickPopupMenu .UIRightPopupMenuContainer a:hover {
	color: orange;
	background-color: #dee4f2;
}

.UIRightClickPopupMenu .AddNode16x16Icon {
	width: auto;
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/BlueCirclePlus.gif') no-repeat left center; /* orientation=lt */
}

.UIRightClickPopupMenu .EditPageNode16x16Icon {
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/EditPageNode.gif') no-repeat left center; /* orientation=lt */
}

.UIRightClickPopupMenu .EditSelectedNode16x16Icon {
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/EditNode.gif') no-repeat left center; /* orientation=lt */
}

.UIRightClickPopupMenu .CopyNode16x16Icon {
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/CopyIcon.gif') no-repeat left center; /* orientation=lt */
}

.UIRightClickPopupMenu .CloneNode16x16Icon {
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/CloneIcon.gif') no-repeat left center; /* orientation=lt */
}

.UIRightClickPopupMenu .CutNode16x16Icon {
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/Cut.gif') no-repeat left center; /* orientation=lt */
}

.UIRightClickPopupMenu .PasteNode16x16Icon {
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/PasteIcon.gif') no-repeat left center; /* orientation=lt */
}

.UIRightClickPopupMenu .DeleteNode16x16Icon {
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/DustBin.gif') no-repeat left center; /* orientation=lt */
}

.UIRightClickPopupMenu .PasteNavigation16x16Icon {
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/PasteIcon.gif') no-repeat left center; /* orientation=lt */
}

.UIRightClickPopupMenu .DeleteNavigation16x16Icon {
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/DustBin.gif') no-repeat left center; /* orientation=lt */
}

.UIRightClickPopupMenu .EditNavigation16x16Icon {
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/Pencil.gif') no-repeat left center; /* orientation=lt */
}

.UIRightClickPopupMenu .SaveNavigation16x16Icon {
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/FloppyDisk.gif') no-repeat left center; /* orientation=lt */
}
/**
 * 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.
 */

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

.UIHorizontalTabs {
}

.UIHorizontalTabs .CenterHorizontalTabs {
	overflow-y: hidden;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/NormalTabStyle.gif') repeat-x center top;
	padding: 0px 6px;
}

.UIHorizontalTabs .TabsContainer {
 	height: 24px;
}

.UIHorizontalTabs .UITab {
	float: left; /* orientation=lt */
	font-weight: bold;
	text-align: center;
	width: auto;
}

/*###########################-- NormalTabStyle --############################*/

.UIHorizontalTabs .NormalTabStyle .NormalTab {
	line-height: 24px; 
	margin-right: 1px; 
	color: #202020; 
	font-weight: normal;
}

.UIHorizontalTabs .NormalTabStyle .NormalTab a {
	line-height: 24px;
}

.UIHorizontalTabs .NormalTabStyle .NormalTab .LeftTab {
	padding-left: 12px; /* orientation=lt */
	line-height: 24px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/NormalTabStyle.gif') no-repeat left -24px;
}

.UIHorizontalTabs .NormalTabStyle .NormalTab .RightTab {
	line-height: 24px;
	padding-right: 3px; /* orientation=lt */
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/NormalTabStyle.gif') no-repeat right -24px;
}

.UIHorizontalTabs .NormalTabStyle .NormalTab .MiddleTab {
	line-height: 24px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/NormalTabStyle.gif') repeat-x center -48px;
	cursor: pointer;
	padding: 0px 8px;
}

.UIHorizontalTabs .NormalTabStyle .HighlightTab {
	line-height: 24px;
	margin-right: 1px;
	color: #0666d2; 
	font-weight: normal;
}

.UIHorizontalTabs .NormalTabStyle .HighlightTab .LeftTab {
	line-height: 24px;
	padding-left: 12px; /* orientation=lt */
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/NormalTabStyle.gif') no-repeat left -72px;
}

.UIHorizontalTabs .NormalTabStyle .HighlightTab .RightTab {
	line-height: 24px;
	padding-right: 3px; /* orientation=lt */
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/NormalTabStyle.gif') no-repeat right -72px;
}

.UIHorizontalTabs .NormalTabStyle .HighlightTab .MiddleTab {
	line-height: 24px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/NormalTabStyle.gif') repeat-x center -96px;
	cursor: pointer;
	padding: 0px 4px;
}

.UIHorizontalTabs .NormalTabStyle .SelectedTab {
	line-height: 24px;
	margin-right: 1px;
	color: #307dcc; 
}

.UIHorizontalTabs .NormalTabStyle .SelectedTab .LeftTab {
	line-height: 24px;
	padding-left: 15px; /* orientation=lt */
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/NormalTabStyle.gif') no-repeat left -120px;
}

.UIHorizontalTabs .NormalTabStyle .SelectedTab .RightTab {
	line-height: 24px;
	padding-right: 3px; /* orientation=lt */
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/NormalTabStyle.gif') no-repeat right -120px;
}

.UIHorizontalTabs .NormalTabStyle .SelectedTab .MiddleTab {
	line-height: 24px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/NormalTabStyle.gif') repeat-x center -144px;
	cursor: pointer;
	font-weight: normal;
	padding: 0px 8px;
}

/*###########################-- MessageTabDialog --############################*/
/*==============================NormalTab for MessageTab=====================*/

.UIHorizontalTabs .MessageTabDialog {
	padding-top: 1px;
}

.UIHorizontalTabs .MessageTabDialog .NormalTab {
	line-height: 31px;
	margin-right: 1px; /* orientation=lt */
	color: #202020; font-weight: normal;
}

.UIHorizontalTabs .MessageTabDialog .NormalTab .LeftTab {
	padding-left: 2px; /* orientation=lt */
	line-height: 31px;
}

.UIHorizontalTabs .MessageTabDialog .NormalTab .RightTab {
	line-height: 31px;
}

.UIHorizontalTabs .MessageTabDialog .NormalTab .MiddleTab {
	line-height: 31px;
	cursor: pointer;
	padding: 4px 8px 5px 4px; /* orientation=lt */
	color: black; 
	font-weight: normal;
}

.UIHorizontalTabs .MessageTabDialog .NormalTab div:hover{
	color: orange;
}

.UIHorizontalTabs .MessageTabDialog .NormalTab .TabIcon {
	padding-left: 30px; /* orientation=lt */
	line-height: 21px;
}

.UIHorizontalTabs .MessageTabDialog .NormalTab .InfoIcon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/MessageTabDialog.gif') no-repeat left -105px;
}

.UIHorizontalTabs .MessageTabDialog .NormalTab .ErrorIcon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/MessageTabDialog.gif') no-repeat left -21px;
}

.UIHorizontalTabs .MessageTabDialog .NormalTab .WarningIcon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/MessageTabDialog.gif') no-repeat left -63px;
}

/*==============================Disable Tab for MessageTab=====================*/

.UIHorizontalTabs .MessageTabDialog .DisabledTab {
	line-height: 31px;
	margin-right: 2px; /* orientation=lt */
	color: #202020; font-weight: normal;
}

.UIHorizontalTabs .MessageTabDialog .DisabledTab .LeftTab {
	padding-left: 2px; /* orientation=lt */
	line-height: 31px;
}

.UIHorizontalTabs .MessageTabDialog .DisabledTab .RightTab {
	line-height: 31px;
}

.UIHorizontalTabs .MessageTabDialog .DisabledTab .MiddleTab {
	line-height: 31px;
	cursor: pointer;
	padding: 4px 8px 5px 4px; /* orientation=lt */
	color: gray;	
	font-weight: normal;
}

.UIHorizontalTabs .MessageTabDialog .DisabledTab .TabIcon { 
	padding-left: 30px; /* orientation=lt */
	line-height: 21px;
}

.UIHorizontalTabs .MessageTabDialog .DisabledTab .InfoIcon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/MessageTabDialog.gif') no-repeat left -84px;
}

.UIHorizontalTabs .MessageTabDialog .DisabledTab .ErrorIcon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/MessageTabDialog.gif') no-repeat left top;
}

.UIHorizontalTabs .MessageTabDialog .DisabledTab .WarningIcon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/MessageTabDialog.gif') no-repeat left -42px;
}

/*==============================Selected Tab for MessageTab=====================*/

.UIHorizontalTabs .MessageTabDialog .SelectedTab {
	line-height: 27px;
	color: #058ee6;
	margin-right: 2px; /* orientation=lt */
 }

.UIHorizontalTabs .MessageTabDialog .SelectedTab .LeftTab {
	line-height: 31px;
	padding-left: 2px; /* orientation=lt */
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/MessageTabDialog.gif') no-repeat left -126px;
}

.UIHorizontalTabs .MessageTabDialog .SelectedTab .RightTab {
	line-height: 31px;
	padding-right: 2px; /* orientation=lt */
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/MessageTabDialog.gif') no-repeat right -126px;
}

.UIHorizontalTabs .MessageTabDialog .SelectedTab .MiddleTab {
	line-height: 31px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/MessageTabDialog.gif') repeat-x center -156px;
	cursor: pointer;
	padding: 4px 8px 5px 4px; /* orientation=lt */
	color: #058ee6;	font-weight: normal;
}

.UIHorizontalTabs .MessageTabDialog .SelectedTab	div:hover{
	color: orange;
}

.UIHorizontalTabs .MessageTabDialog .SelectedTab .TabIcon {
	padding-left: 30px; /* orientation=lt */
	line-height: 21px;
}

.UIHorizontalTabs .MessageTabDialog .SelectedTab .InfoIcon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/MessageTabDialog.gif') no-repeat left -105px;

}

.UIHorizontalTabs .MessageTabDialog .SelectedTab .ErrorIcon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/MessageTabDialog.gif') no-repeat left -21px;
}

.UIHorizontalTabs .MessageTabDialog .SelectedTab .WarningIcon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/MessageTabDialog.gif') no-repeat left -63px;
}

/***************************** GrayTabStyle ************************/
.UIHorizontalTabs .GrayTabStyle {
	margin-right: 2px; /* orientation=lt */
}

.UIHorizontalTabs .GrayTabStyle .NormalTab .LeftTab {
background: url(/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/TabEditInline.gif) no-repeat left top;
	padding-left: 4px;
	cursor: pointer;
}

.UIHorizontalTabs .GrayTabStyle .NormalTab .RightTab {
background: url(/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/TabEditInline.gif) no-repeat right top;
	padding-right: 4px;
}

.UIHorizontalTabs .GrayTabStyle .NormalTab .MiddleTab {
background: url(/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/TabEditInline.gif) repeat-x left -25px;
	line-height: 25px;
	color: #000; 
	padding: 0px 8px;
	font-weight: normal;
}

.UIHorizontalTabs .GrayTabStyle .SelectedTab .LeftTab {
background: url(/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/TabEditInline.gif) no-repeat left -50px;
	padding-left: 4px;
	cursor: pointer;
}

.UIHorizontalTabs .GrayTabStyle .SelectedTab .RightTab {
background: url(/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/TabEditInline.gif) no-repeat right -50px;
	padding-right: 4px;
}

.UIHorizontalTabs .GrayTabStyle .SelectedTab .MiddleTab {
background: url(/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/TabEditInline.gif) repeat-x left -75px;
	line-height: 25px;
	color: #000; 
	padding: 0px 8px;
	font-weight: normal;
}
/**
 * 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.
 */

.UITabPane {
	height: 100%;
}

.UITabPane .TabPaneContent {
	padding: 8px;
}

.UITabPane .UITabContentContainer {
	border: solid 1px #aeaeae; border-top: none;
	background: white;
}

.UITabPane .UITabContentContainer .UITabContent {
	background: #f7f7f7;
	border: solid 1px white; border-top: none;
	padding: 10px;
}

.UITabPane .UIForm .HorizontalLayout {
	border: none;
	background: none;
	padding: 0px;
}

.UITabPane .UIFormWithTitle .HorizontalLayout {
	border: 1px solid #b7b7b7;
	border-top: none;
	padding: 10px;
}
/**
 * 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.
 */

/*#######################-VTabSimpleStyle VerticalSlideTabs-######################*/
	
.UIVerticalSlideTabs .VTabSimpleStyle .NormalTab{
	cursor: pointer;
	line-height: 26px;
background: #fafafa url(/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UIVerticalSlideTabs/background/BottomVTabSimpleStyle224x1.gif) no-repeat bottom right;
	height: 26px;
}

.UIVerticalSlideTabs .VTabSimpleStyle .NormalTab .LeftIcon {
	float: left; /* orientation=lt */
	width: 16px;	height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UIVerticalSlideTabs/background/BlueNextArrow.gif') no-repeat;
	margin: 6px 0px 0px 3px;
}

.UIVerticalSlideTabs .VTabSimpleStyle .NormalTab .TabLabel {
	float: left; /* orientation=lt */
	height: 22px; line-height: 22px;	
	color: #606060; font-weight: bold;
	text-transform: capitalize;
}

/***-SelectedTab VTabSimpleStyle VerticalSlideTabs-***/

.UIVerticalSlideTabs .VTabSimpleStyle .SelectedTab {
	cursor: pointer;
background: #e5e5e5 url(/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UIVerticalSlideTabs/background/BottomVTabSimpleStyle224x1.gif) no-repeat bottom right;
	height: 26px;
}

.UIVerticalSlideTabs .VTabSimpleStyle .SelectedTab .LeftIcon {
	float: left; /* orientation=lt */
	width: 16px;	height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UIVerticalSlideTabs/background/BlueDownArrow.gif') no-repeat;
	margin: 4px 0px 0px 3px;
}

.UIVerticalSlideTabs .VTabSimpleStyle .SelectedTab .TabLabel {
	float: left; /* orientation=lt */
	height: 26px; 
	line-height: 26px;	
	color: #058ee6; 
	font-weight: bold; 
	text-transform: capitalize;
}

.UIVerticalSlideTabs .VTabSimpleStyle .SelectedTab .ControlContainer {
	float: right; /* orientation=lt */
	padding-right: 2px;
}

.UIVerticalSlideTabs .VTabSimpleStyle .SelectedTab .ControlIcon {
	float: left; /* orientation=lt */
	margin: 4px 2px 0px 2px;
}

.UIVerticalSlideTabs .VTabSimpleStyle .SelectedTab .EditIcon{
	width: 16px;	
	height: 17px;
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/EditIcon.gif') no-repeat;
}

.UIVerticalSlideTabs .VTabSimpleStyle .SelectedTab .DeleteIcon{
	width: 20px;	height: 17px;
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/DustBin.gif') no-repeat;
}

.UIVerticalSlideTabs .VTabSimpleStyle .UIVTabContent {
background: #ffffff url(/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UIVerticalSlideTabs/background/BottomVTabSimpleStyle224x1.gif) no-repeat bottom right;
	padding: 10px;
	margin: 1px 0px 1px 1px;
	text-transform: capitalize;
}


/*#######################-VTabStyle3 VerticalSlideTabs-######################*/

.UIVerticalSlideTabs .VTabStyle3 {
	cursor: pointer;
}

.UIVerticalSlideTabs .VTabStyle3 .NormalTab .TabLeft {
	padding-left: 4px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UIVerticalSlideTabs/background/VTabStyle3.gif') no-repeat left top;
}

.UIVerticalSlideTabs .VTabStyle3 .NormalTab .TabRight {
	padding-right: 4px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UIVerticalSlideTabs/background/VTabStyle3.gif') no-repeat right top;
}

.UIVerticalSlideTabs .VTabStyle3 .NormalTab .TabRepeat {
	height: 26px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UIVerticalSlideTabs/background/VTabStyle3.gif') repeat-x left -26px;
}

.UIVerticalSlideTabs .VTabStyle3 .NormalTab .LeftIcon {
	float: left; /* orientation=lt */
	width: 16px;	height: 16px;
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/BlueNextArrow.gif') no-repeat; /* orientation=lt */
	margin: 6px 5px 0px 5px;
}

.UIVerticalSlideTabs .VTabStyle3 .NormalTab .TabLabel {
	float: left; /* orientation=lt */
	height: 26px; line-height: 26px;
}

.UIVerticalSlideTabs .VTabStyle3 .NormalTab .SwitchButton {
	float: right; /* orientation=lt */
	width: 16px;	height: 16px;
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/BlueNextArrow.gif') no-repeat;
	margin: 6px 3px 0px 0px; /* orientation=lt */
	cursor: pointer;
}

.UIVerticalSlideTabs .VTabStyle3 .NormalTab .UIVTabContent {
	background: #ffffff;
	border: solid 1px #b2b1b1;
	padding: 5px;
	margin: 1px 0px;
}

/***-SeltectedTab VerticalSlideTabs-***/

.UIVerticalSlideTabs .VTabStyle3 .SelectedTab {
}

.UIVerticalSlideTabs .VTabStyle3 .SelectedTab .TabLeft {
	padding-left: 3px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UIVerticalSlideTabs/background/VTabStyle3.gif') no-repeat left -52px;
}

.UIVerticalSlideTabs .VTabStyle3 .SelectedTab .TabRight {
	padding-right: 3px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UIVerticalSlideTabs/background/VTabStyle3.gif') no-repeat right -52px;
}

.UIVerticalSlideTabs .VTabStyle3 .SelectedTab .TabRepeat {
	height: 26px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UIVerticalSlideTabs/background/VTabStyle3.gif') repeat-x bottom;
}

.UIVerticalSlideTabs .VTabStyle3 .SelectedTab .LeftIcon {
	float: left; /* orientation=lt */
	width: 16px; height: 16px;
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/BlueDownArrow.gif') no-repeat;
	margin: 6px 5px 0px 5px;
}

.UIVerticalSlideTabs .VTabStyle3 .SelectedTab .TabLabel {
	float: left; /* orientation=lt */
	height: 26px; line-height: 26px;	
	color: blue;
}

.UIVerticalSlideTabs .VTabStyle3 .SelectedTab .SwitchButton {
	float: right; /* orientation=lt */
	width: 16px; height: 16px;
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/BlueDownArrow.gif') no-repeat;
	margin: 6px 3px 0px 0px; /* orientation=lt */
}

.UIVerticalSlideTabs .VTabStyle3 .SelectedTab .UIVTabContent {
	background: #ffffff;
	border: solid 1px #b2b1b1;
	margin: 1px 0px;
	padding: 5px;
}

/************************************************/

.UIVerticalSlideTabs .VTabStyle4 {
	border: 1px solid #b8babf;
	margin-bottom: 2px;
}

.UIVerticalSlideTabs .VTabStyle4 .NormalTab	{
background: #dadada url(/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UIVerticalSlideTabs/background/VTabStyle4.gif) repeat-x left top;
	line-height: 21px;
	padding: 0px 0px 0px 8px;
}

.UIVerticalSlideTabs .VTabStyle4 .NormalTab .TabLabel {
	overflow: hidden;
	color: #000;
	text-transform: capitalize;
	cursor: pointer;
}

.UIVerticalSlideTabs .VTabStyle4 .SelectedTab {
background: transparent url(/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UIVerticalSlideTabs/background/VTabStyle4.gif) repeat-x left top;
	line-height: 21px;
	padding: 0px 0px 0px 8px;
	cursor: pointer;
	margin-bottom: 1px;
}

.UIVerticalSlideTabs .VTabStyle4 .SelectedTab .TabLabel {
	color: #000;
	text-transform: capitalize;
}

.UIVerticalSlideTabs .VTabStyle4 .LabelTab {
	color: #6d6d6d;
	font-weight: bold;
	margin-bottom: 5px;
}

.UIVerticalSlideTabs .VTabStyle4 .LableText {
	color: #6d6d6d;
}

.UIVerticalSlideTabs .VTabStyle4 .UIVTabContent	{
	background: white;
	padding: 0px;
}

.UIVerticalSlideTabs .VTabStyle4 .UIVTabContent .OverflowContainer {
	_width: 92%;
	_padding: 7px 0px;
}

.UIVerticalSlideTabs .VTabStyle4 .VTabContentBG {
background: url(/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UIVerticalSlideTabs/background/VTabContentBG.gif) repeat-x left top;
	padding: 7px;
	_padding: 0px 7px;
}

.UIVerticalSlideTabs .VTabStyle4 .VTabContentBG img {
	float: left; /* orientation=lt */
	margin: 0px 4px 0px 0px; /* orientation=lt */
}

.UIVerticalSlideTabs .VTabStyle4 .VTabContentBG .ContentInfo {
	padding-top: 15px;
}

.UIVerticalSlideTabs .VTabStyle4 .UIVTabContent .TabLable {
	overflow: hidden;
	width: 70%;
}
/**
 * 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.
 */

/***************************FlatTabStyle************************************/

.UITabSelector {
	padding: 5px;

}

.UITabSelector .UIHorizontalTabs {
	height: 31px;
}

.UITabSelector .UIHorizontalTabs .LeftHorizontalTabs{
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabSelector/background/TabSelector.gif') no-repeat left top;
	padding-left: 2px;
}

.UITabSelector .UIHorizontalTabs .RightHorizontalTabs{
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabSelector/background/TabSelector.gif') no-repeat right top;
	padding-right: 2px;
}

.UITabSelector .UIHorizontalTabs .CenterHorizontalTabs {
	height: 31px;
	padding: 0px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabSelector/background/TabSelector.gif') repeat-x left -31px;
	padding: 0px;
}

.UITabSelector .UIHorizontalTabs .TabsContainer {
	overflow: hidden;
	line-height: 29px;
	height: 29px;
}

.UITabSelector .UIHorizontalTabs .UITab {
	float: left; /* orientation=lt */
}

.UITabSelector .UIHorizontalTabs .LineSeparator {
	float: left; /* orientation=lt */
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabSelector/background/TabSelector.gif') no-repeat left -91px;
	height: 29px;	
	width: 2px;
	line-height: 29px;
	margin-top: 2px;
}

/*
	minh.js.exo
*/
.UITabSelector .FlatTabStyle .NormalTab {
	line-height: 29px;
	margin: 2px 0px 0px 0px;
	color: #202020; font-weight: normal;
}

.UITabSelector .FlatTabStyle .NormalTab .MiddleTab {
	line-height: 29px;
	cursor: pointer;
	padding: 0px 6px;
}

.UITabSelector .FlatTabStyle .TabIcon {
	margin: 1px 4px 0px 0px; /* orientation=lt */
	width: auto;
	height: auto;
	padding-left: 25px; /* orientation=lt */
}

.UITabSelector .FlatTabStyle .UIPermissionSelector24x24Icon {
	background: url(/eXoResources/skin/DefaultSkin/skinIcons/24x24/icons/IconEditPermission.gif) no-repeat left; /* orientation=lt */
}

.UITabSelector .FlatTabStyle .UIListPermissionSelector24x24Icon {
	background: url(/eXoResources/skin/DefaultSkin/skinIcons/24x24/icons/IconAccessPermission.gif) no-repeat left; /* orientation=lt */
}

.UITabSelector .FlatTabStyle	a.Title {
	margin-left: 30px; /* orientation=lt */
	line-height: 28px;
	margin: 0px;
	font-weight: bold;
	color: gray; 
}

.UITabSelector .FlatTabStyle	a.Title:hover {
	color: #058ee6; 
}

/*
	minh.js.exo
*/

.UITabSelector .FlatTabStyle .SelectedTab {
	line-height: 29px;
	margin: 2px 0px 0px 0px;
	font-weight: normal; color: #307dcc;
}

.UITabSelector .FlatTabStyle .SelectedTab .MiddleTab {
	line-height: 29px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabSelector/background/TabSelector.gif') repeat-x left -62px;
	cursor: pointer;
	padding: 0px 6px;
}

/************************************ List Permission Selector *******************************/

.UIAccessGroup {
	padding: 10px;
}

.UIAccessGroup .UIGrid {
	width: 95%;
	margin: auto;
}

.UIAccessGroup .UIPageIterator {
	width: 95%;
	margin: 5px auto 0px auto;
}
/**
 * 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.
 */

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

.UIGroupMembershipSelector {	
	padding: 10px;
}

.UIGroupMembershipSelector .SelectedGroupPath {
	background: white;
	border: 1px solid #b7b7b7;
	margin-bottom: 3px; padding: 0px;
}

.UIGroupMembershipSelector .UIBreadcumbs {
	font-weight: normal;
	height: auto;
}

.UIGroupMembershipSelector .UIBreadcumbs .LeftBreadcumbsBar {
	background: none;
	height: auto;
}

.UIGroupMembershipSelector .UIBreadcumbs .RightBreadcumbsBar {
	height: auto;
}

.UIGroupMembershipSelector .UIBreadcumbs .BreadcumbsInfoBar {
	height: auto;
}

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

.UIGroupMembershipSelector .UIBreadcumbs .HomeIcon {
	float: left; /* orientation=lt */
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/SmallGroup.gif') no-repeat left; /* orientation=lt */
}

.UIGroupMembershipSelector .UIBreadcumbs .RightBlackGridArrow16x16Icon {
	float: left; /* orientation=lt */
	margin: 5px 2px 0px 1px; /* orientation=lt */
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/GridRightArrow.gif') no-repeat left; /* orientation=lt */
}

.UIGroupMembershipSelector .Container {
	padding: 10px;
	background: #f4f4f4;
	border: 1px solid #b7b7b7;
}

.UIGroupMembershipSelector .MembershipTitle {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIGroupMembershipSelector/background/TitleBG1x20.gif') repeat-x;
	border-bottom: 1px #b7b7b7 solid; 
	height: 20px; 
	line-height: 20px;
	padding-left: 15px; /* orientation=lt */
}

.UIGroupMembershipSelector .GroupSelector {
	float: left; /* orientation=lt */
	width: 230px;
	border: 1px solid white;
}

.UIGroupMembershipSelector .UITrees {
	border: none;	
}

.UIGroupMembershipSelector .UITrees .TreeContainer {
	height: 160px;
}

.UIGroupMembershipSelector .BlueLevelUpArrow24x24Icon {
	margin-left: 7px; /* orientation=lt */
}

.UIGroupMembershipSelector .MembershipSelector {
	background: #f4f4f4;
	border: 1px solid white; 
	margin-left: 240px; /* orientation=lt */
	height: 183px;
}

.UIGroupMembershipSelector .ContentContainer {
	border: 1px solid #b7b7b7;
}

.UIGroupMembershipSelector .MembershipSelector .OverflowContainer {
	background: white;
	height: 146px; width: auto;
	padding: 7px 0px;
	overflow: auto;
}

.UIGroupMembershipSelector .MembershipSelector .Label {
	line-height: 24px;
}

.UIGroupMembershipSelector .MembershipSelector	a:hover {
	color: blue; 
}

.UIGroupMembershipSelector	.MembershipSelector .OddRow {
	line-height: 22px;
	padding: 0px 5px;
	width: 80.5%;
	overflow: hidden;
}

.UIGroupMembershipSelector	.MembershipSelector .EvenRow {
	line-height: 22px;
	padding: 0px 5px;
	width: 80.5%;
	overflow: hidden;
}

.UIGroupMembershipSelector .MembershipSelector .ItemIcon {
	height: 22px; 
	line-height: 22px;
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/GrayNextArrow.gif') no-repeat left; /* orientation=lt */
	padding-left: 20px; /* orientation=lt */
	display: block;
}
/**
 * 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.
 */

.UIItemSelector {	
	margin: 2px 0px 2px 2px; /* orientation=lt */
}

.UIItemSelector .ItemDetailList .TemplateContainer .PortalOfficeImage {
	height: 222px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/TemplateContainer.jpg') no-repeat center -614px;
}

.UIItemSelector .ItemDetailList .TemplateContainer .PortalDefaultImage {
	height: 222px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/TemplateContainer.jpg') no-repeat center -392px;
}

.UIItemSelector .ItemDetailList .TemplateContainer .PageDefaultImage {
	height: 222px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/TemplateContainer.jpg') no-repeat center -392px;
}

.UIItemSelector .ItemDetailList .TemplateContainer .PageDesktopImage {
	height: 222px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/TemplateContainer.jpg') no-repeat center -836px;
}

.UIItemSelector .ItemDetailList .TemplateContainer .ClassicPortalImage {
	height: 222px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/TemplateContainer.jpg') no-repeat center -392px;
	margin-top: 9px;
}

.UIItemSelector .ItemDetailList .TemplateContainer .WebOSPortalImage {
	height: 222px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/TemplateContainer.jpg') no-repeat center -170px;
	margin-top: 9px;
}

.UIItemSelector .TemplateContainer .DefaultImage {
	height: 222px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/TemplateContainer.jpg') no-repeat center -392px;
}

.UIItemSelector .ItemDetailList .TemplateContainer .DesktopImage {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/TemplateContainer.jpg') no-repeat center -836px;
	height: 222px;
}

.UIItemSelector .ItemDetailList .LayoutHolder .DesktopImage {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/TemplateContainer.jpg') no-repeat top left;
	height: 170px;
	width: 270px;
	margin: auto;
}

.UIItemSelector .ItemDetailList .ItemDescription {
	height: 100px; 
	background: white;
	border: solid 1px #b7b7b7;
	padding: 2px;
}

.UIItemSelector .ItemDetailList .ItemDetail .ItemValueDescription {
	width: 50%; height: 53px; 
	padding-left: 15px; /* orientation=lt */
	margin-top: 12px; 
	overflow: auto;
	border: none;
}

/*=================Right Column Style======================*/

.UIItemSelector .RightColumnStyle {
	width: 99.5%;
	overflow: hidden;
}

.UIItemSelector .RightColumnStyle .ItemListContainer {
	float: right; /* orientation=lt */
	width: 220px;
}

.UIItemSelector .ItemListContainer .ItemList {
	border: 1px #c7c7c7 solid;
background: white url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/ItemList.jpg') no-repeat right bottom;
	height: 240px;
	overflow: auto;
}

.UIItemSelector .RightColumnStyle .ItemListContainer .ItemListBackground {
background: white url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/ItemList.jpg') no-repeat right bottom;
	height: 258px;
}

.UIItemSelector .RightColumnStyle .ItemDetailList {
	height: auto;
	margin-right: 225px; /* orientation=lt */
	padding: 1px;
}

.UIItemSelector .RightColumnStyle .ItemDetailList .ItemDetail {
	height: 240px;
	background: white;
	border: 1px #C7C7C7 solid;
}

.UIItemSelector .RightColumnStyle .ItemDetailList .ItemDetailTitle{
	height: 23px;
}

.UIItemSelector .RightColumnStyle .ItemDetailList .ItemDetailContainer{
 	background: #ffffff;
}

.UIItemSelector .RightColumnStyle .ItemListTitle {
	height: 23px;
}

.UIItemSelector .RightColumnStyle .ItemListTitle .ArrowS1Down16x16Icon {
	margin: 3px 0px 0px 4px; /* orientation=lt */
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/MacSkin/GrayAquaDownArrow.png') no-repeat;
	width: 18px; height: 18px;
}

.UIItemSelector .RightColumnStyle .TitleIcon {
	float: left; /* orientation=lt */
	margin: 0px 5px 0px 5px;
}

.UIItemSelector .RightColumnStyle .ItemDetailList .Title {
	width: 300px; overflow: hidden;
}	
	
.UIItemSelector .RightColumnStyle .ItemListContainer .Title {
	width: 143px; overflow: hidden;
}

.UIItemSelector .RightColumnStyle .Title {
	line-height: 22px; white-space: nowrap; 
	font-weight: bold; color: #5c5c5c; 
	float: left; /* orientation=lt */
}

.UIItemSelector .RightColumnStyle .ItemListIcon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/SelectedItem.gif') no-repeat left -418px;

}

.UIItemSelector .RightColumnStyle .ViewListIcon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/SelectedItem.gif') no-repeat left -434px;
	margin-top: 3px;
}

/*##########################- Default Item	-#########################*/

.UIItemSelector .RightColumnStyle .ItemList .Item {
	height: 26px; 
	cursor: pointer;
	border-bottom: 1px solid #dfdfdf;
}

.UIItemSelector .RightColumnStyle .ItemList .Item .LeftItem {
	height: 26px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/SelectedItem.gif') no-repeat left top;
	padding-left: 15px; /* orientation=lt */
}

.UIItemSelector .RightColumnStyle .ItemList .Item .RightItem {
	height: 26px; line-height: 26px;
}

.UIItemSelector .RightColumnStyle .ItemList .Item .ItemTitle {
	height: 26px; line-height: 26px;
	padding-left: 3px; /* orientation=lt */
}

/*###########################- Over Item (When mouse over on this item) -############################*/

.UIItemSelector .RightColumnStyle .ItemList .OverItem {
	height: 26px;
	cursor: pointer;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/SelectedItem.gif') repeat-x left -104px;
}

.UIItemSelector .RightColumnStyle .ItemList .OverItem .LeftItem {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/SelectedItem.gif') no-repeat left -52px;
	padding-left: 15px; /* orientation=lt */
}


.UIItemSelector .RightColumnStyle .ItemList .OverItem .RightItem {
	height: 26px; line-height: 26px; 
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/SelectedItem.gif') repeat-x left -104px;
}

.UIItemSelector .RightColumnStyle .ItemList .OverItem .ItemTitle {
	height: 26px; line-height: 26px; 
	color: #f67a02;
	padding-left: 3px; /* orientation=lt */
}

/*##########################- Selected Item	(When Item is selected)-#########################*/

.UIItemSelector .RightColumnStyle .ItemList .SelectedItem {
	height: 26px;
	cursor: pointer;
}

.UIItemSelector .RightColumnStyle .ItemList .SelectedItem .LeftItem {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/SelectedItem.gif') no-repeat left -26px;
	padding-left: 15px; /* orientation=lt */
}

.UIItemSelector .RightColumnStyle .ItemList .SelectedItem .RightItem {
	height: 26px; line-height: 26px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/SelectedItem.gif') repeat-x left -78px;
}

.UIItemSelector .RightColumnStyle .ItemList .SelectedItem .ItemTitle {
	height: 26px; line-height: 26px; 
	color: #0575CA;; 
	padding-left: 3px; /* orientation=lt */
}

/*#######################################-----RightColumnBigItemStyle-----####################################*/


.UIItemSelector .RightColumnBigItemStyle {
	overflow: hidden;
	width: 99.5%;
}

.UIItemSelector .RightColumnBigItemStyle .ItemListContainer {
	float: right; /* orientation=lt */
	width: 210px;
}

.UIItemSelector .RightColumnBigItemStyle .ItemListContainer .ItemList {
	border: 1px #b7b7b7 solid;
background: white url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/ItemList.jpg') no-repeat right bottom;
	height: 290px;
}

.UIItemSelector .RightColumnBigItemStyle .ItemDetailList {
	border: 1px #b7b7b7 solid;
	background: white;
	padding: 1px; 
	margin-right: 220px; /* orientation=lt */
	height: 290px;
}

.UIItemSelector .RightColumnBigItemStyle .ItemListContainer .ItemListTitle {
	font-size: 12px; text-align: center;
	height: 19px; line-height: 19px;
	border: solid 1px #b7b7b7;
	font-weight: bold; 
	margin-bottom: 2px;
	background: url('/eXoResources/skin/DefaultSkin/background/TitleBG1x20.gif') repeat-x;
}

.UIItemSelector .RightColumnBigItemStyle .ImageDecorator {
	height: 230px;
	padding: 5px;
}

/*###########################- Item Default -#############################*/
.UIItemSelector .RightColumnBigItemStyle .ItemList .Item {
	margin: 13px 6px;
	height: 32px;
	cursor: pointer;
}

.UIItemSelector .RightColumnBigItemStyle .ItemList .Item .UserAccountIcon { 
	height: 32px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/BigStyleUserAccountItem.gif') no-repeat;
}

.UIItemSelector .RightColumnBigItemStyle .ItemList .Item .MembershipIcon {	
	height: 32px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/BigStyleMembershipItem.gif') no-repeat;
}

.UIItemSelector .RightColumnBigItemStyle .ItemList .Item .UserProfileIcon {	
	height: 32px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/SelectedItem.gif') no-repeat left -130px;
	padding-left: 30px; /* orientation=lt */
}

.UIItemSelector .RightColumnBigItemStyle .ItemList .Item .UserHomeInfoIcon {		
	height: 32px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/SelectedItem.gif') no-repeat left -162px;
	padding-left: 30px; /* orientation=lt */
}

.UIItemSelector .RightColumnBigItemStyle .ItemList .Item .UserBusinessInfoIcon {
	height: 32px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/SelectedItem.gif') no-repeat left -194px;
	padding-left: 30px; /* orientation=lt */
}

.UIItemSelector .RightColumnBigItemStyle .ItemList .Item .ItemName {
	height: 32px; line-height: 32px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/SelectedItem.gif') no-repeat right -322px;
	padding-right: 15px; /* orientation=lt */
	color: #526791;
}

.UIItemSelector .RightColumnBigItemStyle .ItemList .Item .ItemTitle {
	height: 32px; line-height: 32px; 
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/SelectedItem.gif') repeat-x left -386px;
	color: gray;
	padding-left: 10px; /* orientation=lt */
}


/*###########################- Item Selected -#############################*/
.UIItemSelector .RightColumnBigItemStyle .ItemList .SelectedItem {
	margin: 13px 6px;
	height: 32px;
	cursor: pointer;
}

.UIItemSelector .RightColumnBigItemStyle .ItemList .SelectedItem .UserAccountIcon {
	height: 32px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/BigStyleUserAccountSelected.gif') no-repeat left;
	padding-left: 30px; /* orientation=lt */
}

.UIItemSelector .RightColumnBigItemStyle .ItemList .SelectedItem .MembershipIcon {
	height: 32px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/BigStyleMembershipSelected.gif') no-repeat left;
	padding-left: 30px; /* orientation=lt */
}

.UIItemSelector .RightColumnBigItemStyle .ItemList .SelectedItem .UserProfileIcon {
	height: 32px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/SelectedItem.gif') no-repeat left -226px;
	padding-left: 30px; /* orientation=lt */
}

.UIItemSelector .RightColumnBigItemStyle .ItemList .SelectedItem .UserHomeInfoIcon {
	height: 32px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/SelectedItem.gif') no-repeat left -258px;
	padding-left: 30px; /* orientation=lt */
}

.UIItemSelector .RightColumnBigItemStyle .ItemList .SelectedItem .UserBusinessInfoIcon {
	height: 32px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/SelectedItem.gif') no-repeat left -290px;
}

.UIItemSelector .RightColumnBigItemStyle .ItemList .SelectedItem .ItemName {
	height: 32px; line-height: 32px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/SelectedItem.gif') no-repeat right -354px;
	padding-right: 15px; /* orientation=lt */
	color: black;
}

.UIItemSelector .RightColumnBigItemStyle .ItemList .SelectedItem .ItemTitle {
	height: 32px; line-height: 32px; 
	background: #d3d3eb;
	font-weight: bold; color: black;
	padding-left: 10px; /* orientation=lt */
}

/*#####################- End Item Selected && END BIG STYLE -#########################*/

/*###########################- LeftColumnStyle (The Item List is on the left side) -#########################*/

.UIItemSelector .LeftColumnStyle {
	width: 99.5%;
	overflow: hidden;
}

.UIItemSelector .LeftColumnStyle .ItemListContainer {
	float: left; /* orientation=lt */
	width: 175px;
}

.UIItemSelector .LeftColumnStyle .ItemListContainer .ItemList {
	border: 1px #a4a4a4 solid;
	background: white;
}

.UIItemSelector .LeftColumnStyle .ItemDetailList {
	height: auto;
	margin-left: 180px; /* orientation=lt */
	padding: 1px;
}

.UIItemSelector .LeftColumnStyle .ItemDetailList .ItemDetail {
	height: 240px;
	background: white;
	border: 1px #a4a4a4 solid;
}

.UIItemSelector .LeftColumnStyle .ItemDetailList .ItemDetailTitle{
	height: 22px;

}

.UIItemSelector .LeftColumnStyle .ItemListContainer .ItemListTitle {
	height: 23px;
}

.UIItemSelector .LeftColumnStyle .TitleIcon {
	float: left; /* orientation=lt */
	margin: 0px 5px 0px 5px;
}

.UIItemSelector .LeftColumnStyle .Title {
	line-height: 22px;
	font-weight: bold; color: #5c5c5c; 
	float: left; /* orientation=lt */
}

.UIItemSelector .LeftColumnStyle .ItemListIcon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/SelectedItem.gif') no-repeat left -418px;
}

.UIItemSelector .LeftColumnStyle .ViewListIcon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/SelectedItem.gif') no-repeat left -434px;
	margin-top: 3px;
}

/*##########################- Default Item	-#########################*/

.UIItemSelector .LeftColumnStyle .ItemList .Item {
	height: 26px;
	cursor: pointer;
	border-bottom: 1px solid #dfdfdf;
}

.UIItemSelector .LeftColumnStyle .ItemList .Item .LeftItem {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/SelectedItem.gif') no-repeat left top;
	padding-left: 15px; /* orientation=lt */
	height: 26px;
}

.UIItemSelector .LeftColumnStyle .ItemList .Item .RightItem {
	height: 26px; line-height: 26px;
}

.UIItemSelector .LeftColumnStyle .ItemList .Item .ItemTitle {
	height: 26px; line-height: 24px; 
	padding-left: 5px; /* orientation=lt */
	white-space: nowrap;
	overflow: hidden;
	width: 95%;
}

.UIItemSelector .LeftColumnStyle .ItemList .Item .CenterItemTitle {
	width: 96%;
	overflow: hidden;
	white-space: nowrap;
}

/*###########################- Over Item (When mouse over on this item) -############################*/

.UIItemSelector .LeftColumnStyle .ItemList .OverItem {
	height: 26px;
	cursor: pointer;
	border-bottom: 1px solid #dfdfdf;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/SelectedItem.gif') repeat-x left -104px;
}

.UIItemSelector .LeftColumnStyle .ItemList .OverItem .LeftItem {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/SelectedItem.gif') no-repeat left -52px;
	padding-left: 15px; /* orientation=lt */
}

.UIItemSelector .LeftColumnStyle .ItemList .OverItem .RightItem {
	height: 26px; line-height: 26px; 
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/SelectedItem.gif') repeat-x left -104px;
}

.UIItemSelector .LeftColumnStyle .ItemList .OverItem .ItemTitle {
	height: 26px; line-height: 24px;
	color: #f67a02;
	padding-left: 5px; /* orientation=lt */
	white-space: nowrap;
	overflow: hidden;
	width: 95%;
}

.UIItemSelector .LeftColumnStyle .ItemList .OverItem .CenterItemTitle {
	width: 96%;
	overflow: hidden;
	white-space: nowrap;
}

/*##########################- Selected Item	(When Item is selected)-#########################*/

.UIItemSelector .LeftColumnStyle .ItemList .SelectedItem {
	height: 26px;
	cursor: pointer;
	border-bottom: 1px solid #dfdfdf;
}

.UIItemSelector .LeftColumnStyle .ItemList .SelectedItem .LeftItem {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/SelectedItem.gif') no-repeat left -26px;
	padding-left: 15px; /* orientation=lt */
	height: 26px;
}

.UIItemSelector .LeftColumnStyle .ItemList .SelectedItem .RightItem {
	height: 25px; line-height: 23px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/SelectedItem.gif') repeat-x left -78px;
}

.UIItemSelector .LeftColumnStyle .ItemList .SelectedItem .ItemTitle {
	height: 26px; 
	line-height: 24px;
	color: #0575CA; 
	padding-left: 5px; /* orientation=lt */
	white-space: nowrap;
	overflow: hidden;
	width: 95%;
}

.UIItemSelector .LeftColumnStyle .ItemList .SelectedItem .CenterItemTitle {
	width: 96%;
	overflow: hidden;
	white-space: nowrap;
}

/*###########################- End LeftColumnItemList -#########################*/
/*###########################- Layout Template -#########################*/

.UIItemSelector .EmptyLayout {
	width: 270px; height: 170px;
	margin: auto;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/ItemSelector.gif') no-repeat top left;
}

.UIItemSelector .DesktopLayout {
	width: 270px; height: 170px;
	margin: auto;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/TemplateContainer.jpg') no-repeat top left;
}

.UIItemSelector .DashboardLayout {
	width: 270px; height: 170px;
	margin: auto;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/DashboardLayout.jpg') no-repeat center;
}

.UIItemSelector .TwoColumnsLayout {
	width: 270px; height: 170px;
	margin: auto;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/ItemSelector.gif') no-repeat left -170px;
}

.UIItemSelector .ThreeColumnsLayout {
	width: 270px; height: 170px;
	margin: auto;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/ItemSelector.gif') no-repeat left -340px;
}

.UIItemSelector .TwoColumnsOneRowLayout {
	width: 270px; height: 170px;
	margin: auto;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/ItemSelector.gif') no-repeat left -510px;
}

.UIItemSelector .TwoColumnsTwoRowsLayout {
	width: 270px; height: 170px;
	margin: auto;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/ItemSelector.gif') no-repeat left -680px;
}

.UIItemSelector .TwoRowsLayout {
	width: 270px; height: 170px;
	margin: auto;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/ItemSelector.gif') no-repeat left -850px;
}

.UIItemSelector .ThreeRowsLayout {
	width: 270px; height: 170px;
	margin: auto;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/ItemSelector.gif') no-repeat left -1020px;
}

.UIItemSelector .OneRowTwoColumnsLayout {
	width: 270px; height: 170px;
	margin: auto;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/ItemSelector.gif') no-repeat left -1190px;
}

.UIItemSelector .TwoTabsLayout {
	width: 270px; height: 170px;
	margin: auto;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/ItemSelector.gif') no-repeat left -1360px;
}

.UIItemSelector .ThreeTabsLayout {
	width: 270px; height: 170px;
	margin: auto;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/ItemSelector.gif') no-repeat left -1530px;
}

.UIItemSelector .ThreeRowsTwoColumnsLayout {
	width: 270px; height: 170px;
	margin: auto;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/ItemSelector.gif') no-repeat left -1700px;
}
/**
 * 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.
 */

.UINodeIconSelector {	
}

.UINodeIconSelector .LeftColumnStyle .ItemListContainer .ItemList {
	height: 240px;
background: white url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UINodeIconSelector/background/IconsBoxBg100x65.gif') no-repeat bottom center;
}

.UINodeIconSelector .LeftColumnStyle .ItemListContainer .ItemDetailList {
	height: 263px;
}

.UINodeIconSelector .LeftColumnStyle .UIDropDownControl {
}

.UINodeIconSelector .LeftColumnStyle .UIDropDownControl .UIDropDownAnchor {
}

.UINodeIconSelector .SelectedIconInfo {
	background: white;
	border: solid 1px #b7b7b7;
	margin-top: 6px;
}

.UINodeIconSelector .ItemDetailList .SelectedIconInfo .UIFormInputSet {
	white-space: nowrap;
} 

.UINodeIconSelector .SelectedIconInfo .UIFormInputSet .FieldContainer .ItemLabel {
	font-size: 12px; font-weight: normal;
	margin: 0px 10px 0px 10px;
	float: left; /* orientation=lt */
	width: auto;
}

.UINodeIconSelector .SelectedIconInfo .UIFormInputSet .FieldContainer .ItemValue {
	margin-left: 0px;
	float: none;
	color: #2F76E2;
}

.UINodeIconSelector .IconSelector {
	background: white;
	border: 1px solid	#b7b7b7;
	height: 197px; 
	overflow: auto;
}

.UINodeIconSelector .IconSelector .Icon {
	float: left; /* orientation=lt */
	margin: 2px;
	width: 16px; 
	height: 16px;
}

.UINodeIconSelector .IconSelector a {
	float: left; /* orientation=lt */
	border: 1px white solid;
	margin: 2px;
	cursor: pointer;
	width: 20px;
}

.UINodeIconSelector .IconSelector a:hover {
	border: 1px #c0c0c0 solid;
}

.UINodeIconSelector .IconSelector .SelectedBackground {
	float: left; /* orientation=lt */
	border: 1px red solid;
	margin: 2px;
	cursor: pointer;
	width: 20px;
}

.UINodeIconSelector .LeftColumnStyle .SetDefault a {
	color: black;
	line-height: 22px;
	text-decoration: underline;
}

.UINodeIconSelector .LeftColumnStyle .SetDefault a:hover {
	color: #058EE6;
}
/**
 * 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.
 */

.UIPermissionSelector {	
	padding: 10px;
}

.UIPermissionSelector .PermissionSelectorTitleBar {
	margin: 5px 0px 0px 5px; /* orientation=lt */
}

.UIPermissionSelector .PermissionSelectorTitleBar .PermissionIcon {
	background: url('/eXoResources/icons/24x24/PermissionIcon.gif') no-repeat;
	width: 24px; height: 24px;
	margin: 0px 5px 0px 10px; /* orientation=lt */
	float: left; /* orientation=lt */
}

.UIPermissionSelector .PermissionSelectorTitleBar .Title {
	height: 24px; line-height: 24px; 
	font-weight: bold;
	float: left; /* orientation=lt */
}

.UIPermissionSelector .PermissionInfoContainer .InfoContentContainer {
	padding: 5px 0px 0px 0px;
}

.UIPermissionSelector .PermissionInfoContainer .PermissionTypeBar {
	height: 21px; line-height: 21px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIPermissionSelector/background/TypeBarBG1x22.gif') repeat-x;
	border: solid 1px #b7b7b7; border-bottom: none;
	margin: 0px 10px;
}

.UIPermissionSelector .PermissionTypeBar .SeparateLine {
	float: left; /* orientation=lt */
	width: 2px; height: 22px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIPermissionSelector/background/GrayLine2x2.gif') repeat-y;
}

.UIPermissionSelector .PermissionInfoContainer .SelectedPermissionInfo {
	border: solid 1px #d5d5d5;
	background: white;
	margin: 0px 10px;
	padding: 15px 0px 15px 0px;
}

.UIPermissionSelector .PermissionInfoContainer .SelectedPermissionInfo .Icon{
	margin: 0px 5px 0px 15px;
	float: left; /* orientation=lt */
}

.UIPermissionSelector .PermissionInfoContainer .SelectedPermissionInfo .PermissionInfoTitle{
	margin-left: 5px; /* orientation=lt */
	float: left; /* orientation=lt */
	font-weight: bold;
}

.UIPermissionSelector .PermissionInfoContainer .SelectedPermissionInfo .Label {
	margin: 8px 0px 5px 0px;
	float: left; /* orientation=lt */
	width: 100px;
	text-align: right; /* orientation=lt */
}

.UIPermissionSelector .PermissionInfoContainer .SelectedPermissionInfo .Info {
	float: left; /* orientation=lt */
	margin: 8px 0px 5px 10px; /* orientation=lt */
	color: #058ee6;
	background: none;
	width: 320px;
	overflow: hidden;
	white-space: nowrap;
}

.UIPermissionSelector .PermissionInfoContainer .FloatBlockHidden {
	filter:alpha(opacity=30);-moz-opacity:.30;opacity:.30;
}

.UIPermissionSelector .PermissionInfoContainer a.FloatBlockHidden {
	cursor: default;
}

.UIPermissionSelector .PermissionInfoContainer a:hover.FloatBlockHidden {
	color: black;
}

.UIPermissionSelector .PermissionInfoContainer .DeletePermissionIcon	{
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/DustBin.gif') no-repeat left center; /* orientation=lt */
	padding-left: 22px; /* orientation=lt */
	line-height: 21px;
}
 
.UIPermissionSelector .PermissionInfoContainer .SelectPermissionIcon	{
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/SelectPermission.gif') no-repeat left center; /* orientation=lt */
	padding-left: 22px; /* orientation=lt */
	line-height: 21px;
	height: auto; width: auto;
} 
/**
 * 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.
 */

.UIFormInputThemeSelector {	
}

.UIFormInputThemeSelector .LeftColumnStyle .ItemListContainer {
	width: 225px;
}

.UIFormInputThemeSelector .LeftColumnStyle .ItemDetailList {
	margin-left: 230px; /* orientation=lt */
}

.UIFormInputThemeSelector .LeftColumnStyle .ItemList .Item {
	height: auto;
	border: none;
}

.UIFormInputThemeSelector .UIThemeSelector .MiddleDecoratorCenter {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIFormInputThemeSelector/background/MiddleTonicBlue1x88.gif') repeat-x;
}

.UIFormInputThemeSelector .ItemList .Item .MiddleDecoratorCenter {
	padding: 10px 0px;
}

.UIFormInputThemeSelector .LeftColumnStyle .ItemList .NameStyle {
	line-height: 20px;
	border: 1px solid #a4a4a4;
	width: 75%;
	text-align: center;
	margin: auto;
	color: #454545;
}

.UIFormInputThemeSelector .LeftColumnStyle .ItemList .UIThemeSelector {
	width: 180px;
	margin: auto;
}

.UIFormInputThemeSelector .LeftColumnStyle .SetDefault {
	float: right; /* orientation=lt */
}

.UIFormInputThemeSelector .LeftColumnStyle .SetDefault a {
	color: black;
	line-height: 22px;
	text-decoration: underline;
}

.UIFormInputThemeSelector .LeftColumnStyle .SetDefault a:hover {
	color: #058EE6;
}

.UIFormInputThemeSelector .LeftColumnStyle .ItemDetailList .DetailView {
	border: 1px solid #a4a4a4;
	padding: 20px 10px;
	height: 200px;
	background: white;
}

.UIFormInputThemeSelector .ItemDetailList .DetailView .UIThemeSelector {
	width: 90%;
	margin: auto;
}

.UIFormInputThemeSelector .LeftColumnStyle .ItemDetailList .NameTheme {
	line-height: 30px;
	text-align: center;
	color: #454545;
	padding-top: 10px;
}

.UIFormInputThemeSelector .LeftColumnStyle .ItemList .Item {
	margin: 5px;
}
/**
 * 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.
 */

.UIUserSelector {	
	padding: 10px;
}

.UIUserSelector .SelectUserContainer {
	border: 1px solid #b7b7b7;
}

.UIUserSelector .SelectUserContainer .HorizontalContent {
	border: 1px solid white;
	background: #f1f1f1;
	padding: 10px;
}

.UIUserSelector .InsertAddressContainer {
	padding: 10px;
	border: 1px solid #c0c0c0;
}

/*********************************************UISearch*****************************************/

.UIUserSelector .UISearch {
	padding-bottom: 10px;
}

.UIUserSelector .UIAddressSearchForm {
	padding-top: 7px;
}

.UIUserSelector .UIAddressSearchForm input,.UIUserSelector .UIAddressSearchForm .GroupInput {
	float: left; /* orientation=lt */
}

.UIUserSelector .UIAddressSearchForm input{
	font-size: 11px;
	height: 16px;
	width: 120px;
}

.UIUserSelector .UIAddressSearchForm .GroupInput input {
	width: 300px;
}

.UIUserSelector .UIAddressSearchForm .SearchIcon {
	float: left; /* orientation=lt */
	height: 20px; width: 24px;
	margin: 3px 10px;
}

.UIUserSelector .UIAddressSearchForm .AddressLabel {
	float: left; /* orientation=lt */
	padding: 0px 4px;
	line-height: 21px;	
}

.UIUserSelector .UIAddressSearchForm select {
	float: left; /* orientation=lt */
	height: 21px;
	font-size: 11px;
	margin-left: 4px; /* orientation=lt */
	width: auto;
}

.UIUserSelector .UIGroupMembershipSelector .SelectPageIcon {
	padding: 10px;
}
/**
 * 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.
 */

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

.UIAction {
	padding: 8px 0px;
}

.UIAction .ActionContainer {
	width: auto;
	margin: auto;
}	

.UIAction .ActionButton {
	display: block;
	float: left; /* orientation=lt */
	margin: 0px 3px;
	cursor: pointer;
}

.UIAction a {
}

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


.UIAction .ActionButton .Icon {
	padding-left: 20px; /* orientation=lt */
	width: auto;
	height: auto;
	background-position: left center; /* orientation=lt */
	background-repeat: no-repeat;
}

/*##############################-Normal ActionButton-################################*/

.UIAction .NormalStyle {
}

.UIAction .NormalStyle .ButtonLeft {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIAction/background/NormalStyle.gif') no-repeat left top;
	padding: 0px 0px 0px 3px;
}

.UIAction .NormalStyle .ButtonRight {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIAction/background/NormalStyle.gif') no-repeat right top;
	padding: 0px 3px 0px 0px ;
}

.UIAction .NormalStyle .ButtonMiddle {
	line-height: 22px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIAction/background/NormalStyle.gif') repeat-x bottom;
	padding: 0px 12px;	
	display: table-cell;
	white-space: nowrap;
}

/*##############################-Disabled ActionButton-################################*/

.UIAction .DisabledStyle {
}

.UIAction .DisabledStyle .ButtonLeft {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIAction/background/DisabledStyle.gif') no-repeat left top;
	padding: 0px 0px 0px 3px;
}

.UIAction .DisabledStyle .ButtonRight {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIAction/background/DisabledStyle.gif') no-repeat right top;
	padding: 0px 3px 0px 0px ;
}

.UIAction .DisabledStyle .ButtonMiddle {
	height: 22px; text-align: center; 
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIAction/background/DisabledStyle.gif') repeat-x bottom;
	padding: 0px 12px;
	display: table-cell;
}


/*##############################-LightBlueStyle ActionButton-################################*/

.UIAction .LightBlueStyle .ButtonLeft {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIAction/background/LightBlueStyle.gif') no-repeat left top;
	padding: 0px 0px 0px 3px;
}

.UIAction .LightBlueStyle .ButtonRight {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIAction/background/LightBlueStyle.gif') no-repeat right top;
	padding: 0px 3px 0px 0px ;
}

.UIAction .LightBlueStyle .ButtonMiddle {
 	line-height: 22px; text-align: center; 
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIAction/background/LightBlueStyle.gif') repeat-x bottom;
	white-space: nowrap;
	display: table-cell;
	padding: 0px 12px;
}

/*##############################-SimpleStyle ActionButton-################################*/

.UIAction .SimpleStyle {
}

.UIAction .SimpleStyle .ButtonLeft {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIAction/background/SimpleStyle.gif') no-repeat left top;
	padding: 0px 0px 0px 10px;
}

.UIAction .SimpleStyle .ButtonRight {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIAction/background/SimpleStyle.gif') no-repeat right top;
	padding: 0px 10px 0px 0px ;
}

.UIAction .SimpleStyle .ButtonMiddle {
	line-height: 21px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIAction/background/SimpleStyle.gif') repeat-x bottom;
	text-align: center;	
	padding: 0px 12px;
	display: table-cell;	
	white-space: nowrap;
}

.UIAction a.SimpleStyle {
	color: #313131;
	margin: 0px 6px; 
	white-space: nowrap;
}

.UIAction a:hover.SimpleStyle {
	color: #1273df;
}

/*************************SimpleStyle1********************/

.UIAction .SimpleStyle1 .ButtonLeft	{
background: transparent url(/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIAction/background/SimpleStyle1.gif) no-repeat left top;
	padding-left: 3px;
}

.UIAction .SimpleStyle1 .ButtonRight {
background: transparent url(/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIAction/background/SimpleStyle1.gif) no-repeat right top;
	padding-right: 3px;
}

.UIAction .SimpleStyle1 .ButtonMiddle	{
background: transparent url(/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIAction/background/SimpleStyle1.gif) repeat-x left -20px;
	line-height: 20px;
	padding: 0px 4px;
}

.UIAction .SimpleStyle1 .ButtonMiddle .PageProfileIcon {
background: transparent url(/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIAction/background/PageProfileIcon.gif) no-repeat left;
	line-height: 20px;
	padding-left: 22px; /* orientation=lt */
}

.UIAction .SimpleStyle1 .ButtonMiddle .ViewAsBlockIcon {
background: transparent url(/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIAction/background/ViewAsBlockIcon.gif) no-repeat left;
	line-height: 20px;
	padding-left: 22px; /* orientation=lt */
}

/***************************** BlueButton ***************************/

.UIAction .BlueButton .ButtonLeft {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIAction/background/BtnBg.gif') no-repeat left top;
	padding-left: 8px;
}

.UIAction .BlueButton .ButtonRight {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIAction/background/BtnBg.gif') no-repeat right top;
	padding-right: 9px;
}

.UIAction .BlueButton .ButtonMiddle {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIAction/background/BtnBg.gif') repeat-x left -32px;
	line-height: 32px;
	font-size: 12px;
	display: block;
	padding: 0px 15px 0px 15px;
}

.UIAction .BlueButton .ButtonMiddle a {
	font-weight: bold;
	color: #1d1d1d;
}

.UIAction .BlueButton .ButtonMiddle a:hover {
	color: white;
}

/**********************DarkGrayButton***********************/

.UIAction .DarkGrayButton .ButtonLeft {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIAction/background/BtnBg.gif') no-repeat left -64px;
	padding-left: 7px;
}

.UIAction .DarkGrayButton .ButtonRight{
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIAction/background/BtnBg.gif') no-repeat right -64px;
	padding-right: 6px;
}

.UIAction .DarkGrayButton .ButtonMiddle {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIAction/background/BtnBg.gif') repeat-x left -96px;
	line-height: 32px;
	padding: 0px 15px 0px 15px;
	font-size: 12px;
	display: block;
}

.UIAction .DarkGrayButton .ButtonMiddle a {
	font-weight: bold;
	color: #1d1d1d;
}

.UIAction .DarkGrayButton .ButtonMiddle a:hover {
	color: white;
}
/**
 * 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.
 */

/*###########################-RoundedBarStyle-###########################*/
	
.UIBarStyle .RoundedBarStyle {
	height: 25px;
}

.UIBarStyle .RoundedBarStyle .LeftBar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBarStyle/background/RoundedBarStyle.gif') no-repeat top left;
	padding: 0px 0px 0px 8px;
}

.UIBarStyle .RoundedBarStyle .RightBar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBarStyle/background/RoundedBarStyle.gif') no-repeat top right;
	padding: 0px 8px 0px 0px;
}

.UIBarStyle .RoundedBarStyle .MiddleBar {
	height: 25px;
	line-height: 25px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBarStyle/background/RoundedBarStyle.gif') repeat-x bottom;
}

/*###########################-WhiteRoundedBarStyle-###########################*/

.UIBarStyle .WhiteRoundedBarStyle {
	height: 25px;
}

.UIBarStyle .WhiteRoundedBarStyle .LeftBar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBarStyle/background/WhiteRoundedBarStyle.gif') no-repeat left;
	padding: 0px 0px 0px 12px;
}

.UIBarStyle .WhiteRoundedBarStyle .RightBar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBarStyle/background/WhiteRoundedBarStyle.gif') no-repeat right;
	padding: 0px 12px 0px 0px;
}

.UIBarStyle .WhiteRoundedBarStyle .MiddleBar {
	height: 25px;
	line-height: 25px;
	background: white;
	border-top: solid 1px #c0bfbf;
	border-bottom: solid 1px #c0bfbf;	
}

/*###########################-BarStyle2-###########################*/

.UIBarStyle .BarStyle2 {
	height: 39px;
}

.UIBarStyle .BarStyle2 .LeftBar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBarStyle/background/BarStyle2.gif') no-repeat top left;
	padding: 0px 0px 0px 6px;
	height: 39px;
}

.UIBarStyle .BarStyle2 .RightBar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBarStyle/background/BarStyle2.gif') no-repeat top right;
	padding: 0px 6px 0px 0px;
	height: 39px;
}

.UIBarStyle .BarStyle2 .MiddleBar {
	height: 39px;
	line-height: 39px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBarStyle/background/BarStyle2.gif') repeat-x bottom;
}

/*###########################-NavyBluePolygonBar32Style-###########################*/

.UIBarStyle .NavyBluePolygonBar32Style {
	height: 32px;
}

.UIBarStyle .NavyBluePolygonBar32Style .LeftBar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBarStyle/background/NavyBluePolygonBar32Style.gif') no-repeat top left;
	padding: 0px 0px 0px 3px;
}

.UIBarStyle .NavyBluePolygonBar32Style .RightBar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBarStyle/background/NavyBluePolygonBar32Style.gif') no-repeat top right;
	padding: 0px 3px 0px 0px;
}

.UIBarStyle .NavyBluePolygonBar32Style .MiddleBar {	
	line-height: 32px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBarStyle/background/NavyBluePolygonBar32Style.gif') repeat-x bottom;
}

/*###########################-Style3Bar-###########################*/

.UIBarStyle .Style3 {
	height: 26px;
}

.UIBarStyle .Style3 .LeftBar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBarStyle/background/Style3.gif') no-repeat top left;
	padding: 0px 0px 0px 3px;
}

.UIBarStyle .Style3 .RightBar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBarStyle/background/Style3.gif') no-repeat top right;
	padding: 0px 3px 0px 0px;
}

.UIBarStyle .Style3 .MiddleBar {
	height: 26px;
	line-height: 26px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBarStyle/background/Style3.gif') repeat-x bottom;
}

/*###########################-SmoothNavy40Style-###########################*/

.UIBarStyle .SmoothNavy40Style {
	height: 40px;
}

.UIBarStyle .SmoothNavy40Style .LeftBar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBarStyle/background/SmoothNavy40Style.gif') no-repeat top left;
	padding: 0px 0px 0px 13px;
}

.UIBarStyle .SmoothNavy40Style .RightBar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBarStyle/background/SmoothNavy40Style.gif') no-repeat top right;
	padding: 0px 14px 0px 0px;
}

.UIBarStyle .SmoothNavy40Style .MiddleBar {
	height: 40px;
	line-height: 40px;
	vertical-align: middle;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBarStyle/background/SmoothNavy40Style.gif') repeat-x bottom;
}

/*###########################-ControlBar-###########################*/

.UIBarStyle .ControlBar .LeftBar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBarStyle/background/ControlBar.gif') no-repeat top left;
	padding: 0px 0px 0px 12px;
}

.UIBarStyle .ControlBar .RightBar {
	padding: 0px;
}

.UIBarStyle .ControlBar .MiddleBar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBarStyle/background/ControlBar.gif') repeat-x bottom;
	padding: 0px 5px 0px 0px;
	height: 27px;
}

/*============================== Title Bar ========================================*/

.UIBarStyle .TitleBar .LeftBar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBarStyle/background/TitleBar.gif') no-repeat top left;
	padding-left: 11px;
	height: 30px;
}

.UIBarStyle .TitleBar .RightBar {
	padding-right: 11px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBarStyle/background/TitleBar.gif') no-repeat top right;
	height: 30px;
}

.UIBarStyle .TitleBar .MiddleBar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBarStyle/background/TitleBar.gif') repeat-x bottom;
	padding-left: 8px;
	height: 30px; line-height: 30px;
	color: #058ee6; font-weight: bold;
	font-size: 14px; font-family: arial;
}

/*======================================== NormalBarStyle ==================================*/

.UIBarStyle .NormalBarStyle {
	height: 38px;
}

.UIBarStyle .NormalBarStyle .LeftBar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBarStyle/background/NormalBarStyle.gif') no-repeat top left;
	padding: 0px 0px 0px 6px;
}

.UIBarStyle .NormalBarStyle .RightBar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBarStyle/background/NormalBarStyle.gif') no-repeat top right;
	padding: 0px 6px 0px 0px;
}

.UIBarStyle .NormalBarStyle .MiddleBar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBarStyle/background/NormalBarStyle.gif') repeat-x bottom;
	height: 38px;
	line-height: 38px;
}
/**
 * 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.
 */

/**
 * Created by The eXo Platform SAS
 * Modifile: Vu Duy Tu
 *           duytucntt@gmail.com
 * December 15, 2006
 * version: $Id$
 */

.DecoratrBox {
}

/*##############################- GrayRoundedFillBox Style -################################*/

.DecoratorBox .GrayRoundedFillBoxStyle {
}

.DecoratorBox .GrayRoundedFillBoxStyle .TopLeftCornerBoxDecorator {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBoxDecorator/background/GrayRounded.gif') no-repeat left top;
	padding: 0px 0px 0px 8px;
}

.DecoratorBox .GrayRoundedFillBoxStyle .TopRightCornerBoxDecorator {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBoxDecorator/background/GrayRounded.gif') no-repeat right top;
	padding: 0px 8px 0px 0px;
}

.DecoratorBox .GrayRoundedFillBoxStyle .TopCenterBoxDecorator {
	height: 8px;
background-image: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBoxDecorator/background/GrayRounded.gif');
	background-repeat: repeat-x;
	background-position: center -8px;
	margin: 0px;
}

.DecoratorBox .GrayRoundedFillBoxStyle .MiddleLeftSideBoxDecorator {
	padding: 0px 0px 0px 8px;
	height: auto;
	background-color: #efefef;
background-image: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBoxDecorator/background/MiddleGrayRounded.gif');
	background-repeat: repeat-y;
	background-position: left;
}

.DecoratorBox .GrayRoundedFillBoxStyle .CenterBoxDecorator {
	background: #efefef;
	height: auto;
}

.DecoratorBox .GrayRoundedFillBoxStyle .MiddleRightSideBoxDecorator {
	padding: 0px 8px 0px 0px;
	height: auto;
background-image: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBoxDecorator/background/MiddleGrayRounded.gif');
	background-repeat: repeat-y;
	background-position: right;
}

.DecoratorBox .GrayRoundedFillBoxStyle .BottomLeftCornerBoxDecorator {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBoxDecorator/background/GrayRounded.gif') no-repeat left bottom;
	padding: 0px 0px 0px 8px;
}

.DecoratorBox .GrayRoundedFillBoxStyle .BottomRightCornerBoxDecorator {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBoxDecorator/background/GrayRounded.gif') no-repeat right bottom;
	padding: 0px 8px 0px 0px;
}

.DecoratorBox .GrayRoundedFillBoxStyle .BottomCenterBoxDecorator {
	height: 8px;
background-image: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBoxDecorator/background/GrayRounded.gif');
	background-repeat: repeat-x;
	background-position: center -16px;
}

/*##############################- Bar Decorator-################################*/

.DecoratorBox .BarDecorator .TopRightBar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBoxDecorator/background/BarDecorator.gif') no-repeat right -3px;
	padding-right: 3px;/* orientation=lt */
	height: 3px;
}

.DecoratorBox .BarDecorator .TopCenterBar {
	
}

.DecoratorBox .BarDecorator {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBoxDecorator/background/TitleBar.gif') repeat-x;
	border: 1px solid #bdbcbd;
	height:22px;
	margin:1px;
}

.DecoratorBox .BarDecorator .MiddleCenterBar {
	line-height: 22px;
	color: #0b4da4;
	padding: 0 15px;
}


.DecoratorBox .BarDecorator .BottomCenterBar {

}

.DecoratorBox .BarDecorator .BottomRightBar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBoxDecorator/background/BarDecorator.gif') no-repeat right bottom;
	padding-right: 3px;/* orientation=lt */
	height: 3px;
}

/*##############################- View box style-################################*/

.DecoratorBox .ViewBoxStyle .MiddleCenterViewBoxStyle {
	background: #ffffff;
}

.DecoratorBox .ViewBoxStyle .TopLeftViewBoxStyle {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBoxDecorator/background/ViewBoxStyle.gif') no-repeat left top;
	padding: 0px 0px 0px 8px;
}

.DecoratorBox .ViewBoxStyle .TopCenterViewBoxStyle {
	height: 8px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBoxDecorator/background/ViewBoxStyle.gif') repeat-x left -8px;
}

.DecoratorBox .ViewBoxStyle .TopRightViewBoxStyle {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBoxDecorator/background/ViewBoxStyle.gif') no-repeat right top;
	padding: 0px 8px 0px 0px;
}

.DecoratorBox .ViewBoxStyle .MiddleLeftViewBoxStyle {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBoxDecorator/background/MiddleViewBoxStyle.gif') repeat-y left;
	padding: 0px 0px 0px 4px;
}

.DecoratorBox .ViewBoxStyle .MiddleRightViewBoxStyle {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBoxDecorator/background/MiddleViewBoxStyle.gif') repeat-y right;
	padding: 0px 4px 0px 0px;
}

.DecoratorBox .ViewBoxStyle .BottomLeftViewBoxStyle {
	width: auto; 
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBoxDecorator/background/ViewBoxStyle.gif') no-repeat left bottom;
	padding: 0px 0px 0px 8px;
}

.DecoratorBox .ViewBoxStyle .BottomCenterViewBoxStyle {
	height: 8px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBoxDecorator/background/ViewBoxStyle.gif') repeat-x left -16px;
}

.DecoratorBox .ViewBoxStyle .BottomRightViewBoxStyle {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBoxDecorator/background/ViewBoxStyle.gif') no-repeat right bottom;
	padding: 0px 8px 0px 0px;
}
/**
 * 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.
 */

.LineDecorator4px {
	height: 4px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIDecorator/background/LineDecorator.gif') repeat-x top;
}

.LineDecorator6px {
	height: 6px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIDecorator/background/LineDecorator.gif') repeat-x left -4px;
}

.LineDecorator8px {
	height: 8px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIDecorator/background/LineDecorator.gif') repeat-x left -6px;
}

.LineDecorator23px {
	height: 23px;	
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIDecorator/background/LineDecorator.gif') repeat-x bottom;
	margin: 1px 0px 0px 0px;
	border: solid 1px #5f90ba;
}
/**
 * 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.
 */

.UIInfoBar {	
}

/*######################-Rounded Style-######################*/

.UIInfoBar .RoundedStyle .LeftBar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIInfoBar/background/RoundedStyle.gif') no-repeat left top;
	padding: 0px 0px 0px 6px;
}

.UIInfoBar .RoundedStyle .RightBar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIInfoBar/background/RoundedStyle.gif') no-repeat right top;
	padding: 0px 6px 0px 0px;
}

.UIInfoBar .RoundedStyle .MiddleBar {
	height: 25px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIInfoBar/background/RoundedStyle.gif') repeat-x center bottom;
}

.UIInfoBar .RoundedStyle .MiddleBar .Icon {
	float: left; /* orientation=lt */
	margin: 5px 4px 0px 6px;
}

.UIInfoBar .RoundedStyle .Title {
	float: left; /* orientation=lt */
	height: 24px; 
	line-height: 24px;
	font-weight: bold;
	overflow: visible;
	margin: 0px 0px 0px 5px; /* orientation=lt */
}

/*######################-Blue Rounded Style-######################*/

.UIInfoBar .BlueRoundedStyle {
	padding: 0px; margin: 0px;
}

.UIInfoBar .BlueRoundedStyle .LeftBar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIInfoBar/background/ViewBlockBar.png') no-repeat left top;
	padding-left: 5px; /* orientation=lt */
}

.UIInfoBar .BlueRoundedStyle .RightBar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIInfoBar/background/ViewBlockBar.png') no-repeat right -26px;
	padding-right: 9px; /* orientation=lt */
}

.UIInfoBar .BlueRoundedStyle .MiddleBar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIInfoBar/background/ViewBlockBar.png') repeat-x center -52px;
}
	
.UIInfoBar .BlueRoundedStyle .FixHeight {
	height: 26px;
	white-space: nowrap;
}

.UIInfoBar .BlueRoundedStyle .PortletIcon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIInfoBar/background/Earth.gif') no-repeat left center;
	float: left; /* orientation=lt */
	text-overflow: ellipsis;
	width: auto; 
	line-height: 23px;
	padding-left: 25px; /* orientation=lt */
	margin: 0px 0px 0px 6px; /* orientation=lt */
	color: black;
}

.UIInfoBar .BlueRoundedStyle .ContainerIcon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIInfoBar/background/DefaultContainerIcon.gif') no-repeat left center;
	float: left; /* orientation=lt */
	text-overflow: ellipsis;
	width: auto; 
	line-height: 23px;
	padding-left: 25px; /* orientation=lt */
	margin: 0px 0px 0px 6px; /* orientation=lt */
	height: auto;
	color: black;
}

/*######################-Simple Style-######################*/

.UIInfoBar .SimpleStyle {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIInfoBar/background/MRoundedStyle1x21.gif') repeat-x;
	border-right: solid 1px #5f90ba; border-left: solid 1px #5f90ba;
	overflow: hidden; 
}

.UIInfoBar .SimpleStyle .LeftBar {
	float: left; /* orientation=lt */
	height: 21px;
	background: none;
	border-left: solid 1px #4e7180;
}

.UIInfoBar .SimpleStyle .RightBar {
	float: right; /* orientation=lt */
	height: 21px;
	background: none;
	border-right: solid 1px #4e7180;
}

.UIInfoBar .SimpleStyle .MiddleBar {
	height: 21px;
	text-align: left; /* orientation=lt */
	padding: 0px 0px 0px 10px;
}

.UIInfoBar .SimpleStyle .Title {
	float: left; /* orientation=lt */
	height: 21px; line-height: 21px;	
	text-align: left;
	margin: 0px 0px 0px 5px;
}

/*######################-Polygon Navyblue Style-######################*/

.UIInfoBar .PolygonNavyBlueStyle {
	height: 26px;	
}

.UIInfoBar .PolygonNavyBlueStyle .LeftBar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIInfoBar/background/PolygonNavyBlueStyle.gif') no-repeat left top;
	padding: 0px 0px 0px 3px;
}

.UIInfoBar .PolygonNavyBlueStyle .RightBar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIInfoBar/background/PolygonNavyBlueStyle.gif') no-repeat right top;
	padding: 0px 3px 0px 0px;
}

.UIInfoBar .PolygonNavyBlueStyle .MiddleBar {
	height: 26px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIInfoBar/background/PolygonNavyBlueStyle.gif') repeat-x center bottom;
	padding: 0px 0px 0px 2px;
}

/*######################-SmoothStyle-######################*/

.UIInfoBar .SmoothStyle {
	height: 22px;
	border-left: 1px solid #7c7c7c;
	border-right: 1px solid #7c7c7c;
}

.UIInfoBar .SmoothStyle .MiddleBar {
	height: 22px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIInfoBar/background/MSmoothStyle1x22.gif') repeat-x;
}

/*######################-Smooth Style 26 -######################*/

.UIInfoBar .SmoothStyle26 {
	height: 26px;	
}

.UIInfoBar .SmoothStyle26 .LeftBar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIInfoBar/background/SmoothStyle26.gif') no-repeat left top;
	padding: 0px 0px 0px 1px;
}

.UIInfoBar .SmoothStyle26 .RightBar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIInfoBar/background/SmoothStyle26.gif') no-repeat right top;
	padding: 0px 1px 0px 0px;
}

.UIInfoBar .SmoothStyle26 .MiddleBar {
	height: 26px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIInfoBar/background/SmoothStyle26.gif') repeat-x center bottom;
}
/**
 * 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.
 */

.SelectFileFrame {
	width: 400px;
}

.SelectFileLabel {
	float: left; /* orientation=lt */
	text-align: right; /* orientation=lt */
	margin-right: 15px; /* orientation=lt */
}

.UploadButton {
	width: 20px; height: 20px; 
	cursor: pointer; vertical-align: bottom;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIUpload/background/UpArrow16x16.gif') no-repeat left;
}

.ProgressBarFrame {
	height: 23px;
}

.ProgressBar {
	float: left; /* orientation=lt */
	width: 230px;
}

.ProgressBarLeft {
	padding: 1px;
	border: solid 1px gray;
}

.BlueProgressBar {
	width: 0%; height: 14px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIUpload/background/BlueBg1x14.gif') repeat-x;
	position: relative;
}

.ProgressBarLabel {
	width: 15px; height: 15px;
	position: absolute;
	left: 110px;
}

.ProgressBarLabel {
	text-align: center;
}

.DeleteFileFrame {
	float: left; /* orientation=lt */
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIUpload/background/Round18x18.gif') no-repeat;
	cursor: pointer;
	padding-left: 23px; /* orientation=lt */
	margin-left: 5px; /* orientation=lt */
}

.DeleteFileLable {
	font-family: verdana;
	line-height: 18px;
}

.FileName {
	float: left; /* orientation=lt */
}

.FileNameLabel {
	font-weight: bold;
	line-height: 14px;
	max-width: 370px;
}

.RemoveFile {
	float: left; /* orientation=lt */
	height: 18px; line-height: 18px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIUpload/background/Delete18x18.gif') no-repeat;
	cursor: pointer;
	margin-left: 10px; /* orientation=lt */
	width: 18px;
}
/**
 * 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;
}

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

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

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

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

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

.UIMaskWorkspace .MaskContainer {
	background: #f5f5f5;
}

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

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

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

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

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

.UIMaskWorkspace .UIFormTabPane {
	padding: 10px;
}

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

/**************************** UIAddApplication ******************************************/

.UIAddApplication {
	padding: 10px;
}

.UIAddApplication .TitleBarContainer {
	background: #f6f6f6;
}

.UIAddApplication .UITabContent {
	overflow: hidden;
}

.UIAddApplication .UITabContentContainer {
	padding-bottom: 5px;
	border: none;
}

.UIAddApplication .UITabContentContainer .NoneAppsMessage{
	padding: 10px;
	text-align: center;
	color: gray;
	width: 300px;
	margin: 40px auto 0px auto;
}

.UIAddApplication .ContentContainerDetail {
	border: 1px solid #d4d4d4;
	border-top: none;	
}

.UIAddApplication .ContentContainerDetail .CategoryContainer {
	border: 1px solid white;
	border-top: none;
}

.UIAddApplication .ApplicationListContainer {
	height: 240px; width: 449px;
	border: 1px solid #c3c3c3;
	background: white;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 0px 10px;
}

.UIAddApplication .Application {
	margin: 10px 0px 0px 0px;
	border: solid 1px #e4e4e4;
	padding: 10px;
}

.UIAddApplication .ApplicationContent {
	margin-left: 85px; /* orientation=lt */
}

.UIAddApplication .PortletIcon {
	background: none;
	float: left; /* orientation=lt */
	width: 80px; height: 80px;
	cursor: pointer;
	margin-top: 2px;
}

.UIAddApplication .TitleBarApplication {
	background: none;
	width: 93%; height: 20px;
	color: #1553B9; font-weight: bold;
	border-bottom: 1px solid #dfdfdf;
	padding: 0px 1px 3px 1px;
	margin: 0px auto 5px auto;
}

.UIAddApplication .TitleBarApplication .Title {
	float: left; /* orientation=lt */
	margin-top: 4px;
	font-weight: bold; font-size: 13px; color: #1553B9; font-family: arial;
}

.UIAddApplication .AddButton {
	width: 20px; height: 24px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIMaskWorkspace/background/AddApplicationButton.gif') no-repeat top;
	float: right; /* orientation=lt */
	cursor: pointer;
	margin: 0px 3px;
}

.UIAddApplication .AddToStartUp {
	width: 20px; height: 24px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIMaskWorkspace/background/AddToStartup.gif') no-repeat top;
	float: right; /* orientation=lt */
	cursor: pointer;
	margin: 0px 3px;
}

.UIAddApplication .SelectButton {
	width: 20px; height: 24px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIMaskWorkspace/background/AddApplicationButton.gif') no-repeat left -22px;
	float: right; /* orientation=lt */
	cursor: pointer;
	margin: 0px 3px;
}

.UIAddApplication .ApplicationContentLabel {
	line-height: 16px;
	width: 93%; margin: auto;
}

.UIAddApplication .ApplicationContentLabel .RightLabel {
	color: #058ee6;
}

.UIAddApplication .UIItemSelector .LeftColumnStyle {
	width: auto;
}

.UIAddApplication .UIItemSelector .ItemListContainer .ItemList {
	height: 240px;
	overflow: auto;
	background: #ffffff;
	border: 1px solid #c3c3c3;
	text-transform: capitalize;
}

.UIAddApplication .UIItemSelector .ItemDetailList .ItemDetail {
	background: none;
	border: none;
	height: auto;
}

.UIAddApplication .UIItemSelector {
	padding: 7px 5px 8px 7px; /* orientation=lt */
	margin: 0px;
	background: #f7f7f7;
}

.UIAddApplication .ApplicationItemIcon {
	width: 16px; height: 16px;
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/DarkBlueNextArrow.gif') no-repeat;
	float: left; /* orientation=lt */
	margin: 3px 5px 0px 5px;
}

.UIAddApplication .LeftColumnStyle .ItemListIcon {
	background: none;
	width: 0px;
}

.UIAddApplication .LeftColumnStyle .ViewListIcon {
	background: none;
	width: 0px;
}

/************************************ 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('/eXoResources/skin/DefaultSkin/webui/component/UIMaskWorkspace/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 */
	width: 220px; height: 210px;
	border: 1px solid white;
}

.UIGroupSelector .RightGroupSelector {
	margin-left: 225px; /* orientation=lt */
	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;
}

/**
 * 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 */
	cursor: pointer;
}

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

.UIToolbar .HorizontalSeparator {
	float: left; /* orientation=lt */
	width: 2px; height: 30px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIToolbar/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('/eXoResources/skin/DefaultSkin/webui/component/UIToolbar/background/LargeToolbar.gif') no-repeat left top;
	padding-left: 8px; /* orientation=lt */
}

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

.UIToolbar .LargeToolbar .MiddleToolbar {
	height: 64px;
	line-height: 64px; 
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIToolbar/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 */
	margin: 3px 8px 0px 10px;
	width: 2px; height: 50px;
}

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

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

.UIToolbar .LargeToolbar .MembershipButton {
	float: left; /* orientation=lt */
	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('/eXoResources/skin/DefaultSkin/webui/component/UIToolbar/background/LargeToolbar.gif') no-repeat left -128px;
	margin: auto;
}

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

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

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

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

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

.UIToolbar .BlueLargeToolbar .MiddleToolbar {
	height: 32px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIToolbar/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 */
	margin: 2px 8px 0px 10px;
	margin: 2px 10px 0px 8px;
	width: 2px; 
	height: 22px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIToolbar/background/BlueLargeToolbar.gif') no-repeat -6px top;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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

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

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

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

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

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

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

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

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

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

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

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

.UIToolbar .ControlToolbar .LeftBar {
	padding-left: 12px; /* orientation=lt */
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIToolbar/background/ControlToolbar.gif') no-repeat left top;
}

.UIToolbar .ControlToolbar .RightBar {
	padding-right: 1px; /* orientation=lt */
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIToolbar/background/ControlToolbar.gif') no-repeat right -27px;
}

.UIToolbar .ControlToolbar .MiddleBar {
	height: 27px; line-height: 27px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIToolbar/background/ControlToolbar.gif') repeat-x left -27px;
}

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

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

.UIToolbar .ControlToolbar .RollbackIcon {
	width: 24px; height: 20px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIToolbar/background/ControlToolbar.gif') no-repeat left -55px;
}

.UIToolbar .ControlToolbar .BackIcon {
	width: 24px; height: 20px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIToolbar/background/ControlToolbar.gif') no-repeat left -178px;
}

.UIToolbar .ControlToolbar .FinishIcon {
	width: 24px; height: 20px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIToolbar/background/ControlToolbar.gif') no-repeat left -76px;
}

.UIToolbar .ControlToolbar .SaveIcon {
	width: 24px; height: 19px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIToolbar/background/ControlToolbar.gif') no-repeat left -96px;
}

.UIToolbar .ControlToolbar .AbortIcon {
	width: 24px; height: 20px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIToolbar/background/ControlToolbar.gif') no-repeat left -116px;
}

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

.UIToolbar .HeaderToolbar {
	height: 31px;
}

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

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

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

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

/* --- DropDown Control Format --- */	

.UIDropDownControl {
	margin-bottom: 2px;
	position: relative;
	width: 100%;
}

.UIDropDownControl .UIDropDownAnchor {
	width: 100%;
}

.UIDropDownControl .UIDropDownTitle {
background: white url(/eXoResources/skin/DefaultSkin/webui/component/UIDropDownControl/background/DropDownItemSelectorBG1x2.gif) repeat-x scroll center top;
	border: 1px solid #929292;
	cursor: pointer;
	padding-left: 5px; /* orientation=lt */
	height: 19px;
}

.UIDropDownControl .LeftMiddelItem {
	display: block;
	background: white;
}

.UIDropDownControl .RightMiddelItem {
	border: 1px solid gray;
	border-top: 0px;
	padding: 4px;
}

.UIDropDownControl .RightMiddelItem .ItemListContent {
	width: 100%;
	overflow: hidden;
}

.UIDropDownControl .ItemListContent {
	border: 1px solid #e0e0e0;
	border-bottom: 0px;
	background: #f3f3f3;
	height: 100%;
}

.ItemListContent .TopItemContainer {
	height: 15px;
background: #e3e3e3 url('/eXoResources/skin/DefaultSkin/webui/component/UIDropDownControl/background/UpNaviArrow.gif') no-repeat center;
	border-bottom: 1px solid #E0E0E0;
}

.ItemListContent .MiddleItemContainer {
	overflow: hidden;
}

.ItemListContent .BottomItemContainer {
	height: 15px;
background: #e3e3e3 url('/eXoResources/skin/DefaultSkin/webui/component/UIDropDownControl/background/DownNaviArrow.gif') no-repeat center;
	border-top: 1px solid white;
	border-bottom: 1px solid #E0E0E0;
}

.UIDropDownControl .UIDropDownMiddleTitle .Icon {
	width: auto;
}

.UIDropDownControl .DropDownSelectIcon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIDropDownControl/background/DropDownControl.gif') no-repeat scroll right top;
	cursor: pointer;
	height: 19px;
}

.UIDropDownControl .DropDownSelectLabel {
	font-weight: bold;
	font-size: 10px;
	overflow: hidden;
	line-height: 19px;
	height: 19px;
	margin-left: 5px; /* orientation=lt */
	width: 88%;
}

.UIDropDownControl .OptionItem {
	display: block;
	padding: 0px 4px 0px 17px; /* orientation=lt */
	border-bottom: 1px solid #e0e0e0;
	border-top: 1px solid #ffffff;
	line-height: 20px;
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/GrayNextArrow.gif') no-repeat left center; /* orientation=lt */
}

.UIDropDownControl .OptionItem:hover {
	background: #7aafe5 url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/GrayNextArrow.gif') no-repeat left center; /* orientation=lt */
	color: white;
}

.UIDropDownControl .UIPopupControl {
	position: absolute;
	right: -93px;
	width: 120px;
	top: 20px;
}

/* -- menu Item --*/

.UIPopupControl .MenuItem {
	color: #333;
	background: #efefef;
	border-bottom: 1px #cdcdcd solid;
	cursor: pointer;
	display: block;
}

.UIPopupControl .MenuItem:hover {
	background: #cbcff2;
	color: #2569dc;
}

.UIPopupControl .MenuItem .ItemLabel {
	padding-left: 18px; /* orientation=lt */
	height: 22px;
	line-height: 22px;
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/GrayNextArrow.gif') no-repeat left center; /* orientation=lt */
}

/* -- end menuItem --*/

.UIPageNodeSelector .UIContainerConfigOptions .UIDropDownControl .ComponentIcon {
	height: 16px;
	padding-left: 16px; /* orientation=lt */
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/NavigationIcon.gif') no-repeat left center; /* orientation=lt */
}

.UIContainerConfigOptions .UIDropDownControl .ComponentIcon {
	height: 16px;
	padding-left: 16px; /* orientation=lt */
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/DefaultContainerIcon.gif') no-repeat left center; /* orientation=lt */
}
/**
 * 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.
 */

.UIGroupInfoContainer .HorizontalLayout {	
	background: #ffffff;
	border: solid 1px #b7b7b7;
	padding: 1px;
	border-top: none;
}

.UIGroupInfoContainer .HorizontalLayout .FormContainer {
	padding: 7px;
	_padding: 8px 7px 7px;
}

.UIGroupInfoContainer .UIGroupMembershipForm .TitleBar {
	font-weight: normal;
background: url(/eXoResources/skin/DefaultSkin/webui/component/UIGroupInfoContainer/background/TitleBG1x20.gif) repeat-x;
	line-height: 18px;
	border: 1px solid #b7b7b7;
}

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

.UINotification {	
	position: absolute;
	top: 0px;
	right: 5px;
	width: 250px;
}

.UINotification .UIPopupNotification {
}

.UINotification .UIPopupNotification .TLPopupNotification {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UINotification/images/Popup.gif') no-repeat left top;
	padding-left: 4px;
}

.UINotification .UIPopupNotification .TCPopupNotification {
	height: 13px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UINotification/images/Popup.gif') repeat-x left -13px;
}

.UINotification .UIPopupNotification .TRPopupNotification {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UINotification/images/PopupTR.png') no-repeat right top;
	padding-right: 45px;
}

.UINotification .UIPopupNotification .TitleNotification {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UINotification/images/Popup.gif') repeat-x left -50px ;
	height: 16px;
	padding-left: 10px; /* orientation=lt */
}

.UINotification .UIPopupNotification .MLPopupNotification {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UINotification/images/PopupML.gif') repeat-y left;
	padding-left: 2px;
}

.UINotification .UIPopupNotification .MCPopupNotification {
	background: #feffcf;
}

.UINotification .UIPopupNotification .MRPopupNotification {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UINotification/images/PopupMR.gif') repeat-y right;
	padding-right: 2px;
}

.UINotification .UIPopupNotification .BLPopupNotification {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UINotification/images/Popup.gif') no-repeat left -26px;
	padding-left: 4px;
}

.UINotification .UIPopupNotification .BCPopupNotification {
	height: 4px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UINotification/images/Popup.gif') repeat-x left -30px;
}

.UINotification .UIPopupNotification .BRPopupNotification {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UINotification/images/Popup.gif') no-repeat right -26px;
	padding-right: 4px;
}

.UINotification .UIPopupNotification .ItemTitle {
	color: black;
	display: block;
	font-size: 12px;
	font-weight: bold;
	float: left; /* orientation=lt */
}

.UINotification .UIPopupNotification .Close {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UINotification/images/Popup.gif') left -66px no-repeat;
	display: block;
	height: 7px; width: 7px;
	float: right; /* orientation=lt */
	margin: 3px 5px;
	cursor: pointer;
}

.UINotification .UIPopupNotification .Item {
	overflow: hidden;
	border-bottom: 1px dotted #b7b7b7;
	margin: 0px 5px;
	padding: 5px 0px 0px 11px; /* orientation=lt */
	display: block;
	line-height: 22px;
	color: red;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UINotification/images/Popup.gif') no-repeat 3px -74px;
}

.UINotification .UIPopupNotification .Item:hover {
	color: black;
}

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

/*-------------------------- DefaultTheme ---------------------------*/  

.DefaultTheme .WindowBarCenter .WindowPortletInfo {
	margin-right: 80px; /* orientation=lt */
}

.DefaultTheme .WindowBarCenter .ControlIcon {
	float: right; /* orientation=lt */
	width: 24px; 
	height: 17px;
	cursor: pointer;
background-image: url('/eXoResources/skin/PortletThemes/background/DefaultTheme.png');
}

.DefaultTheme .ArrowDownIcon {
	background-position: center 20px;
}

.DefaultTheme .ArrowDownIcon:hover {
	background-position: center 116px;
}

.DefaultTheme .MinimizedIcon {
	background-position: center 44px;
}

.DefaultTheme .MinimizedIcon:hover {
	background-position: center 140px;
}

.DefaultTheme .MaximizedIcon {
	background-position: center 68px;
}

.DefaultTheme .MaximizedIcon:hover {
	background-position: center 164px;
}

.DefaultTheme .RestoreIcon {
	background-position: center 92px;
}

.DefaultTheme .RestoreIcon:hover {
	background-position: center 188px;
}

.DefaultTheme .NormalIcon {
	background-position: center 92px;
}

.DefaultTheme .NormalIcon:hover {
	background-position: center 188px;
}


.UIPageDesktop .DefaultTheme .ResizeArea {
	float: right; /* orientation=lt */
	width: 18px; height: 18px;
	cursor: nw-resize;
background: url('/eXoResources/skin/PortletThemes/background/ResizeArea18x18.gif') no-repeat left top;
}

.DefaultTheme .Information {
	height: 18px; line-height: 18px;
	vertical-align: middle; font-size: 10px;
	padding-left: 5px; /* orientation=lt */
	margin-right: 18px; /* orientation=lt */
}

.DefaultTheme .WindowBarCenter .WindowPortletIcon {
	background-position: left top; /* orientation=lt */
	padding-left: 20px; /* orientation=lt */
	height: 16px;
	line-height: 16px;
}

.DefaultTheme .WindowBarCenter .PortletName {
	font-weight: bold;
	color: #333333;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
}

.DefaultTheme .WindowBarLeft {
	padding-left: 12px;
background-image: url('/eXoResources/skin/PortletThemes/background/DefaultTheme.png');
	background-repeat: no-repeat;
	background-position: left -148px;
}

.DefaultTheme .WindowBarRight {
	padding-right: 11px;
background-image: url('/eXoResources/skin/PortletThemes/background/DefaultTheme.png');
	background-repeat: no-repeat;
	background-position: right -119px;
}

.DefaultTheme .WindowBarCenter {
background-image: url('/eXoResources/skin/PortletThemes/background/DefaultTheme.png');
	background-repeat: repeat-x;
	background-position: left -90px;
}

.DefaultTheme .WindowBarCenter .FixHeight {
	height: 21px;
	padding-top: 8px;
}

.DefaultTheme .MiddleDecoratorLeft {
	padding-left: 12px;
background: url('/eXoResources/skin/PortletThemes/background/MDefaultTheme.png') repeat-y left;
}

.DefaultTheme .MiddleDecoratorRight {
	padding-right: 11px;
background: url('/eXoResources/skin/PortletThemes/background/MDefaultTheme.png') repeat-y right;
}

.DefaultTheme .MiddleDecoratorCenter {
	background: #ffffff;
}

.DefaultTheme .BottomDecoratorLeft {
	padding-left: 12px;
background-image: url('/eXoResources/skin/PortletThemes/background/DefaultTheme.png');
	background-repeat: no-repeat;
	background-position: left -60px;
}

.DefaultTheme .BottomDecoratorRight {
	padding-right: 11px;
background-image: url('/eXoResources/skin/PortletThemes/background/DefaultTheme.png');
	background-repeat: no-repeat;
	background-position: right -30px;
}

.DefaultTheme .BottomDecoratorCenter {
background-image: url('/eXoResources/skin/PortletThemes/background/DefaultTheme.png');
	background-repeat: repeat-x;
	background-position: left top;
}

.DefaultTheme .BottomDecoratorCenter .FixHeight {
	height: 30px;
}

/*-------------------------- MacTheme ---------------------------*/

.MacTheme .WindowBarCenter .WindowPortletInfo {
	margin: 0px 70px 0px 0px; /* orientation=lt */
}

.MacTheme .WindowBarCenter .WindowPortletIcon {
	padding-left: 20px; /* orientation=lt */
	height: 16px;
}

.MacTheme .WindowBarCenter .PortletName {
	font-weight: bold;
	line-height: 17px;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
}

.MacTheme .WindowBarCenter .PortletIcon {
	background: url('/eXoSkinMac/skin/MacSkin/skinIcons/16x16/icons/DefaultPortletIcon.png') no-repeat left top; /* orientation=lt */
}

.MacTheme .WindowBarCenter .ControlIcon {
	float: right; /* orientation=lt */
	width: 21px; height: 16px;
	margin-right: 2px; /* orientation=lt */
	cursor: pointer;	
background-image: url('/eXoResources/skin/PortletThemes/background/MacTheme.png');
}

.MacTheme .ArrowDownIcon {
	background-position: center 18px;
}

.MacTheme .ArrowDownIcon:hover {
	background-position: center 98px;
}

.MacTheme .MinimizedIcon {
	background-position: center 37px;
}

.MacTheme .MinimizedIcon:hover {
	background-position: center 118px;
}

.MacTheme .MaximizedIcon {
	background-position: center 57px;
}

.MacTheme .MaximizedIcon:hover {
	background-position: center 138px;
}

.MacTheme .NormalIcon {
	background-position: center 78px;
}

.MacTheme .NormalIcon:hover {
	background-position: center 158px;
}

.MacTheme .RestoreIcon {
	background-position: center 78px;
}

.MacTheme .RestoreIcon:hover {
	background-position: center 158px;
}

.MacTheme .BackgroundIcon {
	float: left; /* orientation=lt */
	margin: 4px 2px 0px 2px;
}

.UIPageDesktop .MacTheme .ResizeArea {
	float: right; /* orientation=lt */
	width: 17px; height: 15px;
	cursor: nw-resize;
background: url('/eXoResources/skin/PortletThemes/background/ResizeArea17x15.png') no-repeat right top;
}

.MacTheme .Information {
	height: 16px; line-height: 14px; vertical-align: middle;
	font-size: 10px;
	margin-right: 18px;
	padding-left: 5px; /* orientation=lt */
}

.MacTheme .MiddleDecoratorLeft {
background: url('/eXoResources/skin/PortletThemes/background/MMacTheme.png') repeat-y left;
	padding: 0px 0px 0px 5px;
}

.MacTheme .MiddleDecoratorRight {
	padding: 0px 5px 0px 0px;
background: url('/eXoResources/skin/PortletThemes/background/MMacTheme.png') repeat-y right;
}

.MacTheme .MiddleDecoratorCenter {
	background: #ffffff;
}

.UIPortlet .MacTheme .MiddleDecoratorCenter {
	height: 100%;
}

.MacTheme .BottomDecoratorLeft {
background-image: url('/eXoResources/skin/PortletThemes/background/MacTheme.png');
	background-repeat: no-repeat;
	background-position: left -46px;
	padding: 0px 0px 0px 5px;
}

.MacTheme .BottomDecoratorRight {
background-image: url('/eXoResources/skin/PortletThemes/background/MacTheme.png');
	background-repeat: no-repeat;
	background-position: right -23px;
	padding: 0px 5px 0px 0px;
}

.MacTheme .BottomDecoratorCenter {
background-image: url('/eXoResources/skin/PortletThemes/background/MacTheme.png');
	background-repeat: repeat-x;
	background-position: center top;
}

.MacTheme .BottomDecoratorCenter .FixHeight {
	height: 23px; line-height: 23px;
}

.MacTheme .WindowBarLeft {
background-image: url('/eXoResources/skin/PortletThemes/background/MacTheme.png');
	background-repeat: no-repeat;
	background-position: left -115px;
	padding: 0px 0px 0px 12px;
}

.MacTheme .WindowBarRight {
background-image: url('/eXoResources/skin/PortletThemes/background/MacTheme.png');
	background-repeat: no-repeat;
	background-position: right -92px;
	padding: 0px 12px 0px 0px;
}

.MacTheme .WindowBarCenter {
background-image: url('/eXoResources/skin/PortletThemes/background/MacTheme.png');
	background-repeat: repeat-x;
	background-position: center -69px;
}

.MacTheme .WindowBarCenter .FixHeight {
	height: 19px;
	padding-top: 4px;
}

/*-------------------------- MacGray ---------------------------*/

.MacGray .WindowBarCenter .WindowPortletInfo {
	margin: 0px 70px 0px 0px; /* orientation=lt */
}

.MacGray .WindowBarCenter .WindowPortletIcon {
	padding-left: 20px; /* orientation=lt */
	height: 16px;
}

.MacGray .WindowBarCenter .PortletName {
	font-weight: bold;
	line-height: 17px;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
}

.MacGray .WindowBarCenter .PortletIcon {
	background: url('/eXoSkinMac/skin/MacSkin/skinIcons/16x16/icons/DefaultPortletIcon.png') no-repeat left top; /* orientation=lt */
}

.MacGray .WindowBarCenter .ControlIcon {
	float: right; /* orientation=lt */
	width: 21px; height: 16px;
	margin-right: 2px; /* orientation=lt */
	cursor: pointer;	
background-image: url('/eXoResources/skin/PortletThemes/background/MacGray.png');
}

.MacGray .ArrowDownIcon {
	background-position: center 20px;
}

.MacGray .ArrowDownIcon:hover {
	background-position: center 100px;
}

.MacGray .MinimizedIcon {
	background-position: center 37px;
}

.MacGray .MinimizedIcon:hover {
	background-position: center 120px;
}

.MacGray .MaximizedIcon {
	background-position: center 57px;
}

.MacGray .MaximizedIcon:hover {
	background-position: center 140px;
}

.MacGray .NormalIcon {
	background-position: center 78px;
}

.MacGray .NormalIcon:hover {
	background-position: center 160px;
}

.MacGray .RestoreIcon {
	background-position: center 78px;
}

.MacGray .RestoreIcon:hover {
	background-position: center 160px;
}

.MacGray .BackgroundIcon {
	float: left; /* orientation=lt */
	margin: 4px 2px 0px 2px;
}

.UIPageDesktop .MacGray .ResizeArea {
	float: right; /* orientation=lt */
	width: 17px; height: 15px;
	cursor: nw-resize;
background: url('/eXoResources/skin/PortletThemes/background/ResizeArea17x15.png') no-repeat;
}

.MacGray .Information {
	height: 16px; line-height: 14px; vertical-align: middle;
	font-size: 10px;
	margin-right: 18px; /* orientation=lt */
	padding-left: 5px; /* orientation=lt */
}

.MacGray .MiddleDecoratorLeft {
background: url('/eXoResources/skin/PortletThemes/background/MMacGray.png') repeat-y left;
	padding: 0px 0px 0px 8px;
}

.MacGray .MiddleDecoratorRight {
	padding: 0px 8px 0px 0px;
background: url('/eXoResources/skin/PortletThemes/background/MMacGray.png') repeat-y right;
}

.MacGray .MiddleDecoratorCenter {
	background: #ffffff;
}

.MacGray .MiddleDecoratorCenter {
	height:100%;
}

.MacGray .BottomDecoratorLeft {
background-image: url('/eXoResources/skin/PortletThemes/background/MacGray.png');
	background-repeat: no-repeat;
	background-position: left -48px;
	padding: 0px 0px 0px 9px;
}

.MacGray .BottomDecoratorRight {
	padding: 0px 9px 0px 0px;
background-image: url('/eXoResources/skin/PortletThemes/background/MacGray.png');
	background-repeat: no-repeat;
	background-position: right -24px;
}

.MacGray .BottomDecoratorCenter {
background-image: url('/eXoResources/skin/PortletThemes/background/MacGray.png');
	background-repeat: repeat-x;
	background-position: left top;
}

.MacGray .BottomDecoratorCenter .FixHeight {
	height: 24px; line-height: 24px;
}

.MacGray .WindowBarLeft {
	padding: 0px 0px 0px 9px;
background-image: url('/eXoResources/skin/PortletThemes/background/MacGray.png');
	background-repeat: no-repeat;
	background-position: left -118px;
}

.MacGray .WindowBarRight {
	padding: 0px 9px 0px 0px;
background-image: url('/eXoResources/skin/PortletThemes/background/MacGray.png');
	background-repeat: no-repeat;
	background-position: right -95px;
}

.MacGray .WindowBarCenter {
background-image: url('/eXoResources/skin/PortletThemes/background/MacGray.png');
	background-repeat: repeat-x;
	background-position: center -72px;
}

.MacGray .WindowBarCenter .FixHeight {
	height: 19px;
	padding-top: 4px;
}

/*-------------------------- MacBlack ---------------------------*/

.MacBlack .WindowBarCenter .WindowPortletInfo {
	margin: 0px 70px 0px 0px; /* orientation=lt */
}

.MacBlack .WindowBarCenter .WindowPortletIcon {
	padding-left: 20px; /* orientation=lt */
	height: 16px;
}

.MacBlack .WindowBarCenter .PortletName {
	font-weight: bold;
	line-height: 17px;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
}

.MacBlack .WindowBarCenter .PortletIcon {
	background: url('/eXoSkinMac/skin/MacSkin/skinIcons/16x16/icons/DefaultPortletIcon.png') no-repeat left top; /* orientation=lt */
}

.MacBlack .WindowBarCenter .ControlIcon {
	float: right; /* orientation=lt */
	width: 21px; height: 16px;
	margin-right: 2px; /* orientation=lt */
	cursor: pointer;	
background-image: url('/eXoResources/skin/PortletThemes/background/MacBlack.png');
}

.MacBlack .ArrowDownIcon {
	background-position: center 20px;
}

.MacBlack .ArrowDownIcon:hover {
	background-position: center 100px;
}

.MacBlack .MinimizedIcon {
	background-position: center 37px;
}

.MacBlack .MinimizedIcon:hover {
	background-position: center 120px;
}

.MacBlack .MaximizedIcon {
	background-position: center 57px;
}

.MacBlack .MaximizedIcon:hover {
	background-position: center 140px;
}

.MacBlack .NormalIcon {
	background-position: center 78px;
}

.MacBlack .NormalIcon:hover {
	background-position: center 160px;
}

.MacBlack .RestoreIcon {
	background-position: center 78px;
}

.MacBlack .RestoreIcon:hover {
	background-position: center 160px;
}

.MacBlack .BackgroundIcon {
	float: left; /* orientation=lt */
	margin: 4px 2px 0px 2px;
}

.UIPageDesktop .MacBlack .ResizeArea {
	float: right; /* orientation=lt */
	width: 17px; height: 15px;
	cursor: nw-resize;
background: url('/eXoResources/skin/PortletThemes/background/ResizeArea17x15.png') no-repeat;
}

.MacBlack .Information {
	height: 16px; line-height: 14px; vertical-align: middle;
	font-size: 10px;
	margin-right: 18px; /* orientation=lt */
	padding-left: 5px; /* orientation=lt */
}

.MacBlack .MiddleDecoratorLeft {
background: url('/eXoResources/skin/PortletThemes/background/MMacBlack.png') repeat-y left;
	padding: 0px 0px 0px 8px;
}

.MacBlack .MiddleDecoratorRight {
	padding: 0px 8px 0px 0px;
background: url('/eXoResources/skin/PortletThemes/background/MMacBlack.png') repeat-y right;
}

.MacBlack .MiddleDecoratorCenter {
	background: #ffffff;
}

.UIPortlet .MacBlack .MiddleDecoratorCenter {
	height: 100%;
}

.MacBlack .BottomDecoratorLeft {
background-image: url('/eXoResources/skin/PortletThemes/background/MacBlack.png');
	background-repeat: no-repeat;
	background-position: left -48px;
	padding: 0px 0px 0px 9px;
}

.MacBlack .BottomDecoratorRight {
	padding: 0px 9px 0px 0px;
background-image: url('/eXoResources/skin/PortletThemes/background/MacBlack.png');
	background-repeat: no-repeat;
	background-position: right -24px;
}

.MacBlack .BottomDecoratorCenter {
background-image: url('/eXoResources/skin/PortletThemes/background/MacBlack.png');
	background-repeat: repeat-x;
	background-position: left top;
}

.MacBlack .BottomDecoratorCenter .FixHeight {
	height: 24px; line-height: 24px;
}

.MacBlack .WindowBarLeft {
	padding: 0px 0px 0px 9px;
background-image: url('/eXoResources/skin/PortletThemes/background/MacBlack.png');
	background-repeat: no-repeat;
	background-position: left -118px;
}

.MacBlack .WindowBarRight {
	padding: 0px 9px 0px 0px;
background-image: url('/eXoResources/skin/PortletThemes/background/MacBlack.png');
	background-repeat: no-repeat;
	background-position: right -95px;
}

.MacBlack .WindowBarCenter {
background-image: url('/eXoResources/skin/PortletThemes/background/MacBlack.png');
	background-repeat: repeat-x;
	background-position: center -72px;
}

.MacBlack .WindowBarCenter .FixHeight {
	height: 19px;
	padding-top: 4px;
}

/*-------------------------- MacGreenSteel ---------------------------*/

.MacGreenSteel .WindowBarCenter .WindowPortletInfo {
	margin: 0px 70px 0px 0px; /* orientation=lt */
}

.MacGreenSteel .WindowBarCenter .WindowPortletIcon {
	padding-left: 20px; /* orientation=lt */
	height: 16px;
}

.MacGreenSteel .WindowBarCenter .PortletName {
	font-weight: bold;
	line-height: 17px;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
}

.MacGreenSteel .WindowBarCenter .PortletIcon {
	background: url('/eXoSkinMac/skin/MacSkin/skinIcons/16x16/icons/DefaultPortletIcon.png') no-repeat left top; /* orientation=lt */
}

.MacGreenSteel .WindowBarCenter .ControlIcon {
	float: right; /* orientation=lt */
	width: 21px; height: 16px;
	margin-right: 2px; /* orientation=lt */
	cursor: pointer;	
background-image: url('/eXoResources/skin/PortletThemes/background/MacGreen.png');
}

.MacGreenSteel .ArrowDownIcon {
	background-position: center 20px;
}

.MacGreenSteel .ArrowDownIcon:hover {
	background-position: center 100px;
}

.MacGreenSteel .MinimizedIcon {
	background-position: center 37px;
}

.MacGreenSteel .MinimizedIcon:hover {
	background-position: center 120px;
}

.MacGreenSteel .MaximizedIcon {
	background-position: center 57px;
}

.MacGreenSteel .MaximizedIcon:hover {
	background-position: center 140px;
}

.MacGreenSteel .NormalIcon {
	background-position: center 78px;
}

.MacGreenSteel .NormalIcon:hover {
	background-position: center 160px;
}

.MacGreenSteel .RestoreIcon {
	background-position: center 78px;
}

.MacGreenSteel .RestoreIcon:hover {
	background-position: center 160px;
}

.MacGreenSteel .BackgroundIcon {
	float: left; /* orientation=lt */
	margin: 4px 2px 0px 2px;
}

.UIPageDesktop .MacGreenSteel .ResizeArea {
	float: right; /* orientation=lt */
	width: 17px; height: 15px;
	cursor: nw-resize;
background: url('/eXoResources/skin/PortletThemes/background/ResizeArea17x15.png') no-repeat;
}

.MacGreenSteel .Information {
	height: 16px; line-height: 14px; vertical-align: middle;
	font-size: 10px;
	margin-right: 18px; /* orientation=lt */
	padding-left: 5px; /* orientation=lt */
}

.MacGreenSteel .MiddleDecoratorLeft {
background: url('/eXoResources/skin/PortletThemes/background/MMacGreen.png') repeat-y left;
	padding: 0px 0px 0px 8px;
}

.MacGreenSteel .MiddleDecoratorRight {
	padding: 0px 8px 0px 0px;
background: url('/eXoResources/skin/PortletThemes/background/MMacGreen.png') repeat-y right;
}

.MacGreenSteel .MiddleDecoratorCenter {
	background: #ffffff;
}

.UIPortlet .MacGreenSteel .MiddleDecoratorCenter {
	height: 100%;
}

.MacGreenSteel .BottomDecoratorLeft {
background-image: url('/eXoResources/skin/PortletThemes/background/MacGreen.png');
	background-repeat: no-repeat;
	background-position: left -48px;
	padding: 0px 0px 0px 9px;
}

.MacGreenSteel .BottomDecoratorRight {
	padding: 0px 9px 0px 0px;
background-image: url('/eXoResources/skin/PortletThemes/background/MacGreen.png');
	background-repeat: no-repeat;
	background-position: right -24px;
}

.MacGreenSteel .BottomDecoratorCenter {
background-image: url('/eXoResources/skin/PortletThemes/background/MacGreen.png');
	background-repeat: repeat-x;
	background-position: left top;
}

.MacGreenSteel .BottomDecoratorCenter .FixHeight {
	height: 24px; line-height: 24px;
}

.MacGreenSteel .WindowBarLeft {
	padding: 0px 0px 0px 9px;
background-image: url('/eXoResources/skin/PortletThemes/background/MacGreen.png');
	background-repeat: no-repeat;
	background-position: left -118px;
}

.MacGreenSteel .WindowBarRight {
	padding: 0px 9px 0px 0px;
background-image: url('/eXoResources/skin/PortletThemes/background/MacGreen.png');
	background-repeat: no-repeat;
	background-position: right -95px;
}

.MacGreenSteel .WindowBarCenter {
background-image: url('/eXoResources/skin/PortletThemes/background/MacGreen.png');
	background-repeat: repeat-x;
	background-position: center -72px;
}

.MacGreenSteel .WindowBarCenter .FixHeight {
	height: 19px;
	padding-top: 4px;
}

/*-------------------------------- VistaTheme -----------------------------*/

.VistaTheme .WindowBarCenter .WindowPortletInfo {
	margin-right: 95px; /* orientation=lt */
	
}

.VistaTheme .WindowBarCenter .WindowPortletIcon {
	background-position: left top; /* orientation=lt */
	padding-left: 20px; /* orientation=lt */
	height: 22px;
}

.VistaTheme .WindowBarCenter .PortletIcon {
	background: url('/eXoSkinVista/skin/VistaSkin/skinIcons/16x16/icons/PortletIcon.png') no-repeat left 3px; /* orientation=lt */
}

.VistaTheme .WindowBarCenter .ControlIcon {
	float: right; /* orientation=lt */
	width: 30px; 
	height: 20px;
	cursor: pointer;	
background-image: url('/eXoResources/skin/PortletThemes/background/VistaTheme.png');
}

.VistaTheme .ArrowDownIcon {
	background-position: center 20px;
}

.VistaTheme .ArrowDownIcon:hover {
	background-position: center 100px;
}

.VistaTheme .MinimizedIcon {
	background-position: center 40px;
}

.VistaTheme .MinimizedIcon:hover {
	background-position: center 120px;
}

.VistaTheme .MaximizedIcon {
	background-position: center 60px;
}

.VistaTheme .MaximizedIcon:hover {
	background-position: center 140px;
}

.VistaTheme .NormalIcon {
	background-position: center 80px;
}

.VistaTheme .NormalIcon:hover {
	background-position: center 160px;
}

.VistaTheme .RestoreIcon {
	background-position: center 80px;
}

.VistaTheme .RestoreIcon:hover {
	background-position: center 160px;
}

.VistaTheme .Information {
	margin-right: 18px; /* orientation=lt */
	padding-left: 5px; /* orientation=lt */
	height: 18px; line-height: 18px;
	font-size: 10px;
}

.VistaTheme .MiddleDecoratorCenter {
	background: #ffffff;
	border: solid 1px #717171;
}

.UIPageDesktop .VistaTheme .ResizeArea {
	float: right; /* orientation=lt */
	width: 9px; height: 12px;
	cursor: nw-resize;
	background: url('/eXoSkinVista/skin/VistaSkin/skinIcons/16x16/icons/ResizeBG.gif') no-repeat bottom right; /* orientation=lt */
}

.VistaTheme .MiddleDecoratorLeft {
	padding-left:12px;
background: url('/eXoResources/skin/PortletThemes/background/MVistaTheme.png') repeat-y left;
}

.VistaTheme .MiddleDecoratorRight {
	padding-right: 13px;
background: url('/eXoResources/skin/PortletThemes/background/MVistaTheme.png') repeat-y right;
}

.UIPageBody .MiddleDecoratorCenter {
	background: #ffffff;
}

.VistaTheme .BottomDecoratorLeft {
background-image: url('/eXoResources/skin/PortletThemes/background/VistaTheme.png');
	background-repeat: no-repeat;
	background-position: left -48px;
	padding-left: 12px;
}

.VistaTheme .BottomDecoratorRight {
background-image: url('/eXoResources/skin/PortletThemes/background/VistaTheme.png');
	background-repeat: no-repeat;
	background-position: right -24px;
	padding-right: 13px;
}

.VistaTheme .BottomDecoratorCenter {
background-image: url('/eXoResources/skin/PortletThemes/background/VistaTheme.png');
	background-repeat: repeat-x;
	background-position: left top;
}

.VistaTheme .BottomDecoratorCenter .FixHeight {
	height: 24px;
}

.VistaTheme .WindowBarCenter .PortletName {
	font-weight: bold;
	line-height: 22px;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
}

.VistaTheme .WindowBarLeft {
background-image: url('/eXoResources/skin/PortletThemes/background/VistaTheme.png');
	background-repeat: no-repeat;
	background-position: left -130px;
	padding-left: 12px;
}

.VistaTheme .WindowBarRight {
background-image: url('/eXoResources/skin/PortletThemes/background/VistaTheme.png');
	background-repeat: no-repeat;
	background-position: right -101px;
	padding-right: 16px;
}

.VistaTheme .WindowBarCenter {
background-image: url('/eXoResources/skin/PortletThemes/background/VistaTheme.png');
	background-repeat: repeat-x;
	background-position: left -72px;
}

.VistaTheme .WindowBarCenter .FixHeight {
	height: 24px;
	padding-top: 5px;
}

/*-------------------------------- VistaBlue -----------------------------*/

.VistaBlue .WindowBarCenter .WindowPortletInfo {
	margin-right: 95px; /* orientation=lt */
	
}

.VistaBlue .WindowBarCenter .WindowPortletIcon {
	background-position: left top; /* orientation=lt */
	padding-left: 20px; /* orientation=lt */
	height: 20px;
}

.VistaBlue .WindowBarCenter .PortletName {
	font-weight: bold;
	line-height: 22px;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
}

.VistaBlue .WindowBarCenter .PortletIcon {
	background: url('/eXoSkinVista/skin/VistaSkin/skinIcons/16x16/icons/PortletIcon.png') no-repeat left 3px; /* orientation=lt */
}

.VistaBlue .WindowBarCenter .ControlIcon {
	float: right; /* orientation=lt */
	width: 30px; height: 19px;
	cursor: pointer;	
background-image: url('/eXoResources/skin/PortletThemes/background/VistaBlue.png');
}

.VistaBlue .ArrowDownIcon {
	background-position: center 19px;
}

.VistaBlue .ArrowDownIcon:hover {
	background-position: center 99px;
}

.VistaBlue .MinimizedIcon {
	background-position: center 39px;
}

.VistaBlue .MinimizedIcon:hover {
	background-position: center 119px;
}

.VistaBlue .MaximizedIcon {
	background-position: center 59px;
}

.VistaBlue .MaximizedIcon:hover {
	background-position: center 139px;
}

.VistaBlue .NormalIcon {
	background-position: center 79px;
}

.VistaBlue .NormalIcon:hover {
	background-position: center 159px;
}

.VistaBlue .RestoreIcon {
	background-position: center 79px;
}

.VistaBlue .RestoreIcon:hover {
	background-position: center 159px;
}

.VistaBlue .Information {
	margin-right: 18px; /* orientation=lt */
	padding-left: 5px; /* orientation=lt */
	height: 18px; line-height: 18px;
	font-size: 10px;
}

.VistaBlue .MiddleDecoratorCenter {
	background: #ffffff;
}

.UIPortlet .VistaBlue .MiddleDecoratorCenter {
	height: 100%;
}

.UIPageDesktop .VistaBlue .ResizeArea {
	float: right; /* orientation=lt */
	width: 9px; height: 12px;
	cursor: nw-resize;
	background: url('/eXoSkinVista/skin/VistaSkin/skinIcons/16x16/icons/ResizeBG.gif') no-repeat bottom right;
}

.VistaBlue .MiddleDecoratorLeft {
	padding-left: 15px;
background: url('/eXoResources/skin/PortletThemes/background/MVistaBlue.png') repeat-y left;
}

.VistaBlue .MiddleDecoratorRight {
	padding-right: 18px;
background: url('/eXoResources/skin/PortletThemes/background/MVistaBlue.png') repeat-y right;
}

.UIPortlet .VistaBlue .MiddleDecoratorRight {
	padding-right: 16px;
}

.VistaBlue .BottomDecoratorLeft {
background-image: url('/eXoResources/skin/PortletThemes/background/VistaBlue.png');
	background-repeat: no-repeat;
	background-position: left -54px;
	padding-left: 15px;
}

.VistaBlue .BottomDecoratorRight {
background-image: url('/eXoResources/skin/PortletThemes/background/VistaBlue.png');
	background-repeat: no-repeat;
	background-position: right -27px;
	padding-right: 15px;
}

.VistaBlue .BottomDecoratorCenter {
background-image: url('/eXoResources/skin/PortletThemes/background/VistaBlue.png');
	background-repeat: repeat-x;
	background-position: left top;
}

.VistaBlue .BottomDecoratorCenter .FixHeight {
	height: 27px;
}

.VistaBlue .WindowBarLeft {
background-image: url('/eXoResources/skin/PortletThemes/background/VistaBlue.png');
	background-repeat: no-repeat;
	background-position: left -151px;
	padding-left: 15px;
}

.VistaBlue .WindowBarRight {
background-image: url('/eXoResources/skin/PortletThemes/background/VistaBlue.png');
	background-repeat: no-repeat;
	background-position: right -116px;
	padding-right: 15px;
}

.VistaBlue .WindowBarCenter {
background-image: url('/eXoResources/skin/PortletThemes/background/VistaBlue.png');
	background-repeat: repeat-x;
	background-position: left -81px;
}

.VistaBlue .WindowBarCenter .FixHeight {
	height: 27px;
	padding-top: 8px;
}

/*-------------------------- RoundConerBlue ---------------------------*/

.RoundConerBlue .WindowBarCenter .WindowPortletInfo {
	margin-right: 70px; /* orientation=lt */
	
}

.RoundConerBlue .WindowBarCenter .ControlIcon {
	float: right; /* orientation=lt */
	width: 20px; height: 16px;
	margin-right: 2px; /* orientation=lt */
	cursor: pointer;
background-image: url('/eXoResources/skin/PortletThemes/background/RoundCornerBlue.png');
}

.RoundConerBlue .Information {
	height: 18px; line-height: 18px;
	font-size: 10px;
	margin-right: 18px; /* orientation=lt */
	padding-left: 5px; /* orientation=lt */
}

.RoundConerBlue .WindowBarCenter .WindowPortletIcon {
	background-position: left top; /* orientation=lt */
	padding-left: 20px; /* orientation=lt */
	height: 16px;
}

.UIPageDesktop .RoundConerBlue .ResizeArea {
	float: right; /* orientation=lt */
	width: 17px; height: 19px;
	cursor: nw-resize;
background: url('/eXoResources/skin/PortletThemes/background/Resize17x19.png') no-repeat;
}

.RoundConerBlue .WindowBarCenter .PortletName {
	font-weight: bold;
	color: #333333;
	line-height: 19px;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
}

.RoundConerBlue .ArrowDownIcon {
	background-position: center 21px;
}

.RoundConerBlue .ArrowDownIcon:hover {
	background-position: center 117px;
}

.RoundConerBlue .MinimizedIcon {
	background-position: center 45px;
}

.RoundConerBlue .MinimizedIcon:hover {
	background-position: center 141px;
}

.RoundConerBlue .MaximizedIcon {
	background-position: center 69px;
}

.RoundConerBlue .MaximizedIcon:hover {
	background-position: center 165px;
}

.RoundConerBlue .RestoreIcon {
	background-position: center 93px;
}

.RoundConerBlue .RestoreIcon:hover {
	background-position: center 189px;
}

.RoundConerBlue .NormalIcon {
	background-position: center 93px;
}

.RoundConerBlue .NormalIcon:hover {
	background-position: center 189px;
}

.RoundConerBlue .WindowBarLeft {
	padding-left: 12px;
background-image: url('/eXoResources/skin/PortletThemes/background/RoundCornerBlue.png');
	background-repeat: no-repeat;
	background-position: left -154px;
}

.RoundConerBlue .WindowBarRight {
	padding-right: 12px;
background-image: url('/eXoResources/skin/PortletThemes/background/RoundCornerBlue.png');
	background-repeat: no-repeat;
	background-position: right -122px;
}

.RoundConerBlue .WindowBarCenter {
background: url('/eXoResources/skin/PortletThemes/background/RoundCornerBlue.png') repeat-x;
	background-position: left -90px;
}

.RoundConerBlue .WindowBarCenter .FixHeight {
	height: 22px;
	padding-top: 10px;
}

.RoundConerBlue .MiddleDecoratorLeft {
	padding-left: 13px;
background: url('/eXoResources/skin/PortletThemes/background/MRoundConerBlue.png') repeat-y left;
}

.RoundConerBlue .MiddleDecoratorRight {
	padding-right: 13px;
background: url('/eXoResources/skin/PortletThemes/background/MRoundConerBlue.png') repeat-y right;
}

.RoundConerBlue .MiddleDecoratorCenter {
	background: #ffffff;
}

.UIPortlet .RoundConerBlue .MiddleDecoratorCenter {
	height: 100%;
}

.RoundConerBlue .BottomDecoratorLeft {
	padding-left: 13px;
background-image: url('/eXoResources/skin/PortletThemes/background/RoundCornerBlue.png');
	background-repeat: no-repeat;
	background-position: left -60px;
}

.RoundConerBlue .BottomDecoratorRight {
	padding-right: 13px;
background-image: url('/eXoResources/skin/PortletThemes/background/RoundCornerBlue.png');
	background-repeat: no-repeat;
	background-position: right -30px;
}

.RoundConerBlue .BottomDecoratorCenter {
background: url('/eXoResources/skin/PortletThemes/background/RoundCornerBlue.png') repeat-x;
	background-position: top;
}

.RoundConerBlue .BottomDecoratorCenter .FixHeight {
	height: 30px;
}

/*------------------ RoundConerViolet -----------------*/

.RoundConerViolet .WindowBarCenter .WindowPortletInfo {
	margin-right: 70px; /* orientation=lt */
	
}

.RoundConerViolet .WindowBarCenter .ControlIcon {
	float: right; /* orientation=lt */
	width: 20px; height: 16px;
	margin-right: 2px; /* orientation=lt */
	cursor: pointer;
background-image: url('/eXoResources/skin/PortletThemes/background/RoundConerViolet.png');
}

.RoundConerViolet .Information {
	height: 18px; line-height: 18px;
	font-size: 10px;
	padding-left: 5px;
	margin-right: 18px;
}

.RoundConerViolet .WindowBarCenter .WindowPortletIcon {
	background-position: left top; /* orientation=lt */
	padding-left: 20px; /* orientation=lt */
	height: 16px;
}

.UIPageDesktop .RoundConerViolet .ResizeArea {
	float: right; /* orientation=lt */
	width: 17px; height: 19px;
	cursor: nw-resize;
background: url('/eXoResources/skin/PortletThemes/background/Resize17x19.png') no-repeat;
}

.RoundConerViolet .WindowBarCenter .PortletName {
	font-weight: bold;
	color: #333333;
	line-height: 19px;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
}

.RoundConerViolet .ArrowDownIcon {
	background-position: center 21px;
}

.RoundConerViolet .ArrowDownIcon:hover {
	background-position: center 117px;
}

.RoundConerViolet .MinimizedIcon {
	background-position: center 45px;
}

.RoundConerViolet .MinimizedIcon:hover {
	background-position: center 141px;
}

.RoundConerViolet .MaximizedIcon {
	background-position: center 69px;
}

.RoundConerViolet .MaximizedIcon:hover {
	background-position: center 165px;
}

.RoundConerViolet .RestoreIcon {
	background-position: center 93px;
}

.RoundConerViolet .RestoreIcon:hover {
	background-position: center 189px;
}

.RoundConerViolet .NormalIcon {
	background-position: center 93px;
}

.RoundConerViolet .NormalIcon:hover {
	background-position: center 189px;
}

.RoundConerViolet .WindowBarLeft {
	padding-left: 13px;
background-image: url('/eXoResources/skin/PortletThemes/background/RoundConerViolet.png');
	background-repeat: no-repeat;
	background-position: left -153px;
}

.RoundConerViolet .WindowBarRight {
	padding-right: 13px;
background-image: url('/eXoResources/skin/PortletThemes/background/RoundConerViolet.png');
	background-repeat: no-repeat;
	background-position: right -121px;
}

.RoundConerViolet .WindowBarCenter {
background: url('/eXoResources/skin/PortletThemes/background/RoundConerViolet.png') repeat-x;
	background-position: left -90px;
}

.RoundConerViolet .WindowBarCenter .FixHeight {
	height: 22px;
	padding-top: 10px;
}

.UIPortlet .RoundConerViolet .WindowBarCenter {
	height: 31px;
}

.RoundConerViolet .MiddleDecoratorLeft {
	padding-left: 13px;
background: url('/eXoResources/skin/PortletThemes/background/MRoundConerViolet.png') repeat-y left;
}

.RoundConerViolet .MiddleDecoratorRight {
	padding-right: 13px;
background: url('/eXoResources/skin/PortletThemes/background/MRoundConerViolet.png') repeat-y right;
}

.RoundConerViolet .MiddleDecoratorCenter {
	background: #ffffff;
}

.UIPortlet .RoundConerViolet .MiddleDecoratorCenter {
	height:100%;
}

.RoundConerViolet .BottomDecoratorLeft {
	padding-left: 13px;
background-image: url('/eXoResources/skin/PortletThemes/background/RoundConerViolet.png');
	background-repeat: no-repeat;
	background-position: left -60px;
}

.RoundConerViolet .BottomDecoratorRight {
	padding-right: 13px;
background-image: url('/eXoResources/skin/PortletThemes/background/RoundConerViolet.png');
	background-repeat: no-repeat;
	background-position: right -30px;
}

.RoundConerViolet .BottomDecoratorCenter {
background: url('/eXoResources/skin/PortletThemes/background/RoundConerViolet.png') repeat-x;
	background-position: top;
}

.RoundConerViolet .BottomDecoratorCenter .FixHeight {
	height: 30px;
}

/*------------------------------- RoundConerOrange ----------------------------------*/

.RoundConerOrange .WindowBarCenter .WindowPortletInfo {
	margin-right: 70px; /* orientation=lt */
}

.RoundConerOrange .WindowBarCenter .ControlIcon {
	float: right; /* orientation=lt */
	width: 20px; height: 16px;
	margin-right: 2px; /* orientation=lt */
	cursor: pointer;
background-image: url('/eXoResources/skin/PortletThemes/background/RoundConerOrange.png');
}

.RoundConerOrange .Information {
	height: 18px; line-height: 18px;
	font-size: 10px;
	margin-right: 18px; /* orientation=lt */
	padding-left: 5px; /* orientation=lt */
}

.RoundConerOrange .WindowBarCenter .WindowPortletIcon {
	background-position: left top; /* orientation=lt */
	padding-left: 20px; /* orientation=lt */
	height: 16px;
}

.UIPageDesktop .RoundConerOrange .ResizeArea {
	float: right; /* orientation=lt */
	width: 17px; height: 19px;
	cursor: nw-resize;
background: url('/eXoResources/skin/PortletThemes/background/Resize17x19.png') no-repeat;
}

.RoundConerOrange .WindowBarCenter .PortletName {
	font-weight: bold;
	color: #333333;
	line-height: 19px;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
}

.RoundConerOrange .ArrowDownIcon {
	background-position: center 21px;
}

.RoundConerOrange .ArrowDownIcon:hover {
	background-position: center 117px;
}

.RoundConerOrange .MinimizedIcon {
	background-position: center 45px;
}

.RoundConerOrange .MinimizedIcon:hover {
	background-position: center 141px;
}

.RoundConerOrange .MaximizedIcon {
	background-position: center 69px;
}

.RoundConerOrange .MaximizedIcon:hover {
	background-position: center 165px;
}

.RoundConerOrange .RestoreIcon {
	background-position: center 93px;
}

.RoundConerOrange .RestoreIcon:hover {
	background-position: center 189px;
}

.RoundConerOrange .NormalIcon {
	background-position: center 93px;
}

.RoundConerOrange .NormalIcon:hover {
	background-position: center 189px;
}

.RoundConerOrange .WindowBarLeft {
	padding-left: 13px;
background-image: url('/eXoResources/skin/PortletThemes/background/RoundConerOrange.png');
	background-repeat: no-repeat;
	background-position: left -153px;
}

.RoundConerOrange .WindowBarRight {
	padding-right: 13px;
background-image: url('/eXoResources/skin/PortletThemes/background/RoundConerOrange.png');
	background-repeat: no-repeat;
	background-position: right -121px;
}

.RoundConerOrange .WindowBarCenter {
background: url('/eXoResources/skin/PortletThemes/background/RoundConerOrange.png') repeat-x;
	background-position: left -90px;
}

.RoundConerOrange .WindowBarCenter .FixHeight {
	height: 22px;
	padding-top: 10px;
}

.UIPortlet .RoundConerOrange .WindowBarCenter {
	height: 31px;
}

.RoundConerOrange .MiddleDecoratorLeft {
	padding-left: 13px;
background: url('/eXoResources/skin/PortletThemes/background/MRoundConerOrange.png') repeat-y left;
}

.RoundConerOrange .MiddleDecoratorRight {
	padding-right: 13px;
background: url('/eXoResources/skin/PortletThemes/background/MRoundConerOrange.png') repeat-y right;
}

.RoundConerOrange .MiddleDecoratorCenter {
	background: #ffffff;
}

.UIPortlet .RoundConerOrange .MiddleDecoratorCenter {
	height: 100%;
}

.RoundConerOrange .BottomDecoratorLeft {
	padding-left: 13px;
background-image: url('/eXoResources/skin/PortletThemes/background/RoundConerOrange.png');
	background-repeat: no-repeat;
	background-position: left -60px;
}

.RoundConerOrange .BottomDecoratorRight {
	padding-right: 13px;
background-image: url('/eXoResources/skin/PortletThemes/background/RoundConerOrange.png');
	background-repeat: no-repeat;
	background-position: right -30px;
}

.RoundConerOrange .BottomDecoratorCenter {
background: url('/eXoResources/skin/PortletThemes/background/RoundConerOrange.png') repeat-x;
	background-position: top;
}

.RoundConerOrange .BottomDecoratorCenter .FixHeight {
	height: 30px;
}

/*------------------------------- RoundConerPink ----------------------------------*/

.RoundConerPink .WindowBarCenter .WindowPortletInfo {
	margin-right: 70px; /* orientation=lt */
}

.RoundConerPink .WindowBarCenter .ControlIcon {
	float: right; /* orientation=lt */
	width: 20px; height: 16px;
	margin-right: 2px; /* orientation=lt */
	cursor: pointer;
background-image: url('/eXoResources/skin/PortletThemes/background/RoundConerPink.png');
}

.RoundConerPink .Information {
	height: 18px; line-height: 18px;
	font-size: 10px;
	margin-right: 18px; /* orientation=lt */
	padding-left: 5px; /* orientation=lt */
}

.RoundConerPink .WindowBarCenter .WindowPortletIcon {
	background-position: left top; /* orientation=lt */
	padding-left: 20px; /* orientation=lt */
	height: 16px;
}

.UIPageDesktop .RoundConerPink .ResizeArea {
	float: right; /* orientation=lt */
	width: 17px; height: 19px;
	cursor: nw-resize;
background: url('/eXoResources/skin/PortletThemes/background/Resize17x19.png') no-repeat;
}

.RoundConerPink .WindowBarCenter .PortletName {
	font-weight: bold;
	color: #333333;
	line-height: 19px;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
}

.RoundConerPink .ArrowDownIcon {
	background-position: center 21px;
}

.RoundConerPink .ArrowDownIcon:hover {
	background-position: center 117px;
}

.RoundConerPink .MinimizedIcon {
	background-position: center 45px;
}

.RoundConerPink .MinimizedIcon:hover {
	background-position: center 141px;
}

.RoundConerPink .MaximizedIcon {
	background-position: center 69px;
}

.RoundConerPink .MaximizedIcon:hover {
	background-position: center 165px;
}

.RoundConerPink .RestoreIcon {
	background-position: center 93px;
}

.RoundConerPink .RestoreIcon:hover {
	background-position: center 189px;
}

.RoundConerPink .NormalIcon {
	background-position: center 93px;
}

.RoundConerPink .NormalIcon:hover {
	background-position: center 189px;
}

.RoundConerPink .WindowBarLeft {
	padding-left: 13px;
background-image: url('/eXoResources/skin/PortletThemes/background/RoundConerPink.png');
	background-repeat: no-repeat;
	background-position: left -153px;
}

.RoundConerPink .WindowBarRight {
	padding-right: 13px;
background-image: url('/eXoResources/skin/PortletThemes/background/RoundConerPink.png');
	background-repeat: no-repeat;
	background-position: right -121px;
}

.RoundConerPink .WindowBarCenter {
background: url('/eXoResources/skin/PortletThemes/background/RoundConerPink.png') repeat-x;
	background-position: left -90px;
}

.RoundConerPink .WindowBarCenter .FixHeight {
	height: 22px;
	padding-top: 10px;
}

.UIPortlet .RoundConerPink .WindowBarCenter {
	height: 31px;
}

.RoundConerPink .MiddleDecoratorLeft {
	padding-left: 13px;
background: url('/eXoResources/skin/PortletThemes/background/MRoundConerPink.png') repeat-y left;
}

.RoundConerPink .MiddleDecoratorRight {
	padding-right: 13px;
background: url('/eXoResources/skin/PortletThemes/background/MRoundConerPink.png') repeat-y right;
}

.RoundConerPink .MiddleDecoratorCenter {
	background: #ffffff;
}

.UIPortlet .RoundConerPink .MiddleDecoratorCenter {
	height: 100%;
}

.RoundConerPink .BottomDecoratorLeft {
	padding-left: 13px;
background-image: url('/eXoResources/skin/PortletThemes/background/RoundConerPink.png');
	background-repeat: no-repeat;
	background-position: left -60px;
}

.RoundConerPink .BottomDecoratorRight {
	padding-right: 13px;
background-image: url('/eXoResources/skin/PortletThemes/background/RoundConerPink.png');
	background-repeat: no-repeat;
	background-position: right -30px;
}

.RoundConerPink .BottomDecoratorCenter {
background: url('/eXoResources/skin/PortletThemes/background/RoundConerPink.png') repeat-x;
	background-position: top;
}

.RoundConerPink .BottomDecoratorCenter .FixHeight {
	height: 30px;
}

/*------------------------------- RoundConerGreen ----------------------------------*/

.RoundConerGreen .WindowBarCenter .WindowPortletInfo {
	margin-right: 70px; /* orientation=lt */
}

.RoundConerGreen .WindowBarCenter .ControlIcon {
	float: right; /* orientation=lt */
	width: 20px; height: 16px;
	margin-right: 2px; /* orientation=lt */
	cursor: pointer;
background-image: url('/eXoResources/skin/PortletThemes/background/RoundConerGreen.png');
}

.RoundConerGreen .Information {
	height: 18px; line-height: 18px;
	font-size: 10px;
	margin-right: 18px; /* orientation=lt */
	padding-left: 5px; /* orientation=lt */
}

.RoundConerGreen .WindowBarCenter .WindowPortletIcon {
	background-position: left top; /* orientation=lt */
	padding-left: 20px; /* orientation=lt */
	height: 16px;
}

.UIPageDesktop .RoundConerGreen .ResizeArea {
	float: right; /* orientation=lt */
	width: 17px; height: 19px;
	cursor: nw-resize;
background: url('/eXoResources/skin/PortletThemes/background/Resize17x19.png') no-repeat;
}

.RoundConerGreen .WindowBarCenter .PortletName {
	font-weight: bold;
	color: #333333;
	line-height: 19px;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
}

.RoundConerGreen .ArrowDownIcon {
	background-position: center 21px;
}

.RoundConerGreen .ArrowDownIcon:hover {
	background-position: center 117px;
}

.RoundConerGreen .MinimizedIcon {
	background-position: center 45px;
}

.RoundConerGreen .MinimizedIcon:hover {
	background-position: center 141px;
}

.RoundConerGreen .MaximizedIcon {
	background-position: center 69px;
}

.RoundConerGreen .MaximizedIcon:hover {
	background-position: center 165px;
}

.RoundConerGreen .RestoreIcon {
	background-position: center 93px;
}

.RoundConerGreen .RestoreIcon:hover {
	background-position: center 189px;
}

.RoundConerGreen .NormalIcon {
	background-position: center 93px;
}

.RoundConerGreen .NormalIcon:hover {
	background-position: center 189px;
}

.RoundConerGreen .WindowBarLeft {
	padding-left: 13px;
background-image: url('/eXoResources/skin/PortletThemes/background/RoundConerGreen.png');
	background-repeat: no-repeat;
	background-position: left -153px;
}

.RoundConerGreen .WindowBarRight {
	padding-right: 13px;
background-image: url('/eXoResources/skin/PortletThemes/background/RoundConerGreen.png');
	background-repeat: no-repeat;
	background-position: right -121px;
}

.RoundConerGreen .WindowBarCenter {
background: url('/eXoResources/skin/PortletThemes/background/RoundConerGreen.png') repeat-x;
	background-position: left -90px;
}

.RoundConerGreen .WindowBarCenter .FixHeight {
	height: 22px;
	padding-top: 10px;
}

.UIPortlet .RoundConerGreen .WindowBarCenter {
	height: 31px;
}

.RoundConerGreen .MiddleDecoratorLeft {
	padding-left: 13px;
background: url('/eXoResources/skin/PortletThemes/background/MRoundConerGreen.png') repeat-y left;
}

.RoundConerGreen .MiddleDecoratorRight {
	padding-right: 13px;
background: url('/eXoResources/skin/PortletThemes/background/MRoundConerGreen.png') repeat-y right;
}

.RoundConerGreen .MiddleDecoratorCenter {
	background: #ffffff;
}

.UIPortlet .RoundConerGreen .MiddleDecoratorCenter {
	height: 100%;
}

.RoundConerGreen .BottomDecoratorLeft {
	padding-left: 13px;
background-image: url('/eXoResources/skin/PortletThemes/background/RoundConerGreen.png');
	background-repeat: no-repeat;
	background-position: left -60px;
}

.RoundConerGreen .BottomDecoratorRight {
	padding-right: 13px;
background-image: url('/eXoResources/skin/PortletThemes/background/RoundConerGreen.png');
	background-repeat: no-repeat;
	background-position: right -30px;
}

.RoundConerGreen .BottomDecoratorCenter {
background: url('/eXoResources/skin/PortletThemes/background/RoundConerGreen.png') repeat-x;
	background-position: top;
}

.RoundConerGreen .BottomDecoratorCenter .FixHeight {
	height: 30px;
}

/*-------------------------- ShadowBlue ---------------------------*/

.ShadowBlue .WindowBarCenter .WindowPortletInfo {
	margin-right: 70px; /* orientation=lt */
}

.ShadowBlue .WindowBarCenter .ControlIcon {
	float: right; /* orientation=lt */
	width: 20px; height: 16px;
	margin-right: 2px; /* orientation=lt */
	cursor: pointer;
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowBlue.png');
}

.ShadowBlue .Information {
	height: 18px; line-height: 18px;
	font-size: 10px;
	margin-right: 18px; /* orientation=lt */
	padding-left: 5px; /* orientation=lt */
}

.ShadowBlue .WindowBarCenter .WindowPortletIcon {
	background-position: left top; /* orientation=lt */
	padding-left: 20px; /* orientation=lt */
	height: 16px;
}

.UIPageDesktop .ShadowBlue .ResizeArea {
	float: right; /* orientation=lt */
	width: 17px; height: 19px;
	cursor: nw-resize;
background: url('/eXoResources/skin/PortletThemes/background/Resize17x19.png') no-repeat;
}

.ShadowBlue .WindowBarCenter .PortletName {
	font-weight: bold;
	color: #333333;
	line-height: 16px;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
}

.ShadowBlue .ArrowDownIcon {
	background-position: center 20px;
}

.ShadowBlue .ArrowDownIcon:hover {
	background-position: center 116px;
}

.ShadowBlue .MinimizedIcon {
	background-position: center 44px;
}

.ShadowBlue .MinimizedIcon:hover {
	background-position: center 140px;
}

.ShadowBlue .MaximizedIcon {
	background-position: center 68px;
}

.ShadowBlue .MaximizedIcon:hover {
	background-position: center 164px;
}

.ShadowBlue .RestoreIcon {
	background-position: center 92px;
}

.ShadowBlue .RestoreIcon:hover {
	background-position: center 188px;
}

.ShadowBlue .NormalIcon {
	background-position: center 92px;
}

.ShadowBlue .NormalIcon:hover {
	background-position: center 188px;
}

.ShadowBlue .WindowBarLeft {
	padding-left: 11px;
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowBlue.png');
	background-repeat: no-repeat;
	background-position: left -142px;
}

.ShadowBlue .WindowBarRight {
	padding-right: 10px;
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowBlue.png');
	background-repeat: no-repeat;
	background-position: right -113px;
}

.ShadowBlue .WindowBarCenter {
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowBlue.png');
	background-repeat: repeat-x;
	background-position: center -84px;
}

.ShadowBlue .WindowBarCenter .FixHeight {
	height: 20px;
	padding-top: 9px;
}

.ShadowBlue .MiddleDecoratorLeft {
	padding-left: 11px;
background: url('/eXoResources/skin/PortletThemes/background/MShadowBlue.png') repeat-y left;
}

.ShadowBlue .MiddleDecoratorRight {
	padding-right: 10px;
background: url('/eXoResources/skin/PortletThemes/background/MShadowBlue.png') repeat-y right;
}

.ShadowBlue .MiddleDecoratorCenter {
	background: #ffffff;
}

.UIPortlet .ShadowBlue .MiddleDecoratorCenter {
	height: 100%;
}

.ShadowBlue .BottomDecoratorLeft {
	padding-left: 11px;
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowBlue.png');
	background-repeat: no-repeat;
	background-position: left -56px;
}

.ShadowBlue .BottomDecoratorRight {
	padding-right: 10px;
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowBlue.png');
	background-repeat: no-repeat;
	background-position: right -28px;
}

.ShadowBlue .BottomDecoratorCenter {
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowBlue.png');
	background-repeat: repeat-x;
	background-position: center top;
}

.ShadowBlue .BottomDecoratorCenter .FixHeight {
	height: 28px;
}

/*------------------------------ ShadowViolet -----------------------------------*/

.ShadowViolet .WindowBarCenter .WindowPortletInfo {
	margin-right: 70px; /* orientation=lt */
}

.ShadowViolet .WindowBarCenter .ControlIcon {
	float: right; /* orientation=lt */
	width: 20px; height: 16px;
	margin-right: 2px; /* orientation=lt */
	cursor: pointer;
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowViolet.png');
}

.ShadowViolet .Information {
	height: 18px; line-height: 18px;
	font-size: 10px;
	margin-right: 18px; /* orientation=lt */
	padding-left: 5px; /* orientation=lt */
}

.ShadowViolet .WindowBarCenter .WindowPortletIcon {
	background-position: left top; /* orientation=lt */
	padding-left: 20px; /* orientation=lt */
	height: 16px;
}

.UIPageDesktop .ShadowViolet .ResizeArea {
	float: right; /* orientation=lt */
	width: 17px; height: 19px;
	cursor: nw-resize;
background: url('/eXoResources/skin/PortletThemes/background/Resize17x19.png') no-repeat;
}

.ShadowViolet .WindowBarCenter .PortletName {
	font-weight: bold;
	color: #333333;
	line-height: 16px;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
}

.ShadowViolet .ArrowDownIcon {
	background-position: center 20px;
}

.ShadowViolet .ArrowDownIcon:hover {
	background-position: center 116px;
}

.ShadowViolet .MinimizedIcon {
	background-position: center 44px;
}

.ShadowViolet .MinimizedIcon:hover {
	background-position: center 140px;
}

.ShadowViolet .MaximizedIcon {
	background-position: center 68px;
}

.ShadowViolet .MaximizedIcon:hover {
	background-position: center 164px;
}

.ShadowViolet .RestoreIcon {
	background-position: center 92px;
}

.ShadowViolet .RestoreIcon:hover {
	background-position: center 188px;
}

.ShadowViolet .NormalIcon {
	background-position: center 92px;
}

.ShadowViolet .NormalIcon:hover {
	background-position: center 188px;
}

.ShadowViolet .WindowBarLeft {
	padding-left: 11px;
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowViolet.png');
	background-repeat: no-repeat;
	background-position: left -142px;
}

.ShadowViolet .WindowBarRight {
	padding-right: 10px;
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowViolet.png');
	background-repeat: no-repeat;
	background-position: right -113px;
}

.ShadowViolet .WindowBarCenter {
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowViolet.png');
	background-repeat: repeat-x;
	background-position: center -84px;
}

.ShadowViolet .WindowBarCenter .FixHeight {
	height: 20px;
	padding-top: 9px;
}

.ShadowViolet .MiddleDecoratorLeft {
	padding-left: 11px;
background: url('/eXoResources/skin/PortletThemes/background/MShadowViolet.png') repeat-y left;
}

.ShadowViolet .MiddleDecoratorRight {
	padding-right: 10px;
background: url('/eXoResources/skin/PortletThemes/background/MShadowViolet.png') repeat-y right;
}

.ShadowViolet .MiddleDecoratorCenter {
	background: #ffffff;
}

.UIPortlet .ShadowViolet .MiddleDecoratorCenter {
	height: 100%;
}

.ShadowViolet .BottomDecoratorLeft {
	padding-left: 11px;
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowViolet.png');
	background-repeat: no-repeat;
	background-position: left -56px;
}

.ShadowViolet .BottomDecoratorRight {
	padding-right: 10px;
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowViolet.png');
	background-repeat: no-repeat;
	background-position: right -28px;
}

.ShadowViolet .BottomDecoratorCenter {
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowViolet.png');
	background-repeat: repeat-x;
	background-position: center top;
}

.ShadowViolet .BottomDecoratorCenter .FixHeight {
	height: 28px;
}

/*------------------------------ ShadowOrange -----------------------------------*/

.ShadowOrange .WindowBarCenter .WindowPortletInfo {
	margin-right: 70px; /* orientation=lt */
}

.ShadowOrange .WindowBarCenter .ControlIcon {
	float: right; /* orientation=lt */
	width: 20px; height: 16px;
	margin-right: 2px; /* orientation=lt */
	cursor: pointer;
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowOrange.png');
}

.ShadowOrange .Information {
	height: 18px; line-height: 18px;
	font-size: 10px;
	margin-right: 18px; /* orientation=lt */
	padding-left: 5px; /* orientation=lt */
}

.ShadowOrange .WindowBarCenter .WindowPortletIcon {
	background-position: left top; /* orientation=lt */
	padding-left: 20px; /* orientation=lt */
	height: 16px;
}

.UIPageDesktop .ShadowOrange .ResizeArea {
	float: right; /* orientation=lt */
	width: 17px; height: 19px;
	cursor: nw-resize;
background: url('/eXoResources/skin/PortletThemes/background/Resize17x19.png') no-repeat;
}

.ShadowOrange .WindowBarCenter .PortletName {
	font-weight: bold;
	color: #333333;
	line-height: 16px;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
}

.ShadowOrange .ArrowDownIcon {
	background-position: center 20px;
}

.ShadowOrange .ArrowDownIcon:hover {
	background-position: center 116px;
}

.ShadowOrange .MinimizedIcon {
	background-position: center 44px;
}

.ShadowOrange .MinimizedIcon:hover {
	background-position: center 140px;
}

.ShadowOrange .MaximizedIcon {
	background-position: center 68px;
}

.ShadowOrange .MaximizedIcon:hover {
	background-position: center 164px;
}

.ShadowOrange .RestoreIcon {
	background-position: center 92px;
}

.ShadowOrange .RestoreIcon:hover {
	background-position: center 188px;
}

.ShadowOrange .NormalIcon {
	background-position: center 92px;
}

.ShadowOrange .NormalIcon:hover {
	background-position: center 188px;
}

.ShadowOrange .WindowBarLeft {
	padding-left: 11px;
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowOrange.png');
	background-repeat: no-repeat;
	background-position: left -142px;
}

.ShadowOrange .WindowBarRight {
	padding-right: 10px;
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowOrange.png');
	background-repeat: no-repeat;
	background-position: right -113px;
}

.ShadowOrange .WindowBarCenter {
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowOrange.png');
	background-repeat: repeat-x;
	background-position: center -84px;
}

.ShadowOrange .WindowBarCenter .FixHeight {
	height: 19px;
	padding-top: 10px;
}

.ShadowOrange .MiddleDecoratorLeft {
	padding-left: 11px;
background: url('/eXoResources/skin/PortletThemes/background/MShadowOrange.png') repeat-y left;
}

.ShadowOrange .MiddleDecoratorRight {
	padding-right: 10px;
background: url('/eXoResources/skin/PortletThemes/background/MShadowOrange.png') repeat-y right;
}

.ShadowOrange .MiddleDecoratorCenter {
	background: #ffffff;
}

.UIPortlet .ShadowOrange .MiddleDecoratorCenter {
	height: 100%;
}

.ShadowOrange .BottomDecoratorLeft {
	padding-left: 11px;
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowOrange.png');
	background-repeat: no-repeat;
	background-position: left -56px;
}

.ShadowOrange .BottomDecoratorRight {
	padding-right: 10px;
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowOrange.png');
	background-repeat: no-repeat;
	background-position: right -28px;
}

.ShadowOrange .BottomDecoratorCenter {
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowOrange.png');
	background-repeat: repeat-x;
	background-position: center top;
}

.ShadowOrange .BottomDecoratorCenter .FixHeight {
	height: 28px;
}

/*------------------------------ ShadowPink -----------------------------------*/


.ShadowPink .WindowBarCenter .WindowPortletInfo {
	margin-right: 70px; /* orientation=lt */
}

.ShadowPink .WindowBarCenter .ControlIcon {
	float: right; /* orientation=lt */
	width: 20px; height: 16px;
	margin-right: 2px; /* orientation=lt */
	cursor: pointer;
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowPink.png');
}

.ShadowPink .Information {
	height: 18px; line-height: 18px;
	font-size: 10px;
	margin-right: 18px; /* orientation=lt */
	padding-left: 5px; /* orientation=lt */
}

.ShadowPink .WindowBarCenter .WindowPortletIcon {
	background-position: left top; /* orientation=lt */
	padding-left: 20px; /* orientation=lt */
	height: 16px;
}

.UIPageDesktop .ShadowPink .ResizeArea {
	float: right; /* orientation=lt */
	width: 17px; height: 19px;
	cursor: nw-resize;
background: url('/eXoResources/skin/PortletThemes/background/Resize17x19.png') no-repeat;
}

.ShadowPink .WindowBarCenter .PortletName {
	font-weight: bold;
	color: #333333;
	line-height: 16px;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
}

.ShadowPink .ArrowDownIcon {
	background-position: center 20px;
}

.ShadowPink .ArrowDownIcon:hover {
	background-position: center 116px;
}

.ShadowPink .MinimizedIcon {
	background-position: center 44px;
}

.ShadowPink .MinimizedIcon:hover {
	background-position: center 140px;
}

.ShadowPink .MaximizedIcon {
	background-position: center 68px;
}

.ShadowPink .MaximizedIcon:hover {
	background-position: center 164px;
}

.ShadowPink .RestoreIcon {
	background-position: center 92px;
}

.ShadowPink .RestoreIcon:hover {
	background-position: center 188px;
}

.ShadowPink .NormalIcon {
	background-position: center 92px;
}

.ShadowPink .NormalIcon:hover {
	background-position: center 188px;
}

.ShadowPink .WindowBarLeft {
	padding-left: 11px;
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowPink.png');
	background-repeat: no-repeat;
	background-position: left -142px;
}

.ShadowPink .WindowBarRight {
	padding-right: 10px;
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowPink.png');
	background-repeat: no-repeat;
	background-position: right -113px;
}

.ShadowPink .WindowBarCenter {
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowPink.png');
	background-repeat: repeat-x;
	background-position: center -84px;
}

.ShadowPink .WindowBarCenter .FixHeight {
	height: 19px;
	padding-top: 10px;
}

.ShadowPink .MiddleDecoratorLeft {
	padding-left: 11px;
background: url('/eXoResources/skin/PortletThemes/background/MShadowPink.png') repeat-y left;
}

.ShadowPink .MiddleDecoratorRight {
	padding-right: 10px;
background: url('/eXoResources/skin/PortletThemes/background/MShadowPink.png') repeat-y right;
}

.ShadowPink .MiddleDecoratorCenter {
	background: #ffffff;
}

.UIPortlet .ShadowPink .MiddleDecoratorCenter {
	height: 100%;
}

.ShadowPink .BottomDecoratorLeft {
	padding-left: 11px;
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowPink.png');
	background-repeat: no-repeat;
	background-position: left -56px;
}

.ShadowPink .BottomDecoratorRight {
	padding-right: 10px;
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowPink.png');
	background-repeat: no-repeat;
	background-position: right -28px;
}

.ShadowPink .BottomDecoratorCenter {
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowPink.png');
	background-repeat: repeat-x;
	background-position: center top;
}

.ShadowPink .BottomDecoratorCenter .FixHeight {
	height: 28px;
}

/*------------------------------ ShadowGreen -----------------------------------*/


.ShadowGreen .WindowBarCenter .WindowPortletInfo {
	margin-right: 70px; /* orientation=lt */
}

.ShadowGreen .WindowBarCenter .ControlIcon {
	float: right; /* orientation=lt */
	width: 20px; height: 16px;
	margin-right: 2px; /* orientation=lt */
	cursor: pointer;
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowGreen.png');
}

.ShadowGreen .Information {
	height: 18px; line-height: 18px;
	font-size: 10px;
	margin-right: 18px; /* orientation=lt */
	padding-left: 5px; /* orientation=lt */
}

.ShadowGreen .WindowBarCenter .WindowPortletIcon {
	background-position: left top; /* orientation=lt */
	padding-left: 20px; /* orientation=lt */
	height: 16px;
}

.UIPageDesktop .ShadowGreen .ResizeArea {
	float: right; /* orientation=lt */
	width: 17px; height: 19px;
	cursor: nw-resize;
background: url('/eXoResources/skin/PortletThemes/background/Resize17x19.png') no-repeat;
}

.ShadowGreen .WindowBarCenter .PortletName {
	font-weight: bold;
	color: #333333;
	line-height: 16px;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
}

.ShadowGreen .ArrowDownIcon {
	background-position: center 20px;
}

.ShadowGreen .ArrowDownIcon:hover {
	background-position: center 116px;
}

.ShadowGreen .MinimizedIcon {
	background-position: center 44px;
}

.ShadowGreen .MinimizedIcon:hover {
	background-position: center 140px;
}

.ShadowGreen .MaximizedIcon {
	background-position: center 68px;
}

.ShadowGreen .MaximizedIcon:hover {
	background-position: center 164px;
}

.ShadowGreen .RestoreIcon {
	background-position: center 92px;
}

.ShadowGreen .RestoreIcon:hover {
	background-position: center 188px;
}

.ShadowGreen .NormalIcon {
	background-position: center 92px;
}

.ShadowGreen .NormalIcon:hover {
	background-position: center 188px;
}

.ShadowGreen .WindowBarLeft {
	padding-left: 11px;
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowGreen.png');
	background-repeat: no-repeat;
	background-position: left -142px;
}

.ShadowGreen .WindowBarRight {
	padding-right: 10px;
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowGreen.png');
	background-repeat: no-repeat;
	background-position: right -113px;
}

.ShadowGreen .WindowBarCenter {
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowGreen.png');
	background-repeat: repeat-x;
	background-position: center -84px;
}

.ShadowGreen .WindowBarCenter .FixHeight {
	height: 20px;
	padding-top: 9px;
}

.ShadowGreen .MiddleDecoratorLeft {
	padding-left: 11px;
background: url('/eXoResources/skin/PortletThemes/background/MShadowGreen.png') repeat-y left;
}

.ShadowGreen .MiddleDecoratorRight {
	padding-right: 10px;
background: url('/eXoResources/skin/PortletThemes/background/MShadowGreen.png') repeat-y right;
}

.ShadowGreen .MiddleDecoratorCenter {
	background: #ffffff;
}

.UIPortlet .ShadowGreen .MiddleDecoratorCenter {
	height: 100%;
}

.ShadowGreen .BottomDecoratorLeft {
	padding-left: 11px;
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowGreen.png');
	background-repeat: no-repeat;
	background-position: left -56px;
}

.ShadowGreen .BottomDecoratorRight {
	padding-right: 10px;
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowGreen.png');
	background-repeat: no-repeat;
	background-position: right -28px;
}

.ShadowGreen .BottomDecoratorCenter {
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowGreen.png');
	background-repeat: repeat-x;
	background-position: center top;
}

.ShadowGreen .BottomDecoratorCenter .FixHeight {
	height: 28px;
}

/*------------------------------ SimpleBlue -----------------------------------*/

.SimpleBlue .WindowBarCenter .WindowPortletInfo {
	margin-right: 60px; /* orientation=lt */
}

.SimpleBlue .WindowBarCenter .ControlIcon {
	float: right; /* orientation=lt */
	width: 16px; height: 16px;
	margin-right: 2px; /* orientation=lt */
	cursor: pointer;
}

.SimpleBlue .Information {
	height: 18px; line-height: 18px;
	font-size: 10px;
	margin-right: 18px; /* orientation=lt */
	padding-left: 5px; /* orientation=lt */
}

.SimpleBlue .WindowBarCenter .WindowPortletIcon {
	background-position: left top; /* orientation=lt */
	padding-left: 20px; /* orientation=lt */
	height: 16px;
}

.UIPageDesktop .SimpleBlue .ResizeArea {
	float: right; /* orientation=lt */
	width: 17px; height: 19px;
	cursor: nw-resize;
background: url('/eXoResources/skin/PortletThemes/background/Resize17x19.png') no-repeat;
}

.SimpleBlue .WindowBarCenter .PortletName {
	font-weight: bold;
	color: #333333;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
}

.SimpleBlue .ArrowDownIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') left 16px;
}

.SimpleBlue .ArrowDownIcon:hover {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') right 16px;
}

.SimpleBlue .MinimizedIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') left 32px;
}

.SimpleBlue .MinimizedIcon:hover {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') right 32px;
}

.SimpleBlue .MaximizedIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') left 48px;
}

.SimpleBlue .MaximizedIcon:hover {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') right 48px;
}

.SimpleBlue .RestoreIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') left 64px;
}

.SimpleBlue .RestoreIcon:hover {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') right 64px;
}

.SimpleBlue .NormalIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') left 64px;
}

.SimpleBlue .NormalIcon:hover {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') right 64px;
}

.SimpleBlue .WindowBarLeft {
	border: 1px solid #3d589d;
	border-bottom: none;
}

.SimpleBlue .WindowBarRight {
	border: 1px solid #d7e5f2;
}

.SimpleBlue .WindowBarCenter {
	background: #b0c0f5;
}

.SimpleBlue .WindowBarCenter .FixHeight {
	height: 18px;
	line-height: 18px;
}


.SimpleBlue .MiddleDecoratorLeft {
	border-left: 1px solid #3d589d;
	border-right: 1px solid #3d589d;
}

.SimpleBlue .MiddleDecoratorRight {
	border: 2px solid #d7e5f2;
	border-top: none;
	border-bottom: none;
}

.SimpleBlue .MiddleDecoratorCenter {
	border: 1px solid #4a67b1;
	border-bottom: none;
	background: #ffffff;
	padding: 1px;
}

.SimpleBlue .BottomDecoratorLeft {
	border-left: 1px solid #3d589d;
	border-right: 1px solid #3d589d;
	border-bottom: 1px solid #3d589d;
}

.SimpleBlue .BottomDecoratorRight {
	border: 2px solid #d7e5f2;
	border-top: none;
}

.SimpleBlue .BottomDecoratorCenter {
	border: 1px solid #4a67b1;
	border-top: none;
background: white url('/eXoResources/skin/PortletThemes/background/BGDecoratorCenter1x18.gif') repeat-x;
}

.SimpleBlue .BottomDecoratorCenter .FixHeight {
	height: 19px;
}

/*------------------------------ SimpleViolet -----------------------------------*/

.SimpleViolet .WindowBarCenter .WindowPortletInfo {
	margin-right: 60px; /* orientation=lt */
}

.SimpleViolet .WindowBarCenter .ControlIcon {
	float: right; /* orientation=lt */
	width: 16px; height: 16px;
	margin-right: 2px; /* orientation=lt */
	cursor: pointer;
}

.SimpleViolet .Information {
	height: 18px; line-height: 18px;
	font-size: 10px;
	margin-right: 18px; /* orientation=lt */
	padding-left: 5px; /* orientation=lt */
}

.SimpleViolet .WindowBarCenter .WindowPortletIcon {
	background-position: left top; /* orientation=lt */
	padding-left: 20px; /* orientation=lt */
	height: 16px;
}

.UIPageDesktop .SimpleViolet .ResizeArea {
	float: right; /* orientation=lt */
	width: 17px; height: 19px;
	cursor: nw-resize;
background: url('/eXoResources/skin/PortletThemes/background/Resize17x19.png') no-repeat;
}

.SimpleViolet .WindowBarCenter .PortletName {
	font-weight: bold;
	color: #333333;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
}

.SimpleViolet .ArrowDownIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') left 80px;
}

.SimpleViolet .ArrowDownIcon:hover {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') right 80px;
}

.SimpleViolet .MinimizedIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') left 96px;
}

.SimpleViolet .MinimizedIcon:hover {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') right 96px;
}

.SimpleViolet .MaximizedIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') left 112px;
}

.SimpleViolet .MaximizedIcon:hover {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') right 112px;
}

.SimpleViolet .RestoreIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') left 128px;
}

.SimpleViolet .RestoreIcon:hover {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') right 128px;
}

.SimpleViolet .NormalIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') left 128px;
}

.SimpleViolet .NormalIcon:hover {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') right 128px;
}

.SimpleViolet .WindowBarLeft {
	border: 1px solid #c41fdc;
	border-bottom: none;
}

.SimpleViolet .WindowBarRight {
	border: 1px solid #ece7ff;
}

.SimpleViolet .WindowBarCenter {
	background: #c4a6ff;
}

.SimpleViolet .WindowBarCenter .FixHeight {
	height: 18px;
	line-height: 18px;
}

.SimpleViolet .MiddleDecoratorLeft {
	border-left: 1px solid #c41fdc;
	border-right: 1px solid #c41fdc;
}

.SimpleViolet .MiddleDecoratorRight {
	border: 2px solid #ece7ff;
	border-top: none;
	border-bottom: none;
}

.SimpleViolet .MiddleDecoratorCenter {
	border: 1px solid #5700a9;
	border-bottom: none;
	background: #ffffff;
	padding: 1px;
}

.SimpleViolet .BottomDecoratorLeft {
	border: 1px solid #c41fdc;
	border-top: none;
}

.SimpleViolet .BottomDecoratorRight {
	border: 2px solid #ece7ff;
	border-top: none;
}

.SimpleViolet .BottomDecoratorCenter {
	border: 1px solid #5700a9;
	border-top: none;
background: url('/eXoResources/skin/PortletThemes/background/BGDecoratorCenter1x18.gif') repeat-x;
}

.SimpleViolet .BottomDecoratorCenter .FixHeight {
	height: 19px;
}

.UIPortlet .SimpleViolet .BottomDecoratorCenter {
	height: 18px;
}

/*------------------------------ SimpleOrange -----------------------------------*/

.SimpleOrange .WindowBarCenter .WindowPortletInfo {
	margin-right: 60px; /* orientation=lt */
}

.SimpleOrange .WindowBarCenter .ControlIcon {
	float: right; /* orientation=lt */
	width: 16px; height: 16px;
	margin-right: 2px; /* orientation=lt */
	cursor: pointer;
}

.SimpleOrange .Information {
	height: 18px; line-height: 18px;
	font-size: 10px;
	margin-right: 18px; /* orientation=lt */
	padding-left: 5px; /* orientation=lt */
}

.SimpleOrange .WindowBarCenter .WindowPortletIcon {
	background-position: left top; /* orientation=lt */
	padding-left: 20px; /* orientation=lt */
	height: 16px;
}

.UIPageDesktop .SimpleOrange .ResizeArea {
	float: right; /* orientation=lt */
	width: 17px; height: 19px;
	cursor: nw-resize;
background: url('/eXoResources/skin/PortletThemes/background/Resize17x19.png') no-repeat;
}

.SimpleOrange .WindowBarCenter .PortletName {
	font-weight: bold;
	color: #333333;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
}

.SimpleOrange .ArrowDownIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') left 144px;
}

.SimpleOrange .ArrowDownIcon:hover {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') right 144px;
}

.SimpleOrange .MinimizedIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') left 160px;
}

.SimpleOrange .MinimizedIcon:hover {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') right 160px;
}

.SimpleOrange .MaximizedIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') left 192px;
}

.SimpleOrange .MaximizedIcon:hover {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') right 192px;
}

.SimpleOrange .RestoreIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') left 176px;
}

.SimpleOrange .RestoreIcon:hover {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') right 176px;
}

.SimpleOrange .NormalIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') left 176px;
}

.SimpleOrange .NormalIcon:hover {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') right 176px;
}

.SimpleOrange .WindowBarLeft {
	border: 1px solid #ffb27f;
	border-bottom: none;
}

.SimpleOrange .WindowBarRight {
	border: 1px solid #fff1e5;
}

.SimpleOrange .WindowBarCenter {
	background: #ffd1a8;
}

.SimpleOrange .WindowBarCenter .FixHeight {
	height: 18px;
	line-height: 18px;
}

.SimpleOrange .MiddleDecoratorLeft {
	border-left: 1px solid #ffb27f;
	border-right: 1px solid #ffb27f;
}

.SimpleOrange .MiddleDecoratorRight {
	border: 2px solid #fff1e5;
	border-top: none;
	border-bottom: none;
}

.SimpleOrange .MiddleDecoratorCenter {
	border: 1px solid #b27a49;
	border-bottom: none;
	background: #ffffff;
	padding: 1px;
}

.SimpleOrange .BottomDecoratorLeft {
	border: 1px solid #ffb27f;
	border-top: none;
}

.SimpleOrange .BottomDecoratorRight {
	border: 2px solid #fff1e5;
	border-top: none;
}

.SimpleOrange .BottomDecoratorCenter {
	border: 1px solid #b27a49;
	border-top: none;
background: url('/eXoResources/skin/PortletThemes/background/BGDecoratorCenter1x18.gif') repeat-x;
}

.SimpleOrange .BottomDecoratorCenter .FixHeight {
	height: 19px;
}

.UIPortlet .SimpleOrange .BottomDecoratorCenter {
	height: 18px;
}

/*------------------------------ SimplePink -----------------------------------*/

.SimplePink .WindowBarCenter .WindowPortletInfo {
	margin-right: 60px; /* orientation=lt */
}

.SimplePink .WindowBarCenter .ControlIcon {
	float: right; /* orientation=lt */
	width: 16px; height: 16px;
	margin-right: 2px; /* orientation=lt */
	cursor: pointer;
}

.SimplePink .Information {
	height: 18px; line-height: 18px;
	font-size: 10px;
	margin-right: 18px; /* orientation=lt */
	padding-left: 5px; /* orientation=lt */
}

.SimplePink .WindowBarCenter .WindowPortletIcon {
	background-position: left top; /* orientation=lt */
	padding-left: 20px; /* orientation=lt */
	height: 16px;
}

.UIPageDesktop .SimplePink .ResizeArea {
	float: right; /* orientation=lt */
	width: 17px; height: 19px;
	cursor: nw-resize;
background: url('/eXoResources/skin/PortletThemes/background/Resize17x19.png') no-repeat;
}

.SimplePink .WindowBarCenter .PortletName {
	font-weight: bold;
	color: #333333;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
}

.SimplePink .ArrowDownIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') left 208px;
}

.SimplePink .ArrowDownIcon:hover {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') right 208px;
}

.SimplePink .MinimizedIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') left 224px;
}

.SimplePink .MinimizedIcon:hover {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') right 224px;
}

.SimplePink .MaximizedIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') left 240px;
}

.SimplePink .MaximizedIcon:hover {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') right 240px;
}

.SimplePink .RestoreIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') left 256px;
}

.SimplePink .RestoreIcon:hover {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') right 256px;
}

.SimplePink .NormalIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') left 256px;
}

.SimplePink .NormalIcon:hover {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') right 256px;
}

.SimplePink .WindowBarLeft {
	border: 1px solid #b69db3;
	border-bottom: none;
}

.SimplePink .WindowBarRight {
	border: 1px solid #fff1fd;
}

.SimplePink .WindowBarCenter {
	background: #fdd8f9;
}

.SimplePink .WindowBarCenter .FixHeight {
	height: 18px;
	line-height: 18px;
}

.SimplePink .MiddleDecoratorLeft {
	border-left: 1px solid #b69db3;
	border-right: 1px solid #b69db3;
}

.SimplePink .MiddleDecoratorRight {
	border: 2px solid #fff1fd;
	border-top: none;
	border-bottom: none;
}

.SimplePink .MiddleDecoratorCenter {
	border: 1px solid #9a5591;
	border-bottom: none;
	background: #ffffff;
	padding: 1px;
}

.SimplePink .BottomDecoratorLeft {
	border: 1px solid #b69db3;
	border-top: none;
}

.SimplePink .BottomDecoratorRight {
	border: 2px solid #fff1fd;
	border-top: none;
}

.SimplePink .BottomDecoratorCenter {
	border: 1px solid #9a5591;
	border-top: none;
background: url('/eXoResources/skin/PortletThemes/background/BGDecoratorCenter1x18.gif') repeat-x;
}

.SimplePink .BottomDecoratorCenter .FixHeight {
	height: 19px;
}

.UIPortlet .SimplePink .BottomDecoratorCenter {
	height: 18px;
}

/*------------------------------ SimpleGreen -----------------------------------*/

.SimpleGreen .WindowBarCenter .WindowPortletInfo {
	margin-right: 60px; /* orientation=lt */
}

.SimpleGreen .WindowBarCenter .ControlIcon {
	float: right; /* orientation=lt */
	width: 16px; height: 16px;
	margin-right: 2px; /* orientation=lt */
	cursor: pointer;
}

.SimpleGreen .Information {
	line-height: 18px;
	width: 100px;
	font-size: 10px;
	margin-right: 18px; /* orientation=lt */
	padding-left: 5px; /* orientation=lt */
}

.SimpleGreen .WindowBarCenter .WindowPortletIcon {
	background-position: left top; /* orientation=lt */
	padding-left: 20px; /* orientation=lt */
	height: 16px;
}

.UIPageDesktop .SimpleGreen .ResizeArea {
	float: right; /* orientation=lt */
	width: 17px; height: 19px;
	cursor: nw-resize;
background: url('/eXoResources/skin/PortletThemes/background/Resize17x19.png') no-repeat;
}

.SimpleGreen .WindowBarCenter .PortletName {
	font-weight: bold;
	color: #333333;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
}

.SimpleGreen .ArrowDownIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') left 272px;
}

.SimpleGreen .ArrowDownIcon:hover {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') right 272px;
}

.SimpleGreen .MinimizedIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') left 288px;
}

.SimpleGreen .MinimizedIcon:hover {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') right 288px;
}

.SimpleGreen .MaximizedIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') left 304px;
}

.SimpleGreen .MaximizedIcon:hover {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') right 304px;
}

.SimpleGreen .RestoreIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') left 320px;
}

.SimpleGreen .RestoreIcon:hover {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') right 320px;
}

.SimpleGreen .NormalIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') left 320px;
}

.SimpleGreen .NormalIcon:hover {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') right 320px;
}

.SimpleGreen .WindowBarLeft {
	border: 1px solid #a0b9b6;
	border-bottom: none;
}

.SimpleGreen .WindowBarRight {
	border: 1px solid #eaf4ff;
}

.SimpleGreen .WindowBarCenter {
	background: #a3d0ff;
}

.SimpleGreen .WindowBarCenter .FixHeight {
	height: 18px;
	line-height: 18px;
}


.SimpleGreen .MiddleDecoratorLeft {
	border-left: 1px solid #a0b9b6;
	border-right: 1px solid #a0b9b6;
}

.SimpleGreen .MiddleDecoratorRight {
	border: 2px solid #eaf4ff;
	border-top: none;
	border-bottom: none;
}

.SimpleGreen .MiddleDecoratorCenter {
	background: #ffffff;
	border: 1px solid #4c717e;
	border-bottom: none;
	padding: 1px;
}

.SimpleGreen .BottomDecoratorLeft {
	border: 1px solid #a0b9b6;
	border-top: none;
}

.SimpleGreen .BottomDecoratorRight {
	background: #eaf4ff;
	padding: 0px 2px 2px 2px;
}

.SimpleGreen .BottomDecoratorCenter {
	border: 1px solid #4c717e;
	border-top: none;
background: url('/eXoResources/skin/PortletThemes/background/BGDecoratorCenter1x18.gif') repeat-x;
}

.SimpleGreen .BottomDecoratorCenter .FixHeight {
	height: 19px;
}

.UIPortlet .SimpleGreen .BottomDecoratorCenter {
	height: 18px;	
}
/******************************************************************************
 * JBoss by Red Hat                                                           *
 * Copyright 2010, Red Hat Middleware, LLC, and individual                    *
 * contributors as indicated by the @authors tag. See the                     *
 * copyright.txt in the distribution for a full listing of                    *
 * individual contributors.                                                   *
 *                                                                            *
 * 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.                   *
 ******************************************************************************/

/** FONTS **/

/* Font attributes for the normal  fragment font.
Used for the display of non-accentuated information */
.portlet-font {
  color: #000000;
  font-size: 11px;
	line-height: 18px;
}

/* Font attributes similar to the portlet.font but the color is lighter */
.portlet-font-dim {
   color: #777777;
   font-size: 11px;
   line-height: 18px;
}

/** MESSAGES **/

/* Status of the current operation. */
.portlet-msg-status {
   font-size: 12px;
   font-style: normal;
   color: #336699;
   line-height: 18px;
}

/* Help messages, general additional information, etc. */
.portlet-msg-info {
   font-size: 12px;
   font-style: italic;
   color: #000;
   line-height: 18px;
}

/* Error messages. */
.portlet-msg-error {
   color: red;
   font-size: 12px;
   font-weight: bold;
   line-height: 18px;
}

/* Warning messages. */
.portlet-msg-alert {
   font-size: 12px;
   font-weight: bold;
   color: #821717;
   line-height: 18px;
}

/* Verification of the successful completion of a task. */
.portlet-msg-success {
   font-size: 12px;
   font-weight: bold;
   color: #359630;
   line-height: 18px;
}

/** SECTIONS **/

/* Table or section header */
.portlet-section-header {
   font-weight: bold;
   line-height: 18px;
}

.portlet-section-body {
   color: #333333;
   line-height: 18px;
}

.portlet-section-alternate {
   background-color: #F2F2F2;
   line-height: 18px;
}

.portlet-section-selected {
   background-color: #CBD4E6;
   line-height: 18px;
}

.portlet-section-subheader {
   font-weight: bold;
   font-size: 10px;
   line-height: 18px;
}

.portlet-section-footer {
   font-size: 11px;
   line-height: 18px;
}

/* Text that belongs to the table but does not fall in one of the other categories
(e.g. explanatory or help text that is associated with the section. */
.portlet-section-text {
   font-size: 12px;
   font-style: italic;
   line-height: 18px;
}

/** TABLE **/

/* Table header and footer */
.portlet-table-header, .portlet-table-footer {
   line-height: 19px;
   border: 1px solid #b7b7b7;
   background: #d2ddf1 url('/eXoResources/skin/DefaultSkin/webui/component/UIGrid/background/ThGridRepeatBg1x19.jpg') repeat-x;
   font-weight: normal;
   padding: 0px 4px;
   vertical-align: middle;
}

/* Normal text in a table cell */
.portlet-table-body {
   height: 20px;
   line-height: 20px;
   border-right: 1px solid #cccccc;
   border-left: 1px solid #cccccc;
   border-top: 1px solid white;
   padding: 4px;
   background: #f0f0f0;
}

/* Text in every other row in the table */
.portlet-table-alternate {
   background: #f5f5f5;
   line-height: 18px;
}

/* Text in a selected cell range */
.portlet-table-selected {
   color: #000;
   font-size: 12px;
   background-color: #CBD4E6;
   line-height: 18px;
}

/* Text of a subheading */
.portlet-table-subheader {
   font-weight: bold;
   color: #000;
   font-size: 12px;
   line-height: 18px;
}

/* Text that belongs to the table but does not fall in one of the other categories (e.g. explanatory or help text that is associated with the table). */
.portlet-table-text {
   padding: 3px 5px;
   border-bottom: 1px solid #d5d5d5;
   line-height: 18px;
}

/** FORMS **/
.portlet-form-label {
   font-size: 10px;
   color: #333333;
   line-height: 18px;
}

/* Text of the user-input in an input field. not sure if we need this guy? */
.portlet-form-input-field {
   color: #000000;
   font-size: 10px;
   line-height: 18px;
}

/* Form Button Style */
.portlet-form-button {
   line-height: 18px;
   text-align: center;
   background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIAction/background/LightBlueStyle.gif') repeat-x center -24px;
   white-space: nowrap;
   display: table-cell;
   padding: 0 12px;
   border: 1px solid #aaa;
   border-right-color: #555;
   border-bottom-color: #555;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   margin: 1px;
}

/* Text that appears beside a context dependent action icon */
.portlet-icon-label {
	line-height: 18px;
}

/* Text that appears beside a "standard" icon (e.g Ok, or Cancel)
not sure if we need this one?.. */
.portlet-dlg-icon-label {
	line-height: 18px;
}

/* Text for form field labels */
.portlet-form-field-label {
  color: #000;
  white-space: nowrap;
  text-align: left;
  vertical-align: top;
  font-weight: bold;
	line-height: 18px;
}

/* Text for a form field */
.portlet-form-field {
  font-size: 10px;
	color: #000; /*margin-top: 10px;*/
 	line-height: 18px;
}

/** MENUS **/

/*General menu settings such as background color, margins, etc. */
.portlet-menu {
	line-height: 18px;
}

/* Normal, unselected menu item. */
.portlet-menu-item {
  color: #242424;
  text-decoration: none;
	font-size: 12px;
 	line-height: 18px;
	background: #F5F9FA;
}

/* Selected menu item. */
.portlet-menu-item-selected {
	line-height: 18px;
	background: #F5F9FA;
}

.portlet-menu-item-hover {
  color: #058ee6;
  text-decoration: none;
  font-size: 12px;
 	line-height: 18px;
	background: #F5F9FA;
}

/* Selected menu item when the mouse hovers over it. */
.portlet-menu-item-hover-selected {
	line-height: 18px;
	background: #F5F9FA;
}

/* Normal, unselected menu item that has sub-menus. */
.portlet-menu-cascade-item {
	line-height: 18px;
}

/* Selected sub-menu item that has sub-menus */
.portlet-menu-cascade-item-selected {
	line-height: 18px;
}

.porlet-menu-cascade {
	line-height: 18px;
}

.portlet-menu-cascade-item-hover {
	line-height: 18px;
  color: #058ee6;
}

.portlet-menu-cascade-item-hover-selected {
	line-height: 18px;
}

.portlet-menu-separator {
	line-height: 18px;
}

.portlet-menu-cascade-separator {
	line-height: 18px;
}

.portlet-menu-content {
	line-height: 18px;
}

.portlet-menu-content-selected {
	line-height: 18px;
}

.portlet-menu-content-hover {
	line-height: 18px;
  color: #058ee6;
}

.portlet-menu-content-hover-selected {
	line-height: 18px;
}

.portlet-menu-indicator {
	line-height: 18px;
}

.portlet-menu-indicator-selected {
	line-height: 18px;
}

.portlet-menu-indicator-hover {
	line-height: 18px;
  color: #058ee6;
}

.portlet-menu-indicator-hover-selected {
	line-height: 18px;
}

.portlet-menu-description {
	line-height: 18px;
}

.portlet-menu-caption {
	line-height: 18px;
}

