/**
 * 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: 341px;
	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
}
