/*
   New Perspectives on HTML and CSS
   Tutorial 6
   Case Problem 1

   Comment Form Style Sheet
   Author: I-Jien Kou	
   Date:   04/21/2012

   Filename:         comments.css
   Supporting Files: go.png, stop.png

*/



/* Header */

h2 {
	font-family: Verdana, Geneva, sans-serif;
	color: gray;
	margin: 15px auto;
	padding: 5px;
	width: 90%;
}


/* Field set styles */

fieldset {
	background-color: rgb(245, 245, 255);
	margin: 15px auto;
	padding: 5px;
	width: 90%;
}


/* Label styles */

label {
    display: block;
	float: left;
	font-family: "Comic Sans MS", cursive;
	font-size: 0.9em;
	margin: 5px 0px;
	width: 100%;
}

.star {
	color: red;
	font-family: "Comic Sans MS", cursive;
}



/* Input control styles */

input, textarea, select {
	display: block;
	float: left;
	font-size: 0.9em;
	margin: 0px 10px;
	width: 55%;
}

textarea {
    height: 150px;
}



/* Button styles */


input[type="submit"] {
	display: block;
	clear: left;
	float: left;
	height: 30px;
	margin: 5px 10px;
	width: 200px;
}



/* Validation styles */

input:focus, textarea:focus {
	background-color: rgb(225, 225, 240);
}


input:focus:valid {
	background: rgb(225, 240, 225) 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(240, 225, 225) url(stop.png) bottom right no-repeat;
	
	-o-background-size: contain;
	-moz-background-size: contain;
	-webkit-background-size: contain;
	background-size: contain;
}