/* Global */
body {
	font-weight: 300;
	background: #cfeef1;

}
.heightPlaceholder { height: 100%; width: 0; }
.meteoraLogo {
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 64px;
	height: 64px;
}
/* End Global */

/* Layout Declarations */
.ibContainer > * { display: inline-block; vertical-align: middle; }
.floatWrapper { height: 100%; position: relative; text-align: center; }
.innerWrap { display: block; position: relative; margin: 0 auto; }
/* End Layout Declarations */

/* Float Container */
.floatContainer { width: 934px; background: #f9fafb; border-radius: 8px; margin: 0 auto; text-align: left; overflow: hidden; }
.floatContainer header { padding: 35px 0 0 0; height: 107px; }
.floatContainer header icon { margin: 0 0 0 76px; }
.floatContainer header .content { padding: 2px 0 14px 30px; width: 400px; }
.floatContainer header .content h2 { color: #000; font-size: 24px; line-height: 1; margin: 0; }
.floatContainer header .content h3 { font-weight: 400; font-size: 18px; padding: 4px 0 0 0; margin: 0px; line-height: 1.2; }
.floatContainer header .separator { width: 628px; height: 2px; background: #ecf0f1; margin: 0 auto;	 }
.floatContainer > .stepContainer > .content { width: 454px; margin: 0 auto; padding: 16px 0 60px 0; }
.floatContainer > .stepContainer > .content span { color: #34495e; font-weight: 400; font-size: 16px; }
.floatContainer > .stepContainer > .content h2 { color: #34495e; font-weight: 700; font-size: 24px; line-height: 1; margin: 0; text-align: center; }
.floatContainer > .stepContainer > .content h3 { color: #34495e; font-weight: 700; font-size: 20px; line-height: 1; margin: 0; text-align: center; }
.floatContainer footer { background: #ecf0f1; width: 100%; height: 85px; position: relative; }
.floatContainer footer .information { width: 510px; padding: 0 56px 0 84px; }
.floatContainer footer .information p { font-size: 12px; line-height: 1.4; color: #2c3e50; }
.floatContainer footer .actions .button { width: 154px; }
.floatContainer footer .actions a.button:first-child { margin: 0 12px 0 0; }
.floatContainer footer .actions a.button:only-child { margin: 0 0 0 166px; }
/* End Float Container */

/* Login Container */
#loginContainer header .content h2 span { color: #bdc3c7; font-size: 14px; vertical-align: bottom; line-height: 20px; }
#loginContainer header .content h3 { color: #34495e; }
#loginContainer > .stepContainer > .errorContainer { width: 454px; margin: 15px auto; font-weight: 700; }
#loginContainer > .stepContainer > .adminMessage { width: 454px; margin: 15px auto; padding: 5px; font-weight: 700; background: #ff0000; color: #fff;}
#loginContainer > .stepContainer > .successContainer { padding: 60px 0; font-weight: 700; text-align: center; }
#loginContainer > .stepContainer > .content { width: 454px; }
#loginContainer > .stepContainer > .content > *:first-child { padding: 0 0 18px 0; }
#loginContainer > .stepContainer > .content span { width: 80px; }
#loginContainer > .stepContainer > .content input { width: 364px; }
#loginContainer > .stepContainer > .content .forgotPassword { padding: 8px 0 0 80px; }
#loginContainer > .stepContainer > .content .forgotPassword > a { margin: 0 0 0 6px; line-height: 20px; font-size: 14px; }
/* End Login Container */

/* Sign Up Container */
#signUpContainer header .content h3 { color: #bdc3c7; }
#signUpContainer .stepOne header .content h3 span { color: #f39c12; }
#signUpContainer .stepTwo header .content h3 span { color: #1bce76; }
#signUpContainer .stepOne > .content { width: 766px; }
#signUpContainer .stepTwo > .content { height: 362px; width: 628px; }
#signUpContainer .inputsContainer { width: 494px; }
#signUpContainer .inputContainer:not(:last-of-type) { padding: 0 0 18px 0; }
#signUpContainer .stepOne .inputContainer span { width: 92px; }
#signUpContainer .stepOne .inputContainer input { width: 364px; }
#signUpContainer .informationPoints { width: 264px; color: #3a98d8;	font-size: 16px; }
#signUpContainer .informationPoints .point:not(:last-of-type) { padding-bottom: 24px; }
#signUpContainer .informationPoints .point p { margin: 0 0 0 6px; }

#signUpContainer > div { display: none; }
#signUpContainer > div.active { display: block; }

#signUpContainer .stepTwo .paneOne .inputContainer span { width: 124px; }
#signUpContainer .stepTwo .paneOne .inputContainer input { width: 504px; }

#signUpContainer .stepTwo .paneTwo .inputContainer span { width: 210px; }
#signUpContainer .stepTwo .paneTwo .inputContainer input { width: 418px; }


#signUpContainer .stepTwo .subInformation {
	font-size: 14px;
	font-weight: 700;
	color: #35495d;
	padding: 0 0 18px 0;
	line-height: 1.4;
}
#signUpContainer .stepTwo .paneOne .subInformation {
	padding-left: 124px;
}

#signUpContainer .stepTwo .paymentTypes {
	padding: 0 0 0 268px;
}
#signUpContainer .stepTwo .paymentTypes > * { vertical-align: top; }
#signUpContainer .stepTwo .paymentTypes .button {
	font-size: 15px; font-weight: 400; width: 176px;
}
#signUpContainer .stepTwo .paymentTypes > *:first-child { margin-right: 8px; }
#signUpContainer .stepTwo .paymentTypes .acceptedCards { padding: 8px 0 0 0; }
#signUpContainer .stepTwo .paymentTypes .acceptedCards > *:not(:last-of-type) { margin-right: 8px; }
/* End Sign Up Container */

/* Step Container */
.stepContainer > header > .innerWrap > *:not(.separator) { display: inline-block; vertical-align: top; }
/* End Step Container */

/* Recommended Browsers */
.recommendedBrowsers { padding: 0 0 0 46px; }
.recommendedBrowsers > * { display: inline-block; vertical-align: middle; }
.recommendedBrowsers > h4 { font-size: 13px; color: #34495e; padding: 0 8px 0 0;}
.recommendedBrowsers img { padding: 0 4px 0 0; }
/* End Recommended Browsers */