/*
Fonts
*/
		
@font-face {
	font-family: 'BigCaslon';
	src: url('../font/bigcaslon-webfont.eot');
	src: url('../font/bigcaslon-webfont.eot?iefix') format('eot'),
		url('../font/bigcaslon-webfont.woff') format('woff'),
		url('../font/bigcaslon-webfont.ttf') format('truetype'),
		url('../font/bigcaslon-webfont.svg#webfontxQ6Lbe1o') format('svg');
	font-weight: normal;
	font-style: normal;
}


html,
body {
	height: 100%;
}

body {
	background: #fff url('/public/images/login_page/background.jpg') repeat-x top center;
	font-family: helvetica, arial, verdana;
	font-size: .7em;
	line-height: 1.7em;
	margin: 0;
	}
	
	.text-center {
		text-align: center;
	}
	
	#old-browser-info {
		max-width: 600px;
		margin: 320px auto;
		font-size: 25px;
		line-height: 1.5em;
	}
	
	.terms-box {
		height: 200px;
		padding: 20px;
		border: solid 1px #ccc;
		overflow-y: auto;
	}
	
	a {
		color: #336699;
		text-decoration: none;
		border-bottom: dotted 1px #336699;
	}
	
	/* Login */
	
	#login_container {
		position: relative;
		width: 302px;
		display: block;
		margin: 242px auto 0;
		}
		.terms {
			width: 50%;
			min-width: 300px;
			max-width: 700px;
			padding-top: 30px;
			color: #666;
		}
			
		header {
			display: block;
			margin: 0 0 30px;
			font-family: 'BigCaslon', georgia, 'times new roman';
			line-height: 30px;
		}
			header h1 {
				margin: 0 0 0 25px;
				font-size: 35px;
				font-weight: normal;
				white-space: nowrap;
			}
			header h2 {
				margin: 0;
				font-size: 35px;
				font-weight: normal;
				white-space: nowrap;
				-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255, 255, 255, 0.2)));
			}
			
		label {
			display: block;
			margin: 5px 0 3px;
			font-size: .9em;
		}
		input[type="text"],
		input[type="email"],
		input[type="password"] {
			width: 95%;
			display: block;
		}
		input[type=submit],
		.button {
			padding: 5px 12px;
			background-color: #333;
			border: none;
			border-radius: 5px;
			font-size: .95em;
			line-height: 1.5em;
			color: #fff;
		}
		input[type=submit].outline,
		.button.outline {
			background-color: transparent;
			border: solid 1px #ccc;
			color: #333;
		}
		input[type=submit].text,
		.button.text {
			background-color: transparent;
			border: none;
			color: #333;
		}
		.button.full-width {
			width: 100%;
			margin-top: 10px;
			text-align: center;
			line-height: 2em;
		}
		.login-section {
			width: 250px;
			padding: 15px 25px 25px;
			margin-right: 20px;
			border: solid 1px #ccc;
			border-radius: 5px;
		}
			.login-section h3 {
				margin: 30px 10px 20px 20px;
			}
			.login-section p {
				margin: 20px;
			}
		.login-section .login-error {
			color: #f00;
		}
		
		.login-section-devider {
			margin: 25px -25px 15px;
			border: none;
			border-bottom: solid 1px #ccc;
		}
		
	/* Info	*/
	
	.info-view {
		position: relative;
		width: 302px;
		display: block;
		margin: 272px auto 0;
	}
		.info-view header h1 {
			margin: 0;
			font-size: 35px;
			font-weight: normal;
			white-space: nowrap;
		}
		
		.info-view .info-section {
			float: left;
			width: 250px;
			padding: 15px 25px 25px;
			border: solid 1px #ccc;
			border-radius: 5px;
		}