/*
	New Perspectives on HTML5 and CSS3, 8th Edition
	Chapter 7
	Case Problem 2

	Spice Bowl Payment Form Validation Style Sheet

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


/* Validation Styles */

input:not([type="radio"]):focus{
	background-color: rgb(255, 218, 165);
}

input:not([type="radio"]):focus:valid{
	background: rgb(215, 255, 215) url(sb_valid.png) right no-repeat;
	background-size: contain;
}

input:not([type="radio"]):focus:invalid{
	background: rgb(255, 245, 215) url(sb_invalid.png) right no-repeat;
	background-size: contain;
}