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

   ACGIP Registration Validation Style Sheet
   Author: Tamarah Hogan
   Date:  11/21/25 

   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: rgb(220, 255, 220) url(rb_valid.png) bottom
right/contain no-repeat;
}

input#fnBox:focus:Notvalid,
input#lnBox:focus:valid,
input#mailBox:focus:valid,
input#phoneBox:focus:valid,
input#idBox:focus:valid {
    background: rgb(255, 232, 232) url(rb_invalid.png) bottom
right/contain no-repeat;
}