/**
 * Copyright (C) 2003-2007 eXo Platform SAS.
 *
 * This program is free software; you can redistribute it and/or
 * modify it under the terms of the GNU Affero General Public License
 * as published by the Free Software Foundation; either version 3
 * of the License, or (at your option) any later version.
 *
 * This program 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 General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program; if not, see<http://www.gnu.org/licenses/>.
 */

@import url('/social-resources/skin/social/webui/UIAutoSuggestControl/DefaultSkin.css');
@import url('/social-resources/skin/social/webui/UISpaceApplicationInstaller/DefaultSkin.css');

.UISpaceSettingPortlet {
	padding: 1px;
	background: white;
}

.UISpaceSettingPortlet .UISpaceSetting .UITabPane {
	padding: 0 4px 4px 4px;
	background: #f7f7f9;
}

.UISpaceSettingPortlet .UISpaceSetting .UITabPane .GrayTabContainer {
	clear: both;
}

.UISpaceSettingPortlet .SpaceName {
	border-bottom: 10px solid #F7F7F9;
}

.UISpaceSettingPortlet .UIHorizontalTabs .GrayTabStyle .SelectedTab {
	color: #307DCC;
	line-height: 27px;
	margin-right: 2px;
}

.UISpaceSettingPortlet .UIHorizontalTabs .GrayTabStyle .NormalTab {
	margin-right: 2px;
	font-size: 11px;
}

.UISpaceSettingPortlet .UIHorizontalTabs .GrayTabStyle .NormalTab .MiddleTab {
	background: transparent url('DefaultSkin/background/NormalMiddleTab.gif') repeat-x center;
	color: #202020;
	cursor: pointer;
	font-weight: normal;
	line-height: 26px;
	padding: 0 8px;
	border-radius: 6px 6px 0px 0px;
}

.UISpaceSettingPortlet .UITabPane .UITabContentContainer {
	background: white;
	border: 1px solid #aeaeae;
	border-top: none;
}

.UISpaceSettingPortlet .UITabContentContainer .UITabContent {
	background: white;
	padding: 10px;
}

/********************************UI Space Member********************************/
.UISpaceSettingPortlet .UISpaceMember .AddInviteContent {
	padding: 12px 0 0 8px;
	height: 50px;
}

.UISpaceSettingPortlet .UISpaceMember .AddInvite {
	float: left;
	margin-left: 12%;
}

.UISpaceSettingPortlet .UISpaceMember .AddInvite input {
	width: 270px;
}

.UISpaceSettingPortlet .UISpaceMember .UIActionContainer {
	padding: 8px 0;
	margin-left: 320px;
	line-height: 28px;
	border-left: 2px solid #eeeeee;
	width: 70px;
}

.UISpaceSettingPortlet .UISpaceMember .TitleContainer .UIActionContainer .CenterButton {
	background: url('DefaultSkin/background/ButtonSpaces.gif') no-repeat left center;
	height: 16px;
	margin: 5px 7px;
	width: 15px;
}

.UISpaceSettingPortlet .UISpaceMember .TitleContainer .UIActionContainer .IconButton {
	background: url('DefaultSkin/background/AddInvite.gif') no-repeat right;
	line-height: 27px;
	padding-right: 20px;
	cursor: pointer;
}

.UISpaceSettingPortlet .UISpaceMember .TitleContainer .SearchAddMemberIcon {
	background: url('DefaultSkin/background/InviteUserButton.png') no-repeat right;
	width: 17px;
	height: 16px;
	margin: 5px 7px;
	cursor: pointer;
	float: left;
}

.UISpaceSettingPortlet .UISpaceMember .TitleContainer .InviteButton {
	background: url('DefaultSkin/background/SearchAddMember.png') no-repeat right 13px;
	width: 20px;
	height: 34px;
	margin: auto;
	cursor: pointer;
	display: block;
}

.UISpaceSettingPortlet .UISpaceMember .TitleContainerMembers {
	background: #f8f8f8;
	border: solid 5px #eeeeee;
	border-radius: 5px 5px 0 0;
}

.UISpaceSettingPortlet .UISpaceMember .TitleContent {
	height: 24px;
	border-bottom: 1px solid #777777;
	padding: 5px 0;
}

.UISpaceSettingPortlet .UISpaceMember .TitleContainer .Title {
	float: left;
	font-weight: bold;
	padding-left: 20px;
	color: #2b2f30;
	line-height: 24px;
}

.UISpaceSettingPortlet .UISpaceMember .UIGrid td {
	padding: 12px 10px;
}

.UISpaceSettingPortlet .UISpaceMember .UIGrid a {
	color: #363636;
	background: #E1E1E1;
	border: 1px solid transparent;
    border-radius: 5px 5px 5px 5px;
    font-size: 11px;
    padding: 5px;
	margin: 0 6px;
}

.UISpaceSettingPortlet .UISpaceMember .UIGrid a:hover {
	background:  url('DefaultSkin/background/SpaceMemBtnBg.png') repeat-x left top;
	border: 1px solid #acacac;
}

.UISpaceSettingPortlet .UISpaceMember .TitleContainer .AddInviteButton {
	padding: 0 12px;
	float: right;
}

.UISpaceSettingPortlet .UISpaceMember .IconDelete {
	display: inline-block;
	padding: 2px 6px 2px 22px;
}

.UISpaceSettingPortlet .UISpaceMember .ValidateButton {
	background: url('DefaultSkin/background/ValidateButton.png') no-repeat left center;
	cursor: pointer;
	display: inline-block;
	padding: 2px 6px 2px 22px;
}

.UISpaceSettingPortlet .UISpaceMember .DeclineButton {
	background: url('DefaultSkin/background/DeclineButton.png') no-repeat left center;
	display: inline-block;
	cursor: pointer;
	padding: 2px 6px 2px 22px;
}

.UISpaceSettingPortlet .UISpaceMember .TitleContainer .ButtonSelectUse {
	margin-left: 0;
	padding: 5px 0 8px 10px;
}

.UISpaceSettingPortlet .UISpaceMember .TitleContainer .IconButton {
	background: url('DefaultSkin/background/MemberIcon.gif') no-repeat left center;
	width: 15px;
	height: 16px;
	margin: 5px 7px;
	cursor: pointer;
}

.UISpaceSettingPortlet .UISpaceMember .TitleContainer .InviteSocialLeft {
	background: url('DefaultSkin/background/InviteSocialLeft.gif') no-repeat left center;
	padding-left: 9px;
}

.UISpaceSettingPortlet .UISpaceMember .TitleContainer .InviteSocialRight {
	background: url('DefaultSkin/background/InviteSocialRight.gif') no-repeat right center;
	padding-right: 9px;
}

.UISpaceSettingPortlet .UISpaceMember .TitleContainer .InviteSocialCenter {
	background: url('DefaultSkin/background/InviteSocialCenter.gif') repeat-x center;
	height: 48px;
}

.UISpaceSettingPortlet .UISpaceMember .TitleContainer .SearchInviteForm {
	padding: 4px 16px;
	margin: 8px 8px 0 0;
	width: 590px;
}

/***********************UI Space Application********************************/
.UISpaceSettingPortlet .LabelSpace {
	color: #53515c;
	line-height: 35px;
	font-size: 14px;
	font-family: tahoma;
	font-weight: bold;
}

.UISpaceSettingPortlet .EmptyData {
	text-align: center;
	color: red;
}

.UISpaceSettingPortlet .ContainerSpace .ContentSpace {
	background: white;
	border: 1px solid #c7c7c7;
	padding: 8px;
	margin-bottom: 4px;
	height: 80px;
}

.UISpaceSettingPortlet .ContainerSpace .ApplicationIcon {
	float: left;
	margin-left: 8px;
}

.UISpaceSettingPortlet .ContainerSpace .ApplicationContent {
	margin: 10px 0 0 76px;
	padding-left: 16px;
}

.UISpaceSettingPortlet .ContainerSpace .ApplicationName {
	color: #0b4da3;
	font-weight: bold;
	height: 20px;
	margin-bottom: 5px;
}

.UISpaceSettingPortlet .ContainerSpace .DeleteIcon {
	background: url('DefaultSkin/background/DeleteIcon.gif') no-repeat left center;
	width: 15px;
	height: 16px;
	margin-right: 10px;
	cursor: pointer;
}

.UISpaceSettingPortlet .ContainerSpace .CommunityContainer {
	padding-left: 16px;
	margin: 10px 0 0 76px;
}

.UISpaceSettingPortlet .ContainerSpace .Line {
	border-bottom: 1px solid #B7B7B7;
}

.UISpaceSettingPortlet .ContainerSpace .Text {
	line-height: 16px;
}

.UISpaceSettingPortlet .ContainerSpace .TagsName {
	color: #b7b7b7;
	line-height: 16px;
}

.UISpaceSettingPortlet .ContainerSpace .CommunityMane {
	color: #0d6e8f;
	height: 20px;
	font-size: 12px;
	font-family: tahoma;
	font-weight: bold;
}

.UISpaceSettingPortlet .LabelBrown {
	color: #a6a6a6;
	line-height: 16px;
	font-size: 11px;
	font-family: tahoma;
}

.UISpaceSettingPortlet .SpaceAction {
	float: right;
	font-weight: normal;
	color: #393939;
	cursor: pointer;
	margin-right: 3px;
}

.UISpaceSettingPortlet .LeftButton {
	background: none;
	padding-left: 3px;
}

.UISpaceSettingPortlet .RightButton {
	background: none;
	padding-right: 3px;
}

.UISpaceSettingPortlet .SpaceAction .RemoveButton {
	background: url('DefaultSkin/background/DeleteIcon.gif') no-repeat left top;
	width: 15px;
	height: 16px;
	line-height: 18px;
	padding: 0;
	color: #7f7a77;
	font-size: 11px;
}

.UISpaceSettingPortlet .InstallApplicationButton {
	background: url('DefaultSkin/background/ManageMemButtonAdd.gif') no-repeat left top;
	width: 15px;
	height: 16px;
	line-height: 18px;
	padding: 0;
	color: #7f7a77;
	font-size: 11px;
	cursor: pointer;
}

.UISpaceSettingPortlet .UISpaceApplication .UIAction {
	border-top: 0 none;
	margin: 10px 15px 0;
	text-align: left;
}

.UISpaceSettingPortlet .UISpaceApplication .AddAplicationIcon {
	background: url('/social-resources/skin/social/webui/UISpaceSearch/DefaultSkin/background/AddSpaceIcon.gif') no-repeat left center transparent;
	line-height: 18px;
	padding-left: 15px;
}
	
.UISpaceSettingPortlet .AddAplicationButton {
	float: left;
	display: inline;
	width: auto;
}

.UISpaceSettingPortlet .AddAplicationButton .LeftButton {
	background: url('DefaultSkin/background/LeftButton3x26.gif') no-repeat left center;
	padding-left: 3px;
	margin: 10px;
}

.UISpaceSettingPortlet .AddAplicationButton .RightButtonAutoWidth {
	width: auto;
}

.UISpaceSettingPortlet .AddAplicationButton .RightButton {
	background: url('DefaultSkin/background/RightButton3x26.gif') no-repeat right center;
	padding-right: 3px;
}

.UISpaceSettingPortlet .AddAplicationButton .CenterButtonAutoWidth {
	padding: 0 10px;
	clear: both;
}

.UISpaceSettingPortlet .AddAplicationButton .CenterButton {
	background: url('DefaultSkin/background/CenterButton1x26.gif') repeat-x center;
	line-height: 26px;
	padding: 0 20px;
}

.UISpaceSettingPortlet .AddAplicationButton .IconButton {
	background: url('DefaultSkin/background/AddInvite.gif') no-repeat left 10px;
	line-height: 27px;
	font-weight: bold;
	padding-left: 10px;
	color: #5d757f;
	cursor: pointer;
}

.UISpaceSettingPortlet .RevokeButton {
	background: url('DefaultSkin/background/DeleteIcon.gif') no-repeat left top;
	width: 15px;
	height: 16px;
	cursor: pointer;
}

.UISpaceSettingPortlet .AplicationButton {
	float: right;
	margin: 0 10px 8px 0;
}

.UISpaceSettingPortlet .AplicationButton .AplicationButtonL {
	background: url('DefaultSkin/background/ButtonSpaces.gif') no-repeat left top ;
	padding-left: 3px;
}

.UISpaceSettingPortlet .AplicationButton .AplicationButtonR {
	background: url('DefaultSkin/background/ButtonSpaces.gif') no-repeat right top;
	padding-right: 3px;
}

.UISpaceSettingPortlet .AplicationButton .AplicationButtonC {
	background: url('DefaultSkin/background/ButtonSpaces.gif') repeat-x left -18px;
	line-height: 18px;
	padding: 0 10px;
	color: #7F7A77;
}

/*==============SPACE NAME===============================*/
.UISpaceSettingPortlet .SpaceName {
	background: #559bc1;
	padding: 0 15px;
	margin: auto;
	line-height: 40px;
}

.UISpaceSettingPortlet .SpaceName .Name {
	background: url('DefaultSkin/background/NameTitle.gif') no-repeat left center;
	padding-left: 40px;
	overflow: hidden;
	white-space: nowrap;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	margin: auto;
}

/*=========================Add Application Space==============================*/

.UIAddApplicationSpace {
	background: #fff url('DefaultSkin/background/SpaceContent2.gif') repeat-x;
	margin: 1px;
	padding-top: 25px;
}

.UIAddApplicationSpace .ContainerSpace {
	background: none;
	border: none;
	padding: 8px;
}

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


/*==============BUTTON BACK===============================*/
.UISpaceSettingPortlet .BackButton {
	float: right;
	cursor: pointer;
}

.UISpaceSettingPortlet .BackButton .BackButtonL {
	background: url('DefaultSkin/background/BackButtonL.gif') no-repeat left center;
	padding-left: 8px;
}

.UISpaceSettingPortlet .BackButton .BackButtonR {
	background: url('DefaultSkin/background/BackButtonR.gif') no-repeat right center;
	padding-right: 8px;
}

.UISpaceSettingPortlet .BackButton .BackButtonC {
	background: url('DefaultSkin/background/BackButtonC.gif') repeat-x center;
	line-height: 24px;
	padding: 0 10px;
}

.UISpaceSettingPortlet .BackButton .BackButtonIcon {
	background: url('DefaultSkin/background/BackButtonIcon.gif') no-repeat left ;
	padding-left: 24px;
	line-height: 24px;
}

.ApplicationTDContainer .WorkingAreaWithHelp {
	background: #deecf4 url('DefaultSkin/background/BGWorkingAreaWithHelp.gif') repeat-x left top;
	padding: 30px 35px;
}

/*============= =============*/
.UISpaceSettingPortlet .UIHorizontalTabs .MessageTabDialog .SelectedTab .MiddleTab {
	background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/MessageTabDialog.gif') repeat-x center -156px;
	color: #058EE6;
	cursor: pointer;
	font-weight: normal;
	line-height: 25px;
	padding: 0 8px 0px 4px;
}

/* =============left column - space setting===============*/
.UISpaceInfo {
	height: 100% !important;
}

.UISpaceInfo .SpaceContainer .SpaceInfoLeft .AvatarSpace {
	background: url('DefaultSkin/background/InfoAvatarBG.gif') no-repeat left top;
	height: 80px;
	margin: 26px 27px 10px 26px;
}

.UISpaceInfo .SpaceContainer .SpaceInfoLeft .AvaBorder {
	padding: 7px;
}

.UISpaceInfo .SpaceContainer .SpaceInfoLeft .AvaBorder .Image {
	cursor: pointer;
}

.UISpaceInfo .SpaceContainer .SpaceInfoLeft .ChangeAvaButton {
	margin: 0 10px;
	cursor: pointer;
	text-align: center;
}

.UISpaceInfo .SpaceContainer .SpaceInfoLeft .LeftButton {
	background: url('DefaultSkin/background/ChangeAvaButton.png') no-repeat left top;
	padding-left: 8px;
}

.UISpaceInfo .SpaceContainer .SpaceInfoLeft .RightButton {
	background: url('DefaultSkin/background/ChangeAvaButton.png') no-repeat right top;
	padding-right: 8px;
}

.UISpaceInfo .SpaceContainer .SpaceInfoLeft .MiddleButton {
	background: url('DefaultSkin/background/ChangeAvaButton.png') repeat-x left -17px;
	height: 17px;
}

.UISpaceInfo .SpaceContainer .SpaceInfoLeft .Arrow {
	background: url('DefaultSkin/background/Arrow.gif') no-repeat right 5px;
	line-height: 15px;
	padding: 0 12px 0 5px;
	font-size: 11px;
}

.UIAvatarUploader .HorizontalLayout {
	border: none;
	padding: 10px;
}

.UIAvatarUploader .InfoMessage {
	padding: 5px 0;
	text-align: center;
}

.UIAvatarUploader .InfoMessage {
	padding: 5px;
	text-align: center;
}

.UIAvatarUploader .ErrorMessage {
	padding: 5px;
	text-align: center;
	background: #ffe2e2;
}

.UIAvatarUploader .HorizontalLayout input {
	border: 1px solid #e2e2e2;
	height: 20px;
}

.UIAvatarUploader .UIFormGrid td.FieldLabel {
	font-weight: normal;
	color: gray;
}

.UIAvatarUploadContent .InfoTitle {
	background: #e2e2e2;
	color: #878787;
	line-height: 24px;
	font-size: 12px;
	font-weight: bold;
	padding: 0 10px;
}

.UIAvatarUploadContent .AvatarInfo {
	padding: 15px;
}

.UIAvatarUploadContent .AvatarInfo div {
	margin-left: 135px;
	line-height: 20px;
}

.UIAvatarUploadContent .AvatarInfo span {
	color: gray;
}

.UIAvatarUploadContent .ImageAvatar {
	float: left;
	width: 110px;
	background: #fff;
	padding: 5px;
	border: 1px solid #e5e5e5;
}

.UIAvatarUploadContent .ImageAvatar img {
	width: 110px;
}

.UISpaceSettingPortlet .NewTabs .TabsContainer {
	border-bottom: none;
	height: auto;
	padding-top: 18px;
}


.UISpaceSettingPortlet .UISpaceSetting .NewTabs {
	float: left;
	width: 154px;
	padding: 0px 0px 4px 6px;
}

.UISpaceSettingPortlet .UISpaceSetting .NewTabContentContainer {
	margin-left: 166px;
	border: none;
	border-left: 1px solid #e6e6e6;
	clear: none !important;
}

.UISpaceSettingPortlet .SpaceName {
	border-bottom: 10px solid #F7F7F9;
}

.UISpaceSettingPortlet .NewTabs .GrayTabStyle .SelectedTab {
	color: white;
	line-height: 27px;
	margin-right: 2px;
	background: #808080;
	font-size: 13px;
	border-radius: 3px;
	margin: 0px 6px;
}

.UISpaceSettingPortlet .NewTabs .SelectedTab .MiddleTab {
	border-radius: 0px;
	background: none;
	border: none;
	padding-bottom: 0px;
	color: white;
	padding: 0px 12px;
}

.UISpaceSettingPortlet .NewTabs .UITab {
	float: none;
	font-weight: normal;
	text-align: left;
	width: auto;
}

.UISpaceSettingPortlet .NewTabs .GrayTabStyle .NormalTab {
	font-size: 11px;
	margin: 0px 13px;
}

.UISpaceSettingPortlet .NewTabs .GrayTabStyle .NormalTab .MiddleTab {
	border-radius: 0px;
	background: none;
	color: black;
	cursor: pointer;
	font-weight: normal;
	line-height: 26px;
	padding: 0px;
}

.UISpaceSettingPortlet .UISpaceSetting .NewTabPane {
	background: white;
	padding: 0px;
}

.UISpaceSettingPortlet .UISpacePermission {
	padding-bottom: 30px;
}

.UISpaceSettingPortlet .UIForm .SpaceContainer {
	border: none;
	background: white;
	padding-top: 12px;
}

.UISpaceSettingPortlet .UIForm .SpaceContainer .UIFormGrid .FieldComponent {
	color: red;
}

.UISpaceSettingPortlet .UIForm .SpaceContainer .UIFormGrid .FieldComponent input {
	color: #4d4d4d;
	width: 257px;
}

.UISpaceSettingPortlet .UIForm .SpaceContainer .UIFormGrid .FieldComponent .selectbox {
	color: #4d4d4d;
	width: 263px;
}

.UISpaceSettingPortlet .UIForm .SpaceContainer .UIFormGrid .FieldComponent .textarea {
	color: #4d4d4d;
	width: 257px;
	font-size: 12px;
	height: 94px;
}

.UISpaceSettingPortlet .NewTabs .NormalTab {
	margin-right: 2px;
	font-size: 11px;
	background: none;
	padding: 0px 6px 0px 6px;
	line-height: 27px;
	font-size: 13px;
}

.UISpaceSettingPortlet .UIAction {
	padding: 10px 0px 15px 0px;
	border-top: 1px solid #ededed;
	margin: 10px 0px 0px 0px;
}

.UISpaceSettingPortlet .UIAction a {
	color: black;
	text-decoration: none;
}

/********************************UI Space Member********************************/
.UISpaceSettingPortlet .UISpaceMember .AddInviteContent {
	padding: 12px 0 0 8px;
	height: 50px;
}

.UISpaceSettingPortlet .UISpaceMember .AddInvite input {
	width: 270px;
}

.UISpaceSettingPortlet .UISpaceMember .UIActionContainer {
	padding: 8px 0;
	margin-left: 320px;
	line-height: 28px;
	width: 70px;
}

.UISpaceSettingPortlet .UISpaceMember .TitleContainer .UIActionContainer .CenterButton {
	background: url('DefaultSkin/background/ButtonSpaces.gif') no-repeat left center;
	height: 16px;
	margin: 5px 7px;
	width: 15px;
}

.UISpaceSettingPortlet .UISpaceMember .TitleContainer .UIActionContainer .IconButton {
	background: url('DefaultSkin/background/AddInvite.gif') no-repeat right;
	line-height: 27px;
	padding-right: 20px;
	cursor: pointer;
}

.UISpaceSettingPortlet .UISpaceMember .SearchAddMemberIcon {
	background: url('DefaultSkin/background/InviteUserButton.png') no-repeat right;
	padding: 4px 17px;
	margin: 5px 7px;
}

.UISpaceSettingPortlet .UISpaceMember .InviteButton {
	background: url('DefaultSkin/background/SearchAddMember.png') no-repeat right;
	padding: 4px 14px 4px 6px;
	margin: 5px 7px;
	border-left: none;
}

.UISpaceSettingPortlet .UISpaceMember .AddInviteButton {
	padding: 0 12px;
	float: right;
}

.UISpaceSettingPortlet .UISpaceMember .ManageMemButtonSub {
	background: url('DefaultSkin/background/ManageMemButtonSub.png') no-repeat left center;
	padding: 2px 6px 2px 22px;
}

.UISpaceSettingPortlet .UISpaceMember .ManageMemButtonAdd {
	background: url('DefaultSkin/background/ManageMemButtonAdd.png') no-repeat left center;
	padding: 2px 6px 2px 22px;
}

.UISpaceSettingPortlet .UISpaceMember .DeleteButton {
	background: url('DefaultSkin/background/DeclineButton.png') no-repeat left center;
}

.UISpaceSettingPortlet .UISpaceMember .ButtonSelectUse {
	margin-left: 0;
}

.UISpaceSettingPortlet .UISpaceMember .IconButton {
	background: url('DefaultSkin/background/MemberIcon.gif') no-repeat left center;
	width: 15px;
	height: 16px;
	margin: 5px 7px;
	cursor: pointer;
}

.UISpaceSettingPortlet .UISpaceMember .InviteSocialLeft {
	background: url('DefaultSkin/background/InviteSocialLeft.gif') no-repeat left center;
	padding-left: 9px;
}

.UISpaceSettingPortlet .UISpaceMember .InviteSocialRight {
	background: url('DefaultSkin/background/InviteSocialRight.gif') no-repeat right center;
	padding-right: 9px;
}

.UISpaceSettingPortlet .UISpaceMember .InviteSocialCenter {
	background: url('DefaultSkin/background/InviteSocialCenter.gif') repeat-x center;
	height: 48px;
}

/***********************UI Space Application********************************/
.UISpaceSettingPortlet .LabelSpace {
	color: #53515c;
	line-height: 35px;
	font-size: 14px;
	font-family: tahoma;
	font-weight: bold;
}

.UISpaceSettingPortlet .EmptyData {
	text-align: center;
	color: red;
}

.UISpaceSettingPortlet .ContainerSpace {
	padding: 18px;
}

.UISpaceSettingPortlet .ContainerSpace .ContentSpace {
	border-radius: 5px;
	border: 1px solid #c7c7c7;
	padding: 8px;
	margin-bottom: 12px;
	height: 80px;
}

.UISpaceSettingPortlet .ContainerSpace .ApplicationIcon {
	float: left;
	margin-left: 8px;
}

.UISpaceSettingPortlet .ContainerSpace .ApplicationContent {
	margin: 10px 0 0 76px;
	padding-left: 16px;
}

.UISpaceSettingPortlet .ContainerSpace .ApplicationName {
	color: #0b4da3;
	font-weight: bold;
	height: 20px;
	margin-bottom: 5px;
}

.UISpaceSettingPortlet .ContainerSpace .DeleteIcon {
	background: url('DefaultSkin/background/DeleteIcon.gif') no-repeat left center;
	width: 15px;
	height: 16px;
	margin-right: 10px;
	cursor: pointer;
}

.UISpaceSettingPortlet .ContainerSpace .CommunityContainer {
	padding-left: 16px;
	margin: 10px 0 0 76px;
}

.UISpaceSettingPortlet .ContainerSpace .Text {
	line-height: 16px;
}

.UISpaceSettingPortlet .ContainerSpace .TagsName {
	color: #b7b7b7;
	line-height: 16px;
}

.UISpaceSettingPortlet .ContainerSpace .CommunityMane {
	height: 20px;
	font-family: tahoma;
	font-weight: bold;
}

.UISpaceSettingPortlet .ContainerSpace .CommunityName {
	font-size: 14px;
	color: #4d4d4d;
}

.UISpaceSettingPortlet .LabelBrown {
	color: #a6a6a6;
	line-height: 16px;
	font-size: 11px;
	font-family: tahoma;
}

.UISpaceSettingPortlet .SpaceAction {
	float: right;
	font-weight: normal;
	color: #393939;
	cursor: pointer;
	margin-right: 3px;
}

.UISpaceSettingPortlet .LeftButton {
	background: none;
	padding-left: 3px;
}

.UISpaceSettingPortlet .RightButton {
	background: none;
	padding-right: 3px;
}

.UISpaceSettingPortlet .SpaceAction .RemoveButton {
	background: url('DefaultSkin/background/DeleteIcon.gif') no-repeat left top;
	width: 15px;
	height: 16px;
	line-height: 18px;
	padding: 0;
	color: #7f7a77;
	font-size: 11px;
}

.UISpaceSettingPortlet .UISpaceApplication .SpaceAction .RemoveButton {
	padding: 2px 6px;
	background: url('DefaultSkin/background/RemoveIcon.png') no-repeat left top;
}

.UISpaceSettingPortlet .InstallApplicationButton {
	background: url('DefaultSkin/background/ManageMemButtonAdd.png') no-repeat left top;
	width: 15px;
	height: 16px;
	line-height: 18px;
	padding: 0;
	color: #7f7a77;
	font-size: 11px;
	cursor: pointer;
}

.UISpaceSettingPortlet .AddAplicationButton {
	padding: 20px;
	color: #115ead;
	padding: 0 0 0 20px;
}

.UISpaceSettingPortlet .ContainerSpace .CommunityContainer .Text {
	font-size: 11px;
}

.UISpaceSettingPortlet .RevokeButton {
	background: url('DefaultSkin/background/DeleteIcon.gif') no-repeat left top;
	width: 15px;
	height: 16px;
	cursor: pointer;
}

.UISpaceSettingPortlet .AplicationButton {
	float: right;
	margin: 0 10px 8px 0;
}

.UISpaceSettingPortlet .AplicationButton .AplicationButtonL {
	background: url('DefaultSkin/background/ButtonSpaces.gif') no-repeat left top ;
	padding-left: 3px;
}

.UISpaceSettingPortlet .AplicationButton .AplicationButtonR {
	background: url('DefaultSkin/background/ButtonSpaces.gif') no-repeat right top;
	padding-right: 3px;
}

.UISpaceSettingPortlet .AplicationButton .AplicationButtonC {
	background: url('DefaultSkin/background/ButtonSpaces.gif') repeat-x left -18px;
	line-height: 18px;
	padding: 0 10px;
	color: #7F7A77;
}

/*==============SPACE NAME===============================*/
.UISpaceSettingPortlet .SpaceName {
	background: #559bc1;
	padding: 0 15px;
	margin: auto;
	line-height: 40px;
}

.UISpaceSettingPortlet .SpaceName .Name {
	background: url('DefaultSkin/background/NameTitle.gif') no-repeat left center;
	padding-left: 40px;
	overflow: hidden;
	white-space: nowrap;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	margin: auto;
}

/*=========================Add Application Space==============================*/

.UIAddApplicationSpace {
	background: #fff url('DefaultSkin/background/SpaceContent2.gif') repeat-x;
	margin: 1px;
	padding-top: 25px;
}

.UIAddApplicationSpace .ContainerSpace {
	background: none;
	border: none;
	padding: 8px;
}

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


/*==============BUTTON BACK===============================*/
.UISpaceSettingPortlet .BackButton {
	float: right;
	cursor: pointer;
}

.UISpaceSettingPortlet .BackButton .BackButtonL {
	background: url('DefaultSkin/background/BackButtonL.gif') no-repeat left center;
	padding-left: 8px;
}

.UISpaceSettingPortlet .BackButton .BackButtonR {
	background: url('DefaultSkin/background/BackButtonR.gif') no-repeat right center;
	padding-right: 8px;
}

.UISpaceSettingPortlet .BackButton .BackButtonC {
	background: url('DefaultSkin/background/BackButtonC.gif') repeat-x center;
	line-height: 24px;
	padding: 0 10px;
}

.UISpaceSettingPortlet .BackButton .BackButtonIcon {
	background: url('DefaultSkin/background/BackButtonIcon.gif') no-repeat left;
	padding-left: 24px;
	line-height: 24px;
}

.ApplicationTDContainer .WorkingAreaWithHelp {
	background: #deecf4 url('DefaultSkin/background/BGWorkingAreaWithHelp.gif') repeat-x left top;
	padding: 30px 35px;
}

/*============= =============*/
.UISpaceSettingPortlet .UIHorizontalTabs .MessageTabDialog .SelectedTab .MiddleTab {
	background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/MessageTabDialog.gif') repeat-x center -156px;
	color: #058EE6;
	cursor: pointer;
	font-weight: normal;
	line-height: 31px;
	padding: 0 8px 5px 4px;
}

/* =============left column - space setting===============*/
.UISpaceInfo {
	height: 100% !important;
}

.UISpaceInfo .SpaceContainer .SpaceInfoBound {
  padding: 0 0 30px;
}

.UISpaceInfo .SpaceContainer .SpaceInfoBound .SpaceInfoLeft {
	height: 116px;
	width: 116px;
	border: 1px solid #e6e6e6;
	border-radius: 5px;
}

.UISpaceInfo .SpaceContainer .SpaceInfoBound .SpaceInfoLeft .Image {
	margin: 0px 0 0px 25px;
}

.UISpaceInfo .SpaceContainer .SpaceInfoBound .SpaceInfoLeft .Image img {
	margin: 22px 0 8px 0px;
}

.UISpaceInfo .SpaceContainer .SpaceInfoBound .UIFormGrid td.FieldLabel {
	width: 100px;
}

.UISpaceInfo .SpaceContainer .SpaceInfoBound .SpaceInfoLeft .ChangeAvaButton {
	margin-right: 8px;
	text-align: right;
}

.UISpaceInfo .SpaceContainer .SpaceInfoBound .SpaceInfoLeft .ChangeAvaButton .ChangeAva {
	background: url('DefaultSkin/background/ChangeAva.gif') no-repeat right;
	padding: 2px 6px;
}

.UISpaceInfo .SpaceContainer .SpaceInfoBound .SpaceInfoLeft .Arrow {
	background: url('DefaultSkin/background/Arrow.gif') no-repeat right 5px;
	line-height: 15px;
	padding: 0 12px 0 5px;
	font-size: 11px;
}

.UIAvatarUploader .HorizontalLayout {
	border: none;
	padding: 10px;
}

.UIAvatarUploader .InfoMessage {
	padding: 5px 0;
	text-align: center;
}

.UIAvatarUploader .InfoMessage {
	padding: 5px;
	text-align: center;
}

.UIAvatarUploader .ErrorMessage {
	padding: 5px;
	text-align: center;
	background: #ffe2e2;
}

.UIAvatarUploader .HorizontalLayout input {
	border: 1px solid #e2e2e2;
	height: 20px;
}

.UIAvatarUploader .UIFormGrid td.FieldLabel {
	font-weight: normal;
	color: gray;
}

.UIAvatarUploadContent .InfoTitle {
	background: #e2e2e2;
	color: #878787;
	line-height: 24px;
	font-size: 12px;
	font-weight: bold;
	padding: 0 10px;
}

.UIAvatarUploadContent .AvatarInfo {
	padding: 15px;
}

.UIAvatarUploadContent .AvatarInfo div {
	margin-left: 135px;
	line-height: 20px;
}

.UIAvatarUploadContent .AvatarInfo span {
	color: gray;
}

.UIAvatarUploadContent .ImageAvatar {
	float: left;
	width: 110px;
	background: #fff;
	padding: 5px;
	border: 1px solid #e5e5e5;
}

.UIAvatarUploadContent .ImageAvatar img {
	width: 110px;
}

.UISpaceSettingPortlet .UISpaceSetting .SpaceContainer .UIFormGrid {
	width: 100%;
}

.UISpacePermission .HorizontalLayout {
	background: none;
	border: none;
	padding: 10px;
}

.UISpacePermission .HorizontalLayout .UIFormGrid {
	margin-left: 0px;
}

.UISpacePermission .HorizontalLayout .UIFormGrid .FieldLabel {
	text-align: left;
}

.UISpaceMember {
	padding: 18px 14px;
}

.UISpaceSettingPortlet .UISpaceMember .UIGrid {
	margin: 18px 0px;
}

.UISpaceNavigationManagement .TopTitleBar {
	color: #0053a7;
	padding: 4px 0px 10px 24px;
}

.UISpaceNavigationManagement .UITrees {
	border: none;
}

.UISpaceNavigationManagement .UITrees .LevelUpArrowIcon {
	background: url('DefaultSkin/background/LevelUpArrowIcon.gif') no-repeat left;
	width: 16px;
}

.UISpaceNavigationManagement .UITrees .Node .NodeSelected {
	background: url('DefaultSkin/background/NodeSelected.png') no-repeat left;
}

.UISpaceNavigationManagement .AddNodeButton {
	color: #0053a7;
}
