/* The styles for body and h2 are extras that weren't included in the tutorial */
body {
	font-family: "Trebuchet MS", Helvetica, Sans-Serif;
	font-size: 14px;
}

h2 {
	font-weight: normal;
	font-size: 24px;
}
/* End Extra Styles */

/* Start Tutorial Styles */
label {
	display: block;
}

.field {
	font-family: "Trebuchet MS", Helvetica, Sans-Serif;
	font-size: 13px;
	margin-bottom: 30px;
	border: 1px solid #ccc;
}

.field:hover {
	border-color: #b8b8b8;
}

.field:focus {
	border-color: #a8a8a8;
}

input.field {
	width: 244px;
	height: 15px;
	padding: 5px 3px;
	background: url(input-top.jpg) repeat-x;
}

textarea.field {
	width: 388px;
	height: 192px;
	padding: 4px 6px;
	background: #fff url(text-bg.jpg) bottom repeat-x;
}

#submit {
	float: left;
	width: 70px;
	height: 25px;
	border: none;
	background: url(submit.jpg) no-repeat;
}
/* End Tutorial Styles */