/*
   New Perspectives on HTML5 and CSS3, 8th Edition
   Tutorial 7
   Case Problem 1

   ACGIP Registration Validation Style Sheet
   Author: Alyssa Milinkovich
   Date:   11/8/2023

   Filename: cg_validate.css

*/


/* Validation Styles */

input:focus, select:focus, textarea:focus {
	background-color: rgb(245,245,140);
}

input#fnBox:focus:valid, input#lnBox:focus:valid, input#mailBox:focus:valid, 
input#phoneBox:focus:valid, input#idBox:focus:valid {
	background-color: rgb(245,245,140);
	background-image: url(cg_valid.png);
	background-position: right;
	background-repeat: no-repeat;
	background-size: contain;
}	

input#fnBox:focus:invalid, input#lnBox:focus:invalid, input#mailBox:focus:invalid, 
input#phoneBox:focus:invalid, input#idBox:focus:invalid {
	background-color: rgb(255,232,232);
	background-image: url(cg_invalid.png);
	background-position: right;
	background-repeat: no-repeat;
	background-size: contain;
}