/*
* Copyright 2003 Mark O'Sullivan
* This file is part of Vanilla.
* Description: Default cascading stylesheet for Vanilla sign in screens

blau: #145272
*/

BODY, FORM { padding:0; margin:0;  }
DIV, H1, H2, H3, input, textarea, select { font-family:Arial, Helvetica, sans-serif; } 
P { font-size:14px; color:#302d27; line-height:18px; }
H1 {  font-size:24px; color:#145272; }
H2 { font-size:18px; }
UL { list-style-type:square; margin:30px auto; }
A { color:#d01615; }
A:hover { color:#000; }
EM { background:#f9ee52; line-height:20px; }
#head { background:#1b1e1e; height:50px; }
#SiteContainer { margin:0 auto; width:780px; background-image:none !important; }
#left { margin-top:50px;  width:200px; float:left; }
#right { margin-top:50px; width:500px; float:left }
#footer { clear:both; text-align:center; padding:20px; font-size:12px;  }

.ErrorContainer { background: url(alert.gif) no-repeat top left #FFEDEF; padding:10px; color:#c00; margin:20px 6px; }
.ErrorTitle { font-weight:bold; color:#c00;	font-size:12px;	margin-bottom:6px; padding-left:18px; }
.Error { color:#c00; font-size:12px; }	

.SiteContainer {  background:none; }
.SiteContainer, .Foot { text-align:left; margin-left:auto; margin-right:auto; }

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

/* Banner */
h1 { text-align:center; font-size:18px; font-weight:normal; background:#333; color:#fff !important; padding:12px; margin:0;	}

/* About Paragraphs */

.About { background:#eee; margin:0; padding:8px; width:240px; position:absolute; margin-top:4px; }
.About h2 { font-size:16px; font-weight:bold; color:#145272; }

/* Forms */
  
fieldset { border:0; margin:0; padding:6px; background:#eee; margin-top:4px; }
legend { color:#145272;	font-size:18px;	font-weight:normal; display:block; margin:0; padding:0; padding-top:30px;  }
fieldset p {
	margin: 0px;
	padding: 0px 2px 8px 2px;
	color: #333;
	}
#Form form { margin:0; padding:6px 1px 6px 6px; }
#Form ul, #Form ul li { list-style:none; margin:0; padding:0; }
#Form ul li { padding-bottom:6px; }

#Form label { clear:both; width:200px !important; margin-right:8px; display:block; float:left; padding:4px 0 0 0; }
#Form input { width:300px; border:none; padding:4px; font-size:14px;  }
#Form .Submit {
	clear: left;
	padding: 6px 0px 0px 88px;
	text-align: left;
	}
#Form .Button { width: auto; padding:6px 25px; font-weight:bold; cursor:pointer; font-size:16px; background-color:#145272; color:#fff; margin-bottom:10px;  }
#Form .Button:hover { background:#22668a }
/* 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 { width: 100%; }
#Form #RememberMe label { width:100%; text-align: left; font-size:12px; }
#Form #RememberMe input { width:auto; }

.MembershipOptionLinks { margin:6px 00 0 !important; }
.MembershipOptionLinks li {	}
.MembershipOptionLinks a { display: block;
	background:#eee;
	color:#145272;
	text-decoration: none;
	text-align: center;
	padding:6px 8px;
	font-size:14px; margin-right:12px !important; width:150px; 
	}
.MembershipOptionLinks a:hover { background:#ffc; color:#c90; text-decoration:none; }
.ForgotPasswordLink {
	position: absolute;
	z-index:100;
	}
.ApplyForMembershipLink { padding-left: 171px !important; } /* Wer denkt sich sowas aus? */
	
/* 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; clear:both; }
#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;
	}  
.PasswordReset .About {
	width: 254px;
	}
#Form.PasswordResetForm {
	padding: 0px 0px 0px 267px;
	}
  
/* Form Complete */
  
.FormComplete { padding: 40px 16px; }
.FormComplete h2 {
	font-size: 18px;
	font-weight:normal;
	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;
	}

/* Footer */
.Foot { margin-top:40px; color:#494949; text-align:center; font-size:12px; }