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

   ACGIP Registration Validation Style Sheet
   Author: Lillian Walker
   Date:   11/20/2025

   Filename: cg_validate.css
*/

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

/* Valid input fields */
input#fnName:focus:valid,
input#lnName:focus:valid,
input#mailBox:focus:valid,
input#phoneBox:focus:valid,
input#idBox:focus:valid {
    background-color: rgb(220, 255, 220);
    background-image: url("cg_valid.png");
    background-repeat: no-repeat;
    background-position: right center;
}

/* Invalid input fields */
input#fnName:focus:invalid,
input#lnName: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-repeat: no-repeat;
    background-position: right center;
}