/*
   New Perspectives on HTML5 and CSS3, 8th Edition
   Tutorial 7
   Review Assignment

   Customer Information Validation Style Sheet
   Author: Andrew Hainline
   Date:   11/11/2025

   Filename: rb_validate.css

*/


/* Validation Styles */

input:focus, select:focus, textarea:focus {
   background-color: rgb(255, 255, 180);
   outline: none;
}

#nameBox:focus:valid,
#phoneBox:focus:valid {
   background-color: rgb(220, 255, 220);
   background-image: url("rb_okay.png");
   background-repeat: no-repeat;
   background-position: right center;
   background-size: contain;
}

#nameBox:focus:invalid,
#phoneBox:focus:invalid {
   background-color: rgb(255, 230, 230);
   background-image: url("rb_warning.png");
   background-repeat: no-repeat;
   background-position: right center;
   background-size: contain;
}