@charset "UTF-8";
/* CSS Document */
.form-wrapper {
	width: 50%;
	min-width: 300px;
	margin: 220px auto;
	text-align: center;
	padding: 20px;
	border-radius: 30px;
	border: 2px solid #999;
	background-color: #EEE;
}
h1.title {
	background-color: #009999;
	color: #FFF;
	padding: 20px 0px 12px 20px;
	border-radius: 18px 18px 0px 0px;
	margin: -20px -20px 16px -20px;
}
#person {
	width: 90%;
	background-color: #CCC;
	border: 4px solid black;
	border-radius: 24px;
	padding: 4%;
	text-align: left;
	margin: 24px auto;
}
.form-section {
	margin: 10px;
}
label {
	padding-left: 8px;
}
input[type=text], input[type=password] {
	width:96%;
	padding: 6px;
	font-size: 1.0em;
	color: #333;
	background-color: #EEE;
	border-radius: 20px;
	margin-top: 6px;
	margin-bottom: 10px;
}
/*Visually show only lower case so if a user enters a cap it still shows as a lower case
This only happens visually, however the js function format_creds() will strip white space and covert all characters to lower case*/
input[type=text]#un, input[type=text]#sc {
	text-transform: lowercase;	
}
p.forgot {
	font-style: italic;
	text-align: center;
}