/*
	  Course: IT-270
      Final Project
	  
	  Author: Nathan Fournier
	  Date: 01/21/2016
      Filename: form.css 
*/

/* adjust widths of state, phone and zip to match contents with additonal room for validation image */
input#state {width:3em;}
input#phone {width: 8em;}
input#zip {width: 6.5em;}

/* Make all labels bold */
label {
	font-weight: bold;
	margin-right: 10px;
}

table.cInfo {
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 20px;
}

table.cInfo tfoot{
	font-size: 12px;
}

/* When Customer information is valid, set color to light green and display a green check mark */
table.cInfo input:focus:valid {
	background: rgb(220,255,220) url(go.png) bottom right no-repeat;
	-o-background-size: contain;
	-moz-background-size: contain;
	-webkit-background-size: contain;
	background-size: contain;
}

/* When Customer information is invalid, set color to pink and display a red X */
table.cInfo input:focus:invalid
{
	background: rgb(255,232,233) url(stop.png) bottom right no-repeat;
	-o-background-size: contain;
	-moz-background-size: contain;
	-webkit-background-size: contain;
	background-size: contain;
}

ul.buttons {
 padding-left: 30px;
}

ul.buttons li{
	float: left;
	padding-left:10px;
	line-height:30px;
}

ul.buttons input {
	width: 75px;
}