/*
---------------------------------------------------------

	TYPOGRAPHY
	
---------------------------------------------------------
*/

#stat-box {
	margin-bottom: 25px;
}

	#stat-box p {
		color: #878d91;
		text-align: center;
		border-bottom: 1px solid #dedede;
		padding-bottom: 15px;
		margin-bottom: 15px;
	}
	
		#stat-box p strong {
			letter-spacing: 0.1em;
		}
	
		#stat-box p.last {
			text-align: center;
			border-bottom: none;
			padding-bottom: 0;
			margin-bottom: 0;
		}
	
ul#login-links {
	width: 196px;
	margin: 0 auto 8px auto;
	padding: 0 10px;
	font-size: 13px;
	list-style: none;
}

	ul#login-links li {
		float: left;
		position: relative;
		margin-right: 12px;
	}
	
	ul#login-links li.last {
		margin-right: 0;
	}
	
		ul#login-links li a {
			color: #878d91;
			text-decoration: none;
		}
		
		ul#login-links li a:hover {
			text-decoration: underline;
		}

/*
---------------------------------------------------------

	STRUCTURE
	
---------------------------------------------------------
*/

body {
	background-color: #324350;
}

	#dialogue {
		width: 295px;
		margin: 7% auto 0 auto;
		position: relative;
	}
	
	#login-legal {
		color: #878d91;		
		width: 295px;
		margin: 0 auto;
		padding-top: 25px;
		position: relative;
		text-align: center;
	}
		
		.et-logo {
			margin-bottom: 20px;
		}
		
			.et-logo a {
				display: block;
				float: none;
				margin: 0 auto;
			}
			
		#form-box {
			margin-bottom: 20px;
		}
		
		a#login-btn {
			width: 70px;
			text-align: center;
		}
		
		input.text-field {
			font-size: 12px;
			border: 1px solid #dedede;
			height: 40px;
			width: 65px;
			text-align: left;
			padding: 0 10px;
		}
		
		input#username,
		input#password {
			display: block;
			width: 230px;
			margin-bottom: 19px;
		}