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

   ACGIP Registration Validation Style Sheet
   Author:  ABD-RAHMAN FOFANA
   Date: 4/19/2024   

   Filename: cg_validate.css

*/


/* Validation Styles */

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

input:valid, select:valid, textarea:valid {
    background-color: rgb(220, 255, 220);
    background-image: url('cg_valid.png');
    background-position: right center;
    background-repeat: no-repeat;
}

input:invalid, select:invalid, textarea:invalid {
    background-color: rgb(255, 232, 232);
    background-image: url('cg_invalid.png');
    background-position: right center;
    background-repeat: no-repeat;
}