@import 'reset.css';

body {
		font-family: "American Typewriter","Courier New";
}

form {
	margin: 1em;
	width: 20em;
	font-size: .9em;
}

fieldset {
	margin-bottom: .5em;
}

legend {
	padding-bottom: .5em;
	font-size: 1.25em;
}

div {
	padding:  .125em .25em;
	margin-bottom: .125em;
	-webkit-transition: all 400ms ease-in;
	-moz-transition: all 400ms ease-in;
	-o-transition: all 400ms ease-in;
	transition: all 400ms ease-in;
	border: 1px solid rgb(255,255,255);
}

input[type=text], input[type=tel], input[type=email], input.inputField {
	width: 95%;
	margin-right: 1em;
	background: #fff; /* old browsers */
	background: -moz-linear-gradient(top, #ccc 0%, #fff 25%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ccc), color-stop(25%,#fff));
	border: 1px solid #999;
	line-height: 1.5em;
	height: 1.5em;
	font-size: .8em;
}

input.placeholderValue {
	color: #666;
}

.insufficientInput {
	border: 1px solid rgb(204,0,0);
	background-color: rgba(204,0,0,.1);
}

input:required {
	-moz-box-shadow: none; /* removes red glow around required input fields */
}

label {
	display: block;
	margin-bottom: .125em;
}

small {
	font-size: .8em;
	margin-bottom: .75em;
}

div small {
	color: #c00;
}