@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: #DDDDDD;
    color: #333;
    font-size: 1em;
    font-weight: lighter;
    border: 1px solid #999;
    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:#E8E8E8;
}

.button {
	 height:1.5em;
	 width:auto;
	 padding: .5em 1em 0em 1em;
	 margin: 0em 0em 0em .5em;
	 background-color:#DDDDDD;
	 color:#333;
	 font-size:1em;
	 border: 1px solid #999;
	 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:#E8E8E8;
}

.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 */