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

   ACGIP Registration Validation Style Sheet
   Author: Ayinde Mustapha
   Date: 11/21/2025   

   Filename: cg_validate.css
*/

/* Validation Styles */

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

#fnBox:focus:valid,
#lnBox:focus:valid,
#mailBox:focus:valid,
#phoneBox:focus:valid,
#idBox:focus:valid {
   background: rgb(220, 255, 220) url(cg_valid.png) no-repeat right center;
}

#fnBox:focus:invalid,
#lnBox:focus:invalid,
#mailBox:focus:invalid,
#phoneBox:focus:invalid,
#idBox:focus:invalid {
   background: rgb(255, 232, 232) url(cg_invalid.png) no-repeat right center;
}