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

   Customer Information Validation Style Sheet
   Author: Landin Jones
   Date: 11/12/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-color: rgb(220, 255, 220); 
	background-image: url(rb_okay.png);
	background-position: bottom right;
	background-size: contain;
	background-repeat: no-repeat;
}

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