/**
 * 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/>.
 */ /*
  need to find a better way of doing than the import from another portlet
*/
.UIProfile {
	padding: 8px;
	font-family: tahoma;
	font-size: 11px;
	background: white;
	zoom: 100%;
}

.UIProfile .AvatarSpace {
	background: url('DefaultSkin/background/BLAvatarBG.gif') no-repeat left top;
	width: 126px;
	height: 126px;
	padding: 7px 0px 0px 7px;
	margin: 15px;
}

.UIProfile .LeftColumn {
	float: left;
	width: 190px;
}

.UIProfile .AvatarSpace .Image {
	width: 126px;
	height: 126px;
}

.UIProfilePortlet .UIProfile .LeftColumn .UIAction {
	padding: 8px 24px 0px 0px;
	width: auto;
}

.UIProfile .ButtonChange .ButtonLeft {
	background: url('DefaultSkin/background/ButtonChangeL.gif') no-repeat left top;
	padding-left: 8px;
}

.UIProfile .ButtonChange .ButtonRight {
	background: url('DefaultSkin/background/ButtonChangeR.gif') no-repeat right top;
	padding-right: 18px;
}

.UIProfile .ButtonChange .ButtonMiddle {
	background: url('DefaultSkin/background/ButtonChangeM.gif') repeat-x;
	height: 18px;
	padding: 0px 8px;
	line-height: 14px;
}

.ProfileTitleBarM {
	background: #ebebeb;
	height: 22px;
	color: #7d7d7d;
	line-height: 22px;
	text-align: center;
	font-weight: bold;
}

.UIProfile .ContainerSpace {
	margin-left: 190px;
}

.UIProfile .AvatarSpace .HiddenAvatarChangeLink {
	display: none;
}

.UIProfile .AvatarSpace .ShowedAvatarChangeLink {
	display: inline;
}

.UIProfile .ContainerSpace .LeftContainer {
	background: url(DefaultSkin/background/LeftContainerPortlet.gif) repeat-y left;
	padding-left: 7px;
}

.UIProfile .ContainerSpace .RightContainer {
	background: url(DefaultSkin/background/RightContainerPortlet.gif) repeat-y right;
	padding-right: 7px;
}

.UIProfile .ContainerSpace .CenterContainer {
	background: #f2f8fa;
	padding: 10px;
}

.UIProfile .ContainerSpace .PortletContent {
	background: #FBFBFB none repeat scroll 0 0;
	padding: 8px;
}

.UIProfile .ContainerSpace .ActionBar .CenterButton .SaveIcon {
	background: url('DefaultSkin/background/SaveIcon.gif') no-repeat left;
	line-height: 18px;
	width: auto;
	padding-left: 20px;
}

.UITabPane .ContainerSpace .ActionBar .CenterButton .SaveIcon {
	background: url('DefaultSkin/background/SaveIcon.gif') no-repeat left;
	line-height: 18px;
	width: auto;
	padding-left: 20px;
}

.UIProfile .ContainerSpace .ActionBar .CenterButton .EditIcon {
	background: url('DefaultSkin/background/EditIcon.gif') no-repeat left;
	line-height: 18px;
	padding-left: 20px;
	height: auto;
	width: auto;
}

.UIProfile .ContainerSpace .ActionBar .CenterButton .DeleteIcon {
	background: url('DefaultSkin/background/DeleteIconButton.gif') no-repeat left;
	line-height: 18px;
	width: auto;
	padding-left: 20px;
}

.UIProfile .ContainerSpace .PortletContent .DeleteIcon {
	background: url(DefaultSkin/background/DeleteIcon.gif) no-repeat center;
	padding: 5px 6px;
	margin-left: 4px;
}

.UIProfile .ContainerSpace .PortletContent .AddIcon {
	background: url(DefaultSkin/background/AddIcon.gif) no-repeat center;
	width: 22px;
	height: 22px;
	padding: 5px 6px;
}

.UIProfile h2 {
	color: #3A3A3A;
	font-size: 14px;
	font-weight: bold;
	margin: 4px 0px;
}

.UIProfile .ATitleBarL {
	background: url('DefaultSkin/background/ATitleBarL.gif') no-repeat left top;
	padding-left: 4px;
	margin-top: 8px;
}

.UIProfile .ATitleBarR {
	background: url('DefaultSkin/background/ATitleBarR.gif') no-repeat right top;
	padding-right: 4px;
}

.UIProfile .ATitleBarM {
	background: url('DefaultSkin/background/ATitleBarM.gif') repeat-x;
	padding-left: 4px;
}

.UIProfile .ATitleBarC {
	background: url('DefaultSkin/background/ATitleBarC.gif') no-repeat left top;
	height: 25px;
	color: white;
	margin-left: 8px;
	line-height: 20px;
	font-weight: bold;
}

.UIProfile .EditIcon {
	background: url('DefaultSkin/background/EditIcon.gif') no-repeat right top;
	float: right;
	padding: 0px 8px;
	display: block;
	margin-top: 3px;
}

.UIProfile .CancelIcon {
	background: url('DefaultSkin/background/CancelIcon.gif') no-repeat right top;
	float: right;
	padding: 0px 8px;
	display: block;
	margin-top: 3px;
	width: auto;
	height: auto;
}

.UIProfile .SaveIcon {
	background: url('DefaultSkin/background/SaveIcon.gif') no-repeat right top;
	float: right;
	padding: 0px 8px;
	display: block;
	margin-top: 3px;
	width: auto;
	height: auto;
}

.UIProfile h3 {
	font-size: 11px;
	font-weight: bold;
	color: #8c8c8e;
	margin-top: 0px;
	margin-left: 5px;
	height: 20px;
}

.UIProfile .SendPosition {
	font-size: 11px;
	font-weight: bold;
	color: #8c8c8e;
	margin-top: 0px;
	margin-left: 5px;
}

.UIProfile .ATitleBarL .Title {
	float: left;
}

.profileTemplate {
	display: none;
}

/**
       FORM
 */
.UIProfile .UIFormGrid {
	padding: 8px 0px 0px 30px;
	margin-bottom: 0;
	margin-left: 30px;
	margin-right: 0;
	margin-top: 8px;
}

.UIProfile .ContainerSpace .FieldLabel {
	text-align: right;
	padding: 4px;
	font-weight: bold;
	width: 120px;
}

.UIProfile .ContainerSpace .FieldComponent {
	padding: 4px;
}

.UIProfile .ContainerSpace .FieldError {
	color: red;
}

.UIProfile .ContainerSpace .FieldComponent ul {
	margin: 0px;
	padding-left: 0;
	list-style: none;
}

.UIProfile .ContainerSpace .FieldComponent .selectbox {
	font-size: 14px;
}

.UIProfile .ContainerSpace .FieldComponent .LV_invalid_field {
	border: 3px solid #CC0000;
}

.UIProfile .ContainerSpace .FieldComponent .LV_invalid {
	margin-left: 4px;
	color: #CC0000;
}

.ContainerSpace .ActionBar {
	float: right;
	margin: 3px 4px 0px 0px;
	cursor: pointer;
}

.UIProfile .ContainerSpace .UIAction {
	padding: 8px 0px;
}

.UIProfile .ContainerSpace .ButtonLeft {
	background: url("DefaultSkin/background/LeftButton.gif") no-repeat left;
	padding-left: 4px;
	cursor: pointer;
}

.UIProfile .ContainerSpace .ButtonRight {
	background: url( "DefaultSkin/background/RightButton.gif" ) no-repeat right;
	padding-right: 4px;
	cursor: pointer;
}

.UIProfile .ContainerSpace .ButtonMiddle {
	background: url( "DefaultSkin/background/CenterButton.gif" ) repeat-x;
	line-height: 29px;
	padding: 0px 16px;
	cursor: pointer;
}

.UIProfile .ContainerSpace .EditButtons {
	float: right;
}

.UIProfile .LeftColumn .UserActivitiesLink {
	padding-left: 50px;
}

.ContainerSpace .CommunityMane {
	color: #0d6e8f;
	height: 20px;
	font-size: 11px;
	font-family: tahoma;
	font-weight: bold;
	margin-bottom: 5px;
}

input.hint,textarea.hint {
	color: #999999 !important;
}

.UITabPane .ContainerSpace .WaitingConfirmation {
	padding-left: 5px;
}

.ContainerSpace .NotYet {
	color: #FF0000;
	text-align: center;
}

.ContainerSpace .NoneExperience {
	text-align: center;
}


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

.UIAvatarUploader .InfoMessage {
	padding: 5px 0px;
	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;
}

.UIAvatarUploader .UIAction .ButtonLeft {
	background: url(/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIAction/background/LightBlueStyle.gif) no-repeat left top;
	padding-left: 4px;
}

.UIAvatarUploader .UIAction .ButtonRight {
	background: url(/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIAction/background/LightBlueStyle.gif) no-repeat right top;
	padding-right: 4px;
}

.UIAvatarUploader .UIAction .ButtonMiddle {
	background: url(/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIAction/background/LightBlueStyle.gif) repeat-x left -22px;
	line-height: 21px;
	padding: 0px 14px;
}



.UIAvatarUploadContent .InfoTitle {
	background: #e2e2e2;
	color: #878787;
	line-height: 24px;
	font-size: 12px;
	font-weight: bold;
	padding: 0px 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;
}

.UIAvatarUploadContent .UIAction .ButtonLeft {
	background: url(/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIAction/background/LightBlueStyle.gif) no-repeat left top;
	padding-left: 4px;
}

.UIAvatarUploadContent .UIAction .ButtonRight {
	background: url(/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIAction/background/LightBlueStyle.gif) no-repeat right top;
	padding-right: 4px;
}

.UIAvatarUploadContent .UIAction .ButtonMiddle {
	background: url(/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIAction/background/LightBlueStyle.gif) repeat-x left -22px;
	line-height: 21px;
	padding: 0px 14px;
}




.UIProfile .Experience {
	padding: 5px;
}

.UIProfile .Experience input {
	height: 16px;
  width: 208px;
  font-size: 13px;
}

.UIProfile .Experience textarea {
  font-size: 13px;
}

.UIProfile .Experience .checkbox {
  height: 15px;
  width: 15px;
  margin: 0 0 0 4px;
  vertical-align: top;
}

.UIProfile .Experience .UIFormGrid td.FieldComponent {
	padding: 2px;
	font-size: 11px;
}

.UIProfile .Experience .UIFormGrid td.FieldLabel {
	padding: 2px;
  text-align: right;
  vertical-align: top;
  font-size: 11px;
}

.UIProfile .Experience .StillInPosition {
	float: left;
	margin-top: 2px;
}

.UIProfile .UIHeaderSection input {
	height: 16px;
}

.UIProfile .UIContactSection input {
	height: 16px;
}

.UIProfile .UIContactSection .UIForm td.FieldComponent {
	padding: 2px;
	font-size: 11px;
}

.UIProfile .UIContactSection .UIForm td.FieldLabel {
	padding: 2px;
  text-align: right;
  vertical-align: top;
  font-size: 11px;
}

.UIProfile .UIContactSection .NoContactInformation {
  text-align: center;
}

.UIProfile .UIBasicInfoSection .UIForm td.FieldComponent {
	padding: 2px;
	font-size: 11px;
}

.UIProfile .UIBasicInfoSection .UIForm td.FieldLabel {
	padding: 2px;
  text-align: right;
  vertical-align: top;
  font-size: 11px;

