/*
   New Perspectives on HTML and CSS, 7th Edition
   Tutorial 7
   Review Assignment

   Customer Information Validation Style Sheet
   Author: Boe Mathewson
   Date:   9/28/2022

   Filename: rb_validate.css

*/


/* Validation Styles */
/* Step 11: set background color for input, select, and textarea with focus (clicking to make color) */
input:focus, select:focus, textarea:focus {
	background-color: rgb(255,255,180);
}


/* Step 12: set background color for Phone and name boxes to turn green and have a check mark image on the side (clicking to make color) */
input#phoneBox:focus:valid,
input#nameBox:focus:valid {
   background: rgb(179,255,179) url(../images/rb_okay.png) bottom right/contain no-repeat;
}
input#phoneBox:focus:invalid, input#nameBox:focus:invalid {
   background: rgb(179,255,179) url(../images/rb_okay.png) bottom right/contain no-repeat;

}