/**
 * 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 */
	padding: 30px 10px 30px 17px; /* orientation=rt */
    background: #EBEBEB;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
}

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

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

.UILoginForm .LoginDecorator .LoginDecoratorBackground {
	background: #fff url('background/CenterMiddleLogin.gif') repeat-x left bottom;
}

.UILoginForm .LoginDecorator .LoginDetailBox {
	background: url('background/ImageMiddleOAuth.gif') no-repeat left 15px; /* orientation=lt */
	background: url('background/ImageMiddleOAuth-rt.gif') no-repeat right 15px; /* orientation=rt */
	padding: 20px 0px 20px 115px; /* orientation=lt */
	padding: 20px 115px 20px 0px; /* orientation=rt */
}

.UILoginForm .LoginDecorator .TopLeftLoginDecorator {
	background: url('background/Login.gif') no-repeat left top; /* orientation=lt */
	background: url('background/Login-rt.gif') no-repeat right top; /* orientation=rt */
	padding: 0px 0px 0px 9px; /* orientation=lt */
	padding: 0px 9px 0px 0px; /* orientation=rt */
}

.UILoginForm .LoginDecorator .TopCenterLoginDecorator {
	background: url('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 */
	padding: 11px 15px 0px 0px; /* orientation=rt */
}

.UILoginForm .LoginDecorator .TopRightLoginDecorator {
	background: url('background/Login.gif') no-repeat right top; /* orientation=lt */
	background: url('background/Login-rt.gif') no-repeat left top; /* orientation=rt */
	padding: 0px 134px 0px 0px; /* orientation=lt */
	padding: 0px 0px 0px 134px; /* orientation=rt */
}

.UILoginForm .LoginDecorator .MiddleLeftLoginDecorator {
	background: url('background/MiddleLogin.gif') repeat-y left center; /* orientation=lt */
	background: url('background/MiddleLogin.gif') repeat-y right center; /* orientation=rt */
	padding: 0px 0px 0px 4px; /* orientation=lt */
	padding: 0px 4px 0px 0px; /* orientation=rt */
}

.UILoginForm .LoginDecorator .MiddleRightLoginDecorator {
	background: url('background/MiddleLogin.gif') repeat-y right; /* orientation=lt */
	background: url('background/MiddleLogin.gif') repeat-y left; /* orientation=rt */
	padding: 0px 4px 0px 0px; /* orientation=lt */
	padding: 0px 0px 0px 4px; /* orientation=rt */
}

.UILoginForm .LoginDecorator .BottomLeftLoginDecorator {
	background: url('background/Login.gif') no-repeat left -78px; /* orientation=lt */
	background: url('background/Login-rt.gif') no-repeat right -78px; /* orientation=rt */
	padding: 0px 0px 0px 10px; /* orientation=lt */
	padding: 0px 10px 0px 0px; /* orientation=rt */
}

.UILoginForm .LoginDecorator .BottomCenterLoginDecorator {
	background: url('background/Login.gif') repeat-x center -88px;
	height: 10px;
}

.UILoginForm .LoginDecorator .BottomRightLoginDecorator {
	background: url('background/Login.gif') no-repeat right -78px; /* orientation=lt */
	background: url('background/Login-rt.gif') no-repeat left -78px; /* orientation=rt */
	padding: 0px 10px 0px 0px; /* orientation=lt */
	padding: 0px 0px 0px 10px; /* orientation=rt */
}

.UILoginForm .LoginDelimiter {
    margin: 5px 0;
    text-align: center;
}
.UILoginForm .LoginDelimiter span {
    font-size: 11px;
    color: #888;
}

.UILoginForm .LoginDelimiter span:before, .UILoginForm .LoginDelimiter span:after {
    background: none repeat scroll 0 0 red;
    border-bottom: 1px solid #E9E9E9;
    content: "";
    display: inline-block;
    margin: 4px 14px;
    width: 120px;
}

/* ============================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 */
	padding-right: 59px; /* orientation=rt */
}

.UILoginForm .LoginDetailBox .ForgetPass a {
	/* ORIGINAL color: orange; */
        color: #1273df; /* For Section 508 compliant */
}

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

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

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

.UILoginForm .LoginDetailBox .PasswordField input {
	background: #f7f7f7 url('background/Login.gif') no-repeat left -126px; /* orientation=lt */
	background: #f7f7f7 url('background/Login-rt.gif') no-repeat right -126px; /* orientation=rt */
	width: 180px; height: 18px;
	line-height: 18px;
	border: solid 1px #b7b7b7;
	padding: 0px 0px 0px 22px; /* orientation=lt */
	padding: 0px 22px 0px 0px; /* orientation=rt */
	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 */
	padding: 15px 56px 0px 0px; /* orientation=rt */
	text-align: left; /* orientation=lt */
	text-align: right; /* orientation=rt */
}

.UILoginForm .UIAction .SimpleStyle {
	border-radius: 5px 5px 5px 5px;
	filter:chroma(color=#000000);
	color: #3f3f3f;
	padding: 2px 12px;
	width: auto;
	border: 1px solid #C9C9C9;
	background-position: bottom center;	
}

.UILoginForm .UIAction .SimpleStyle:hover {
	color: #058EE6;
}

.UILoginForm div.SocialLoginButtons {
    text-align: center;
}

.UILoginForm a.login-button {
    border-radius: 5px;
    border: 1px solid #8f301f;
    display: inline-block;
    line-height: 19px;
    background-color: #d54529;
    margin: 10px 5px 5px 5px;
}

.UILoginForm a.login-button > div {
    color: white;
    font-size: 11px;
    padding: 0 10px 0 30px;
    background: url("background/general.png") 8px no-repeat;
}

.UILoginForm #login-GOOGLE {
    background-color: #d84d32;
    border-color:#b7402a;
}

.UILoginForm #login-GOOGLE:hover {
    background-color: #e85d42;
}

.UILoginForm #login-GOOGLE > div {
    background: url("background/google.png") 8px no-repeat;
    border-color: #b7402a;
}

.UILoginForm #login-FACEBOOK {
    background-color: #4f6aa3;
    border-color:#29447e;
}

.UILoginForm #login-FACEBOOK:hover {
    background-color: #5f7ab3;
}

.UILoginForm #login-FACEBOOK > div {
    background: url("background/facebook.png") 8px no-repeat;
    border-color: #728cbc #728cbc #728cbc #728cbc;
}

.UILoginForm #login-TWITTER {
    background-color: #31b6ef;
    border-color:#328dc5;
}

.UILoginForm #login-TWITTER:hover {
    background: #41c6ff;
}

.UILoginForm #login-TWITTER > div {
    background: url("background/twitter.png") 8px no-repeat;
    border-color: #62bdf5;
}

.UILoginForm #login-LINKEDIN {
    background-color: #005f8d;
    border-color: rgba(0,0,0,0.2);
}
.UILoginForm #login-LINKEDIN:hover {
    background-color: #007bb6;
    border-color: rgba(0,0,0,0.2);
}
.UILoginForm #login-LINKEDIN > div {
    background: url("background/linkedin.png") 6px 1px no-repeat;
}
