/*
* Copyright 2003 - 2005 Mark O'Sullivan
* This file is part of Vanilla.
* Vanilla is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 2 of the License, or (at your option) any later version.
* Vanilla 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 Vanilla; if not, write to the Free Software Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
* The latest source code for Vanilla is available at www.lussumo.com
* Contact Mark O'Sullivan at mark [at] lussumo [dot] com
*
* Description: Default cascading stylesheet for Vanilla sign in screens
*/


/*=============== Global Definitions............... */
body{
background: #E3FAD8;
text-align: center;
}
body, div, input, textarea, select{
font-family: Trebuchet MS, Verdana, Tahoma, Arial;
font-size: 12px;
color: #000;
}
input{
font-family: arial;
}
a, a:link, a:visited {
background-color: #e3fad8;
color: #eaa40e;
text-decoration: none;
}
a:hover{
background:#4bb34f;
color: #fff;
text-decoration: none;
}
.ErrorContainer{
background: url(alert.gif) no-repeat top left #FFEDEF;
border: 1px solid #999;
border-bottom-width: 0;
padding: 10px 9px 9px 9px;
color: #c00;
margin: 0px 6px 0px 6px;
}
.ErrorTitle{
font-weight: bold;
color: #c00;
font-size: 12px;
margin-bottom: 6px;
padding-left: 18px;
}
.Error{
color: #c00;
font-size: 12px;
}	
.SiteContainer{
background: #fff;
border: 1px solid #999;
min-height:180px; /*debut : min-height fast hack*/
height: auto !important; 
height: 210px;
overflow: visible; /*fin : min-height fast hack*/
margin-top: 100px;
}
.SiteContainer,
.Foot{
text-align: left;
margin-left: auto;
margin-right: auto;
}

/*================ Various page widths............... */
  
.SignIn{width: 400px;}
.PageTitle{width: 492px;}
.SignOut{width: 400px;}
.Apply,.PasswordRequest,.PasswordReset{width: 580px;}

/*=============== Banner............... */
  
h1{
color: #fff;
text-align: center;
background-color: #4bb34f;
padding: 4px 0px 4px 0px;
margin: 0px 0px 6px 0px;
border-bottom: 1px solid #c7d3ea;
}
h1 a{
font-size: 20px;
font-weight: bold;
color: #000;
text-decoration: none;
}
h1 strong{
font-weight: normal;
color: #eaa40e;
}
	
/*=============== About Paragraphs............... */

.About{
margin: 8px 0px 0px 0px;
padding: 0px 4px;
position: absolute;
width: 220px;
}
.About h2{
font-size: 14px;
font-weight: bold;
margin: 0px;
padding: 0px;
color:#000;
}
.About p{
color:#000;
line-height: 135%;
margin: 0px;
padding: 2px 0px 3px 0px;
text-align: justify;
}
.About p strong{
font-weight: normal;
text-decoration: underline;
}

/*=============== Forms.............. */
  
fieldset{
border: 0px;
margin: 0px;
padding: 0px 6px 6px 6px;
}
legend{
font-size:14px;
font-weight: bold;
color:#000;
}
fieldset p{
margin: 0px;
padding: 0px 2px 8px 2px;
color: #333;
}
#Form form{
background: #f3f3f3;
border: 1px solid #999;
margin: 0;
padding: 6px 1px 6px 6px;
}
#Form ul,
#Form ul li{
list-style: none;
margin: 0px;
padding: 0px;
}
#Form ul li{
padding-bottom:6px;
}
#Form label{
text-align: right;
display: block;
width: 35%;
float: left;
margin-right: 8px;
color: #000;
}
#Form input{
width: 50%;
}
#Form .Submit{
clear: left;
padding: 6px 0px 0px 88px;
text-align: left;
}
#Form .Button{
width: auto;
cursor: pointer;
}
	
/*=============== Sign-In Page............... */

#Form.SignInForm fieldset{
padding: 0px 6px 0px 6px;
}
#Form.SignInForm .Submit{
padding: 6px 0px 0px 0px;
clear: left;
text-align: center;
}
#Form #RememberMe label{
width: auto;
padding-left: 200px;
text-align: left;
font-size: 12px;
}
#Form #RememberMe input{
width: auto;
}
.MembershipOptionLinks{
margin: 4px 6px 0px 6px !important;
}
.MembershipOptionLinks li{
margin: 0;
padding: 0;
text-align: center;
}
.MembershipOptionLinks a,
.MembershipOptionLinks a:link,
.MembershipOptionLinks a:visited{
background: #e3fad8;
color:#eaa40e;
display: block;
margin-left: 3px;
text-decoration: none;
text-align: center;
padding: 3px 0 3px 0;
font-size:12px;
width: 180px;
}
.MembershipOptionLinks a:hover{
background:#4bb34f;
color:#fff;
text-decoration: none;
}
.ForgotPasswordLink{
position: absolute;
}
.ApplyForMembershipLink{
padding-left: 200px !important;
}
	
/*=============== Password Request Form............... */

.PasswordRequestForm .ErrorContainer{
margin: 0px;
}
.PasswordRequest .About{
text-align: justify;
width: 240px;
}
.PasswordRequestForm{
padding: 0px 0px 0px 260px;
}
	
/*=============== Apply Form............... */
.ApplyForm{
padding: 0 0 0 260px;;
}
.ApplyForm .ErrorContainer{
margin: 0px;
}
div.Apply #Form{
/*height: 300px;*/
min-height:300px; /*debut : min-height fast hack*/
height: auto !important; 
height: 300px;
overflow: visible; /*fin : min-height fast hack*/
}

#Form.ApplyForm .Submit{
padding-left: 104px;
}
#Form.ApplyForm label{
width: 115px; /*Pour IE*/
}
#Form.ApplyForm ul li>label{
width: 120px;/* Pour les autres*/
}
#Form.ApplyForm label span{
font-size: 9px;
}
#Form.ApplyForm input{
width: 156px;
}
#Form.ApplyForm .Submit input{
width:auto !important;
}
#TermsOfServiceCheckBox,#DiscoveryInput{
width: 100%;
}
#TermsOfServiceCheckBox input{
width: auto !important;
}
#TermsOfServiceCheckBox{
font-size: 12px;
color: #000;
}
#TermsOfServiceCheckBox a{
background-color: transparent;
border-bottom: 1px dotted;
text-decoration: none;
}
#TermsOfServiceCheckBox a:hover{
background-color: transparent;
border-bottom: 1px solid;
color: #4bb34f;
text-decoration: none;
}
#DiscoveryInput label{
font-size: 11px;
margin-left: 1px;
margin-top: 4px;
}
#DiscoveryInput textarea{
width: 94%;
}
/*=============== Password Reset Form............... */

#Form.PasswordResetForm .ErrorContainer{
margin: 0px;
}
#Form.PasswordResetForm .Submit{
padding-left:100px;
}  
.PasswordReset .About{
position: absolute;
width: 240px;
}
.PasswordResetForm{
padding: 0 0 0 260px;
}
  
/*=============== Form Complete.............. */
  
.FormComplete{
padding: 8px 16px 16px 16px;
}
.FormComplete h2{
font-size: 14px;
font-weight: bold;
margin: 0px;
padding: 0px 0px 6px 0px;
color:#000;
}
.FormComplete ul{
list-style: none;
margin: 0px;
padding: 0px;
}
.FormComplete ul li{
margin: 5px 0;
padding: 0px;
color:#000;
}
.FormComplete ul li strong{
font-weight: normal;
color:#eaa40e;
}

/* Foot */
	
.Foot{
color: #ccc;
font-size: 10px;
margin: 0 auto;
text-align: center;
}
.Foot a{
color: #eaa40e;
}
.Foot a:hover{
color: #aaa;
background: none;
}