/*
* 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: #272e30;
  text-align: center;
}
body, div, input, textarea, select {
  font-family: Arial, Verdana, Tahoma;
  font-size: 12px;
  color: #2c2c2c;
}
#nav {
  display: none;
}
#main {
  background: none;
}
input {
  font-family: arial;
}
a, a:link, a:visited {
  color: #539fcf;
  text-decoration: none;
}
a:hover {
  color: #539fcf;
  text-decoration: underline;
}
.ErrorContainer {
  background: url(alert.gif) no-repeat top left #FFEDEF;
  border-top: 1px solid #FFC2CA;
  border-bottom: 1px solid #FFC2CA;
  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 {
  margin-top: 100px;
  border: 1px solid #c7d3ea;
  background: #fff;
}
.SiteContainer,
.Foot {
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

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

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

.About {
  margin: 8px 0px 0px 0px;
  padding: 0px 4px 0px 8px;
  width: 260px;
  xborder-right: 1px solid #f3f3f3;
  position: absolute;
  }
.About h2 {
  font-size: 14px;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
  color:#000;
  }
.About p {
  margin: 0px;
  padding: 2px 0px 6px 0px;
  color:#000;
  line-height: 150%;
  }
.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;
  margin: 0px;
  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: 95px;
  text-align: left;
  font-size: 12px;
  }
#Form #RememberMe input {
  width: auto;
  }
.MembershipOptionLinks {
  margin: 4px 0px 0px 6px !important;
  }
.MembershipOptionLinks li {
  width: 132px;
  overflow: hidden;
  white-space: nowrap;
  padding: 0px;
  margin: 0px;
  }
.MembershipOptionLinks a,
.MembershipOptionLinks a:link,
.MembershipOptionLinks a:visited {
  display: block;
  color:#539fcf;
  text-decoration: none;
  text-align: center;
  padding: 3px 0px 3px 0px;
  font-size:12px;
  }
.MembershipOptionLinks a:hover {
  color:#539fcf;
  text-decoration: underline;
  }
.ForgotPasswordLink {
  position: absolute;
  z-index:100;
  }
.ApplyForMembershipLink {
  padding-left: 136px !important;
  }
  
/* Password Request Form */

.PasswordRequestForm .ErrorContainer {
  margin: 0px;
  }
.PasswordRequest .About {
  width: 234px;
  }
.PasswordRequestForm {
  padding: 0px 0px 0px 247px;
  }
  
  
/* Apply Form */
#Form.ApplyForm {
  padding: 0px 0px 0px 282px;
  }
.ApplyForm .ErrorContainer {
  margin: 0px;
  }
div.Apply #Form {
  height: 300px;
  }
html>body div.Apply #Form { /* ugly hack, but fixes display error in IE. */
  min-height: 322px;
  height: auto;
  }
#Form.ApplyForm .Submit {
  padding-left: 104px;
  }
#Form.ApplyForm label {
  width: 98px;
  }
#Form.ApplyForm input {
  width: 156px;
  }
#Form.ApplyForm .Submit input {
  width:auto !important;
  }
#TermsOfServiceCheckBox input {
  width: auto !important;
  }
#TermsOfServiceCheckBox {
  font-size: 12px;
  color: #000;
  }
#TermsOfServiceCheckBox a {
  text-decoration: underline;
  }
  
/* Password Reset Form */

#Form.PasswordResetForm .ErrorContainer {
  margin: 0px;
  }
#Form.PasswordResetForm .Submit {
  padding-left:100px;
  margin-bottom:30px;
  }  
.PasswordReset .About {
  width: 254px;
  }
#Form.PasswordResetForm {
  padding: 0px 0px 0px 267px;
  }
  
/* 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: 0px;
  padding: 0px;
  color:#000;
  }
.FormComplete ul li strong {
  font-weight: normal;
  color:#e00;
  }

/* Foot */
  
.Foot {
  color: #474f51;
  text-align: center;
  font-size: 10px;
  }
.Foot a {
  color: #474f51;
  }
.Foot a:hover {
  color: #474f51;
  background: none;
  }