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

   Spice Bowl Payment Form Validation Style Sheet
   Author: Matt Johnson
   Date:   11/10/24

   Filename: sb_validate.css

*/


/* Validation Styles */

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

}

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

input:focus:not([type='radio']):invalid {
   background-color: rgb(255, 245, 215);
   background-image: url(sb_invalid.png);
   background-position: right;
   background-repeat: no-repeat;

}