@charset "utf-8";
/** Please note: altering any details within this stylesheet will result in changes to the PSH contact form (contact/index.html) **/

section#contact_wrapper {
	width:55%;
	height:auto;
	background:#1a1718;
	margin: 10px 30% 10px 25%;
	padding:10px 0;
	border-radius:10px;
	box-shadow:5px 5px 8px rgba(0,0,0,0.5);
	background-color:#1a1718;
}

form#contact_form {
	width:70%;
	margin:4% 15%;
	color:#fff;
}

fieldset {
	width:100%;
	height:auto;
	border:none;
	text-align:center;
	padding:0;
	margin:0;
}

legend {
	color:#00ff00;
	text-align:left;
}

/**select, option, textarea, input {
	padding:2.5px;
}**/

textarea {
	overflow-y:scroll;
	font-family:Tahoma, Geneva, sans-serif;
}

input.send_msg {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:100%;	
	color:#fff;
	text-transform:uppercase;
	border-radius:10px;
	box-shadow:5px 5px 8px rgba(0,0,0,0.5);
}

input.send_msg:hover {
	color:#fff;
	background:#00ff00;
	border:1px solid #00ff00;
}

span.error {
	width:100%;
	height:auto;
	float:left;
	padding:0;
	margin:0;
	font-size:100%;	
	color:#ff0000;
}

span#firstnameError, span#lastnameError, span#emailError, span#subjectError, span#messageError {
	width:100%;
	float:left;
	color:#ff0000;
}

#errorbox {
	width:100%;
	height:auto;
	float:left;
	padding-bottom:10px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:100%;	
	color:#ff0000;
	text-align:center;
}

/* Makes responsive fields.Sets size and field alignment.*/
input[type=text]:focus,textarea:focus, select#subject:focus, option.form-pick:focus {
	border-color:#00ff00;
}

input[type=text] {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	margin-top:10px;
	width:90%;
	padding:5px;
	border-radius:5px;
	border:1px solid #6c00d8;
}

input[type=submit] {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	width:100%;
	padding:15px;
	border-radius:5px;
	border:1px solid #6c00d8;
	background-color:#6c00d8;
	font-size:15px;
	cursor:pointer;
	color:#fff;
}

textarea {
	width:90%;
	padding:5px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
  border:1px solid #6c00d8;
	border-radius:5px; 
	margin-bottom:20px;
	resize:none;
 } 
 
select#subject, option.form-pick {
	width:95%;
	padding:5px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
  border:1px solid #6c00d8;
	border-radius:5px; 
	margin-bottom:20px;
	resize:none;
 }