button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  border: 0 ;
  outline: 0;
  width: 300px;
  background-color: #ECDDDD;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input[type='text'] {
  width: 250px;
  padding: 10px 10px 12px 60px;
  font-size: 12px;
  color: #555;
  border: 1px solid #aaa;
  background-color: #fff;
}

input[type='email'] {
  width: 580px;
  padding: 10px 10px 12px 60px;
  font-size: 12px;
  color: #555;
  border: 1px solid #aaa;
  background-color: #fff;
}

.css {
  display: inline-block;
  position: relative;
  margin: 25px 5px 0 0;
}

.css input {
  transition: .1s all linear;
}

.css label {
  position: absolute;
  top: 13px;
  left: 15px;
  font-size: 12px;
  color: #aaa;
  transition: .1s all linear;
  cursor: text;
}

.name, .common, .message {
	text-align: center;
}

.name .css.active input {
  padding-left: 15px;
}

.name .css.active label {
  top: -18px;
}

.common .css.active input {
  padding-left: 15px;
}

.common .css.active label {
  top: -18px;
}

.common input[type='text'], .message input[type='text'] {
	width: 580px;
}

.message input[type='text']{
	height: 150px;
}

.message .css.active input {
  padding-left: 15px;
  height: 150px;
}

.message .css.active label {
  top: -18px;
}

.prompt{
	width: 660px;
	margin: 20px auto;
}

input[type='file'] {
	width: 340px;
	height: 30px;
	background-color: #FFFFFF;
}

input[type='submit'] {
	width: 340px;
	height: 30px;
	background-color: #FFFFFF;
}

.sendform{
        /* Esteen: modify display block to inline */
	display: inline;
	position: relative;
	width: 300px;
	height: 30px;
	background-color: transparent;
        /* Esteen: remove - float: left;*/

	padding-left: 10px;
}

.attachfile input{
	position: relative;
	width: 300px;
	height: 30px;
	background-color: #FFFFFF;
	float: left;
}

.error {
	color: #FFF;
}

.success {
	color: #FFF;
}