@charset "utf-8";

input[type=button], input[type=submit] {
	background-color: darkcyan; /* #0080C0; */ /* steelBlue; */
	border: none;
	color: white;
	padding: 5px 10px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	border-radius: 7px;
	
}
input[type="button"]:disabled, input[type=submit]:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}
input[type="button"]:hover, input[type=submit]:hover {
	background-color: #E482AE; /* #2BBAFF; */
	cursor:pointer;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.4);
}
input[type=text], textarea, input[type=password] {
	padding:5px; 
	border:2px solid #ccc; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
input[type=text]:focus, textarea:focus, input[type=password]:focus {
	border-color:#333;
}

html, body {
	margin: 0;
	padding: 0;
}
@media only screen and (max-width: 980px)
{
	body {
		 /*
		 setting min-width to container width fixes mobile Safari wonkiness with centering
		 but the site still looks bad on that browser
		 */
		min-width: 1400px;
	}
}