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

   Customer Information Validation Style Sheet
   Author: Kevin Viren
   Date:   11/9/2023

   Filename: rb_validate.css

*/

/* Validation Styles */

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

input#nameBox:focus:valid, input#phoneBox:focus:valid {
	background: rgb(220, 255, 220) url(rb_okay.png) bottom right/contain no-repeat;
}

input#nameBox:focus:invalid, input#phoneBox:focus:invalid {
	background: rgb(255, 230, 230) url(rb_warning.png) bottom right/contain no-repeat;
}