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

   Customer Information Validation Style Sheet
   Author: Alyssa Milinkovich
   Date:   11/8/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: right;
		background-repeat: no-repeat;
		background-size: contain;
}

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