/*
	Final Project
	Author: Tres (Ira) Johnson
	Date: 8/30/2015
	
	Tres (Ira) Johnson
	IT-270
	Professor Philomena Cato
	8/30/2015

   Filename:         form.css
   Supporting Files: none
*/


/* Field set styles */

div
	{
	display: block;
	float: none;
	text-align: center;	
	}

fieldset 
	{
	text-align: left;
	background-color: rgb(189, 208, 215);
	border: 1px solid rgb(114, 60, 48); 
	margin-left: 300px;
	float: left;
	width: 46%;
	}

/* Legend set styles */
legend 
	{
	background-color: rgb(188, 188, 152); 
	color: rgb(152, 49, 52); 
	padding: 3px 0px; 
	text-indent: 5px; 
	width: 100%;
	}
/* Label styles */
label 
	{
	clear: left;
	display: block; 
	float: left; 		
	font-size: 0.9em; 
	margin: 7px 4% 7px 5px; 
	width: 40%;
	}
/* Input control styles */
input 
	{ 
	display: block; 
	float: left; 
	font-size: 0.9em; 
	margin: 7px 0px; 
	width: 50%;
	}
/* Label styles */
input#state 
	{
	width: 50px;
	}
#addINFO
	{
	float: left;
	margin: 10px auto;
	width: 50%;
	display: inline; 
	float: left; 
	}
select
	{
	font-size: 0.9em; 
	margin: 7px 0px; 
	width: 40%;
	}
/* Button Styles */
form p
	{
	clear: left;
	text-align: center;
	margin-left: 15px;
	}
input[type="submit"], input[type="reset"]
	{ 
	display: inline;	
	float: none; 
	height: 50px;
	width: 150px;
	}
/* Validation styles */
input[type="text"]:focus, select:focus, textarea:focus 
	{ 
	background-color: rgb(255, 255, 175);
	}
input[type="text"]:focus:valid
	{ 
	background: rgb(220, 255, 220) url(images\go.png) bottom right no-repeat;
	-o-background-size: contain; 
	-moz-background-size: contain; 
	-webkit-background-size: contain; 
	background-size: contain;
	}
input[type="text"]:focus:invalid
	{ 
	background: rgb(255, 232, 233) url(images\stop.png) bottom right no-repeat;
	-o-background-size: contain; 
	-moz-background-size: contain; 
	-webkit-background-size: contain; 
	background-size: contain;
	}