@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 400;
  src: local('Cabin Regular'), local('Cabin-Regular'), url(../../../../../static/fonts/cabin/v4/kJXt72Gt1LyFMZcEKAAvlKCWcynf_cDxXwCLxiixG1c.woff) format('woff');
}

.clear {
	clear: both;
}

#promo_background {
	width: 1296px;
	position: absolute;
	top: 0px;
	z-index: 9000;
	height: 900px;
	display:none;
}

#sign_up_container h1, #sign_in_container h1, #forgot_password_container h1 {
	background: url("../images/logo_small.png") no-repeat top center;
	line-height: 90px;
	text-indent: -9999px;
	margin-top:20px;
}

#success_container h1 {
	background: url("../images/logo_small.png") no-repeat top center;
	line-height: 50px;
	text-indent: -9999px;
	margin-top:20px;
}

#success_container h3 {
	padding: 0px;
	margin: 0px;
}
#sign_in_container .forgot_password_click {
	float:left;
}
#sign_up_container .forgot_password_click {
	
}
#sign_up_container h2 {
	color: #e74825;
	font-family: 'Lato', sans-serif;
	font-size: 72px;
	font-weight: bold;
	letter-spacing: -0.18em;
	line-height: 0;
	text-align: center;
	text-shadow: 3px 1px 4px rgba(0, 0, 0, 0.5);
	margin-top: 50px;
	margin-bottom: 100px;
	width:100%;
}
#sign_up_container h2.smaller {
	color: #e74825;
	font-family: 'Lato', sans-serif;
	font-size: 36px;
	font-weight: bold;
	letter-spacing: normal;
	text-align: center;
	text-shadow: 3px 1px 4px rgba(0, 0, 0, 0.5);
	padding-bottom: 40px;
	margin: 0px;
}

#sign_up_container h3 {
	font-size: 36px;
	font-weight: bold;
	text-align: center;
}

#promo_background_overlay {
	background-color: rgba(255, 255, 255, 1);
	display: none;
	height: 100%;
	left: 0px;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 9000;
}

.promo_overlay_container {
	background-color: rgba(255, 255, 255, 0.85);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.85);
	display: none;
	left: 50%;
	font-family: Cabin, sans-serif;
	margin-left: -300px; /*50% of width*/
	position: absolute;
	top: 25px;
	width: 600px;
	z-index: 9010;
	height: 570px;
}

.promo_overlay_container p {
	font-size: 16px;
	text-align: center;
	margin-top: 15px;
}

.promo_overlay_container .disclaimer {
	font-size: 16px;
	text-align: center;
	margin-top: 20px;
}

.promo_overlay_container .fb-like {
	display: block;
	margin: 10px auto;
	width: 550px;
}

.promo_overlay_container #user_already_exists_container {
	display: none;
	margin: 10px 0px;
	text-align: center;
}

.promo_overlay_container #user_already_exists_container span {
	color: red;
}

.promo_overlay_container #user_already_exists_container a {
	color: #3399f2;
}

.promo_overlay_container #form_left_container {
	float: left;
	margin-left: 25px;
	width: 400px;
}

.promo_overlay_container #form_left_container a {
	color: #3399f2;
}

.promo_overlay_container #form_right_container {
	float: left;
	margin-left: 25px;
	position: relative;
	width: 100px;
}

.promo_overlay_container .text {
	font-size: 16px;
	margin-bottom: 10px;
}

.promo_overlay_container .text label {
	color: #444;
	display: block;
	font-size: 16px;
	text-shadow: 0px 1px 0px #fff;
	text-transform: uppercase;
	text-align: left;
}

.promo_overlay_container .text input {
	border-radius: 3px;
	box-shadow: #ddd 0px 2px 3px 0px inset;
	display: block;
	font-size: 16px;
	padding: 10px;
	width: 350px;
}

.promo_overlay_container .text .pw, .promo_overlay_container .pw .pw {
	border-radius: 3px;
	box-shadow: #ddd 0px 2px 3px 0px inset;
	display: block;
	font-size: 16px;
	padding: 10px;
	width: 150px;
}
.promo_overlay_container .pw {
	float:left;
	margin-right: 15px;
}

.promo_overlay_container .pw label {
	color: #444;
	display: block;
	font-size: 16px;
	text-shadow: 0px 1px 0px #fff;
	text-transform: uppercase;
	text-align: left;
}

.promo_overlay_container #register,
.promo_overlay_container #sign_in,
.promo_overlay_container #submit,
.promo_overlay_container #start_shopping {
	background-color: #93c47d;
	border-radius: 3px;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5), inset 0px 0px 2px #fff;
	color: #444;
	display: block;
	margin-top: 95px;
	padding: 10px 20px;
	text-align: center;
	text-decoration: none;
	text-shadow: 0px 1px 0px #fff;
	font-size:18px;
}

.promo_overlay_container #submit {
	margin-top: 20px;
}

.promo_overlay_container #start_shopping {
	margin: 25px auto 15px auto;
	width: 300px;
}

.promo_overlay_container .checkbox {
	margin: 5px auto 10px 25px;
	width: 550px;
	text-align: left;
}

.promo_overlay_container .checkbox label {
	font-size: 16px;
	text-shadow: 0px 1px 0px #fff;
}

.promo_overlay_container .checkbox input {
	
}

#sign_up_container #already_have_account_container {
	margin: 10px 0px;
	text-align: center;
	font-size: 16px;
}
#sign_in_container #already_have_account_container, #forgot_password_container #already_have_account_container {
	margin: 10px 0px;
	text-align: center;
	font-size: 16px;
	bottom: 0px;
	position: absolute;
	left: 175px;
}

.promo_overlay_container #already_have_account_container a {
	color: #3399f2;
}

#forgot_password_container.promo_overlay_container p {
	margin: 25px;
	text-align: left;
}
.forgot-password-error, .sign-in-error {
	display:none;
}
#success_container.promo_overlay_container .fb-like {
	display: block;
	width: 500px;
}
.promo-circle {
	background-color:#e74825;
	height: 30px;
	width: 30px;
	border-radius: 50%;
	margin-left: auto;
	margin-right: auto;
	color: #ffffff;
	position: relative;
	font-size: 20px;
	left: -100px;
	top: 40px;
	margin-top:0px;
}
#sign_up_container #off_peak {
	color: #e74825;
	font-family: 'Lato', sans-serif;
	font-size: 3em;
	font-weight: bold;
	letter-spacing: 0em;
	text-align: center;
	text-shadow: 3px 1px 4px rgba(0, 0, 0, 0.5);
	margin-top: 20px;
	margin-bottom: 40px;
}