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

   Comment Form Style Sheet
   Author: Mauricio Rivas Briceno
   Date:   10/17/2025

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

*/



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

label {
   display: block;
   float: left;
   clear:left;
   font-size: 0.9em;
   width: 100%;
   margin: 5px 0;
}

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

textarea {
   height: 150px;
}

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

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

input:focus:valid {
		background-color: rgb(225, 240, 225);
		background-image: url("go.png");
		background-repeat: no-repeat;
		background-position: bottom right;
		background-size: contain;
}

input:focus:invalid {
   background-color: rgb(240, 225, 225);
   background-image: url("stop.png");
   background-repeat: no-repeat;
   background-position: bottom right;
   background-size: contain;
}