@charset "UTF-8";
/* CSS Document */

/* FORM STYLES */

input {
	 width:14;
	 /*height:20px;*/
	 padding:.25em;
	 margin:.5em;
	 background-color:#CCC;
	 color:#333;
	 font-size:1em;
	 border-radius: 4px;
	 border: 1px solid #333;
	 float:left;
	 }
	 
select {
	 /*width:220px;*/
	 height:2em;
	 padding: 0em 1em 0em 1em;
	 margin:0em 0em 0em .5em;
	 background-color:#CCC;
	 color:#333;
	 border: 1px solid #333;
	 border-radius: 4px;
	 font-size:1em;
	 font-weight:lighter;
	 float:left;
}
button {
	 height:2em;
	 padding: 0em 1em 0em 1em;
	 margin:0em 0em 0em .5em;
	 background-color:#CCC;
	 color:#333;
	 font-size:1em;
	 font-weight:lighter;
	 border: 1px solid #333 ;
	 border-radius: 4px;
	 float:left;
	 box-sizing:content-box; /*KEEPS BUTTON SIZE SAME AS EVERYTHING ELSE*/
	 -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
		-webkit-transition: .4s ease;
		-moz-transition: .4s ease;
		-o-transition: .4s ease;
		-ms-transition: .4s ease;
}

button:hover {
	background-color:#e6e6e6;
}

.button {
	 height:1.5em;
	 width:auto;
	 padding: .5em 1em 0em 1em;
	 margin: 0em 0em 0em .5em;
	 background-color:#CCC;
	 color:#333;
	 font-size:1em;
	 border: 1px solid #333;
	 border-radius: 4px; 
	 float:left;
	 text-decoration:none;
		-webkit-transition: .4s ease;
		-moz-transition: .4s ease;
		-o-transition: .4s ease;
		-ms-transition: .4s ease;
}

.button:hover {
	background-color:#e6e6e6;
}

.button a {color:#333; text-decoration:none;}


/* ==== RESPONSIVE FORM STYLES ==== */

/* MID SIZE (TABLETS) */
@media only screen
	and (min-width : 641px) 
	and (max-width : 960px)
{
	.button { font-size:.75em; }
	button { font-size:.75em; }		
}

/* SMALL SIZE (Smartphones portrait and landscape) */
@media only screen 
	and (min-width : 320px) 
	and (max-width : 640px) 
{	
	.button { font-size:1em; }
	button { font-size:1em; }	
}


/* END FORM STYLES */