/*
   New Perspectives on HTML and CSS
   Final Project

   Request Forms Style Sheet
   Author: Earl Davis
   

   Filename:         oforms.css
   

*/

/*Field set styles */

fieldset {
	background-color: rgb(156, 200, 214);
	border: 1px solid rgb(63, 121, 140);
	float: left;
	margin: 10px 0px 10px 2.5%;
	width: 60%;
}

legend {
	background-color: rgb(102, 51, 0);
	color: white;
	padding: 3px 0px;
	text-indent: 5px;
	width: 100%;
}

/*Button Styles */

input[type="submit"], input[type="reset"], input[type="button"] {
	display: inline;
	float: none;
	height: 30px;
	width: 120px;
	border-radius: 15px;
}

/* Validation Styles */

input:focus:valid {
	background: rgb(220, 255, 22) url(go.png) bottom right
		no-repeat;
	-o-background-size: contain;
	-moz-background-size: contain;
	-webkit-background-size: contain;
	background-size: contain;
	
input:focus:invalid {
	background: rgb(255, 232, 233) url(stop.png) bottom right;
		no-repeat;
		-o-background-size: contain;
	-moz-background-size: contain;
	-webkit-background-size: contain;
	background-size: contain;