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

   ACGIP Registration Validation Style Sheet
   Author: Lucas Schiele
   Date:   11/18/2024

   Filename: cg_validate.css

*/


/* Validation Styles */
input:focus, select:focus, textarea:focus {
  background-color: rgb(245, 245, 140);
}
input:focus:valid#fnBox,
input:focus:valid#lnBox,
input:focus:valid#mailBox,
input:focus:valid#phoneBox,
input:focus:valid#acgipID {
  background-color: rgb(220, 255, 220);
  background-image: url(cg_valid.png);
  background-repeat: no-repeat;
  background-position: right;
}
input:focus:invalid#fnBox,
input:focus:invalid#lnBox,
input:focus:invalid#mailBox,
input:focus:invalid#phoneBox,
input:focus:invalid#acgipID {
  background-color: rgb(255, 232, 232);
  background-image: url(cg_invalid.png);
  background-repeat: no-repeat;
  background-position: right;
}