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

	Customer Information Validation Style Sheet

	Author: Chris LaFleur
	Date: 11/13/23
*/


/* 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) right no-repeat;
	background-size: contain;
}

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