@charset "UTF-8";

#contact_form{
  width: 500px;
}
#contact_form_return{
  margin-top: 100px;
  margin-left: 200px;
  position:absolute;
  text-align: center;
  font-size: 20px;
}
#article4 figure{
  height: 400px;
  padding-top: 30px;
}
#article4 img{
  position: absolute;
  margin-top: -40px;
}

.formfield{
  width: 235px;
  float: left;
}
input[type=text], textarea, input[type=password]{
  margin-top: 6px;
  font-size: 14px;
  font-family:Ubuntu, Arial, Helvetica, sans-serif;
  padding-left: 10px;
  border: 1px solid #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  color: #444;
}
.formfield input{
  width: 200px;
  height: 30px;

}

.formfield input:focus, .formfield2 textarea:focus{
  border: 1px solid #0196e3;
  box-shadow: 0px 0px 12px #0196e3;
}

.formfield2{
  width: 400px;
  padding-top: 70px;
}
.formfield2 textarea{
  width: 435px;
  height: 150px;
  padding-top: 10px;
  font-size: 14px;
}

.formfield3{
  padding-top: 30px;
}
.formfield3 input{
  width: 100px;
  height: 30px;
  padding-left: 0px;
  cursor: pointer;
}
.formfield4{
  padding-top: 10px;
}
.formfield4 input{
  margin-left: 10px;
  margin-right: 10px;
}

/* SpryValidationTextField.css - version 0.4 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */


/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
.textareaRequiredMsg,
.textareaMinCharsMsg,
.textareaMaxCharsMsg,
.textareaValidMsg, 

.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {
	display: none;
}

.textareaRequiredState .textareaRequiredMsg,
.textareaMinCharsState .textareaMinCharsMsg,
.textareaMaxCharsState .textareaMaxCharsMsg,

.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
{
  margin-left: 5px;
  font-style: italic;
	display: inline;
	color: #ccc;
  font-size: 12px;
}


 /* When the widget is in the valid state the INPUT has a green background applied on it. */
.textareaValidState textarea, textarea.textareaValidState,
 
.textfieldValidState input, input.textfieldValidState {
	background-color: #fff;
}

/* When the widget is in an invalid state the INPUT has a red background applied on it. */
textarea.textareaRequiredState, .textareaRequiredState textarea, 
textarea.textareaMinCharsState, .textareaMinCharsState textarea, 
textarea.textareaMaxCharsState, .textareaMaxCharsState textarea,

input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	background-color: #FF9999;
}

/* When the widget has received focus, the INPUT has a yellow background applied on it. */
.textareaFocusState textarea, textarea.textareaFocusState,

.textfieldFocusState input, input.textfieldFocusState {
	background-color: #fff;
}

/* This class applies only for a short period of time and changes the way the text in the textbox looks like.
 * It applies only when the widget has character masking enabled and the user tries to type in an invalid character.
 */
.textareaFlashState textarea, textarea.textareaFlashState,

.textfieldFlashText input, input.textfieldFlashText {
	color: red !important;
}

/* When the widget has the hint message on, the hint text can be styled differently than the user typed text. */
textarea.textareaHintState, .textareaHintState textarea,

.textfieldHintState input, input.textfieldHintState {
	/*color: red !important;*/
}