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

	ACGIP Registration Validation Style Sheet

	Author: Chris LaFleur
	Date: 11/13/23
*/


/* 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: rgb(220, 255, 220) url(cg_valid.png) right 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: rgb(255, 232, 232) url(cg_invalid.png) right no-repeat;
	background-size: contain;
}