/**
 * 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/>.
 */
.UIWindow .UISocialHomepage {
  margin: 0px;
}

.UISocialHomepage {
	width: 984px;
	margin: 0 auto;
	background: #eee;
}

.UISocialHomepage .ProductImage {
	background: #eee url('DefaultSkin/background/BannerHomepage.jpg') no-repeat left top; /* orientation=lt */
	background: #eee url('DefaultSkin/background/BannerHomepage.jpg') no-repeat right top; /* orientation=rt */
	height: 233px;
	margin: auto;
	padding: 66px 45px 0;
	text-align: right; /* orientation=lt */
	text-align: left; /* orientation=rt */
	margin-top: 5px;
}

.UISocialHomepage .ProductImage h2, .UISocialHomepage .ProductImage h3  {
	color: #FFF;
	font-family: Hattori, Lucida, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.UISocialHomepage .ProductImage h2 {
	font-size: 52px;
}

.UISocialHomepage .ProductImage h3 {
	font-size: 35px;
}

.UIBox  {
	width: 981px;
	margin: 5px auto;
	background: url('DefaultSkin/background/BgBox.png') repeat-y left top; /* orientation=lt */
	background: url('DefaultSkin/background/BgBox-rt.png') repeat-y left top; /* orientation=rt */
}

.UIBox .BoxBottom {
	background: url('DefaultSkin/background/Box.png') no-repeat -982px bottom; /* orientation=lt */
	background: url('DefaultSkin/background/Box-rt.png') no-repeat -982px bottom; /* orientation=rt */
}

.UIBox .BoxTop {
	background: url('DefaultSkin/background/Box.png') no-repeat left top; /* orientation=lt */
	background: url('DefaultSkin/background/Box-rt.png') no-repeat right top; /* orientation=rt */
}

.UIBox .Container {
	width: 490px;
}

.UIBox .Container .BoxDocument {
	padding-left: 66px; /* orientation=lt */
	padding-right: 66px; /* orientation=rt */
	background: url('DefaultSkin/background/IconDoc.gif') no-repeat left top; /* orientation=lt */
	background: url('DefaultSkin/background/IconDoc-rt.gif') no-repeat right top; /* orientation=rt */
	margin: 14px 15px 16px;
}

.UIBox .Container .BoxTry {
	padding-left: 108px; /* orientation=lt */
	padding-right: 108px; /* orientation=rt */
	background: url('DefaultSkin/background/logo.gif') no-repeat left top; /* orientation=lt */
	background: url('DefaultSkin/background/logo.gif') no-repeat right top; /* orientation=rt */
	margin: 14px 15px 16px;
	padding-bottom: 2px;
}

.UIBox .Container h4 {
	font-family: Lucida;
	font-size: 20px;
	color: #20263f;
	line-height: 28px;
	margin: 0;
}

.UIBox .Container .ArrowBlue {
	font-family: Lucida;
	padding-left: 18px; /* orientation=lt */
	padding-right: 18px; /* orientation=rt */
	color: #0068ff;
	background: url('DefaultSkin/background/ArrowBlue.gif') no-repeat left center; /* orientation=lt */
	background: url('DefaultSkin/background/ArrowBlue-rt.gif') no-repeat right center; /* orientation=rt */
	line-height: 25px;
	font-size: 16px;
	font-weight: bold;
}

.UISocialHomepage .LeftSocialHomepage {
	margin-right: 241px; /* orientation=lt */
	margin-left: 241px; /* orientation=rt */
}

.UISocialHomepage .RightSocialHomepage {
	width: 225px;
	float: right; /* orientation=lt */
	float: left; /* orientation=rt */
	margin-right: 2px; /* orientation=lt */
	margin-left: 2px; /* orientation=rt */
}

/* style for  corner */

.DecorationTop  {
	background: url('DefaultSkin/background/Decoration.png') no-repeat left top; /* orientation=lt */
	background: url('DefaultSkin/background/Decoration-rt.png') no-repeat right top; /* orientation=rt */
	padding-top: 8px;
}

.DecorationTop  .DecorationBottom {
	background: url('DefaultSkin/background/Decoration.png') no-repeat -982px bottom; /* orientation=tt */
	background: url('DefaultSkin/background/Decoration-rt.png') no-repeat -979px bottom; /* orientation=rt */
	padding-bottom: 12px;
}

.DecorationTop .DecorationCenter {
	background: url('DefaultSkin/background/Decoration.png') repeat-y -1964px center; /* orientation=lt */
	background: url('DefaultSkin/background/Decoration-rt.png') repeat-y 3px center; /* orientation=rt */
}

.UISocialHomepage .ContainerLeft {
	background-color: #FFF;
}

.UISocialHomepage .BorderBottom {
	border-bottom: 1px solid #eeeeee;
}

.UISocialHomepage .Introduction {
	font-size: 14px;
	color: #20263f;
}

.UISocialHomepage  .TextBold {
	font-weight: bold;
	line-height: 20px;
	font-size: 14px;
}

.UISocialHomepage .Introduction a {
	font-family: Lucida;
	color: #0068ff;
	font-size: 14px;
}

.UISocialHomepage .LeftSocialHomepage .RowContent  {
	padding: 5px 0px 5px 24px; /* orientation=lt */
	padding: 5px 24px 5px 0px; /* orientation=rt */
	overflow: hidden;
}

.UISocialHomepage .LeftSocialHomepage .ProductTitle {
	color: #f58220;
	font-size: 18px;
	line-height: 26px;
	font-weight: normal;
}

.UISocialHomepage  .LeftSocialHomepage ul li {
	background: url('DefaultSkin/background/IconList.gif') no-repeat left 7px; /* orientation=lt */
	background: url('DefaultSkin/background/IconList-rt.gif') no-repeat right 7px; /* orientation=rt */
	color: #565759;
	padding-left: 13px; /* orientation=lt */
	padding-right: 13px; /* orientation=rt */
	line-height: 18px;
	font-size: 12px;
}

.RowContent .ColsPeople {
	width: 340px;
}

.RowContent .ColsCommunity {
	width: 335px;
	margin-left: 15px; /* orientation=lt */
	margin-right: 15px; /* orientation=rt */
}

.RowContent .ColsActivity {
	width: 340px;
}

.RowContent .ColsGadgets {
	margin-left: 15px; /* orientation=lt */
	margin-right: 15px; /* orientation=rt */
	width: 335px;
}

.UISocialHomepage  .LeftSocialHomepage .Introduction {
	padding-bottom: 0;
}

.UISocialHomepage  .LeftSocialHomepage .Information {
	background: url('DefaultSkin/background/ArrowBlack.gif') no-repeat  left center; /* orientation=lt */
	background: url('DefaultSkin/background/ArrowBlack-rt.gif') no-repeat  right center; /* orientation=rt */
	padding-left: 15px; /* orientation=lt */
	padding-right: 15px; /* orientation=rt */
}

.RightSocialHomepage {
	padding: 10px 5px;
	min-height: 343px;
}

.UISocialHomepage .RightSocialHomepage .BlockWebsite {
	margin-left: 11px;
	padding-bottom: 25px;
	text-align: center;
	width: 90px;
}

.UISocialHomepage .RightSocialHomepage .BlockResource {
	margin-left: 9px;
	padding-bottom: 25px;
	text-align: center;
	width: 109px;
}

.UISocialHomepage .RightSocialHomepage .Icon {
	display: block;
	height: 55px;
	margin: auto;
	width: 57px;
}

.UISocialHomepage .RightSocialHomepage .IconContactUs {
  background: url('DefaultSkin/background/IconPlatForm.png') no-repeat left -278px; /* orientation=lt */
  background: url('DefaultSkin/background/IconPlatForm-rt.png') no-repeat right -278px; /* orientation=rt */
}

.UISocialHomepage .RightSocialHomepage .IconResource {
  background: url('DefaultSkin/background/IconPlatForm.png') no-repeat left top; /* orientation=lt */
  background: url('DefaultSkin/background/IconPlatForm-rt.png') no-repeat right top; /* orientation=rt */
}

.UISocialHomepage .RightSocialHomepage .IconSupport {
  background: url('DefaultSkin/background/IconPlatForm.png') no-repeat left -55px; /* orientation=lt */
  background: url('DefaultSkin/background/IconPlatForm-rt.png') no-repeat left -55px; /* orientation=rt */
}

.UISocialHomepage .RightSocialHomepage .IconTraining {
  background: url('DefaultSkin/background/IconPlatForm.png') no-repeat left -110px; /* orientation=lt */
  background: url('DefaultSkin/background/IconPlatForm-rt.png') no-repeat right -110px; /* orientation=rt */
}

.UISocialHomepage .RightSocialHomepage .IconBlog {
  background: url('DefaultSkin/background/IconPlatForm.png') no-repeat left -165px; /* orientation=lt */
  background: url('DefaultSkin/background/IconPlatForm-rt.png') no-repeat right -165px; /* orientation=rt */
}

.UISocialHomepage .RightSocialHomepage .IconWebsite {
  background: url('DefaultSkin/background/IconPlatForm.png') no-repeat left -220px; /* orientation=lt */
  background: url('DefaultSkin/background/IconPlatForm-rt.png') no-repeat right -220px; /* orientation=rtt */
}

.RightSocialHomepage .TxtLinkIcon {
  color: #565759;
  display: inline-block;
	font-family: Lucida;
	font-size: 12px;
	font-weight: bold;
}

.RightSocialHomepage .BlockWebsite .TxtLinkIcon {
	width: 70px;
}

.UIPageBody .BLPagebody {
 	background: none;
 	background-color: #eeeeee;
 }

.UIPageBody .BRPagebody {
 	background: none;
 	background-color: #eeeeee;
 }

.UIPageBody .BMPagebody {
 	background: none;
 	background-color: #eeeeee;
}
