/* @override 
	http://dermah.com/testbed/cummins/styles/contactform.css */

label {
   display: none;
   margin-top: 20px;
   letter-spacing: 2px;
}

/* Centre the page */
#form-area {
   display: block;
   margin: 0 auto;
}

form {
   margin: 0 auto;
}

/* Style the text boxes */
input, textarea {
   background: #ffffff;
   border: 3px solid #FCD069;
   padding: 10px;
   margin-top: 6px;
   color: #3a3a3a;
   font-size: 1em;
   display: block;
   width: 100%;
   
   -webkit-transition: border 200ms ease;
      -moz-transition: border 200ms ease;
        -o-transition: border 200ms ease;
           transition: border 200ms ease;
}

input:focus, textarea:focus {
   border: 3px solid #FCB91D;
}

textarea {
	height:213px;
}

input[type=submit] {
   background-color: #FCD069;
   border:none;
   cursor:pointer;
   -webkit-transition: background-color 200ms ease;
      -moz-transition: background-color 200ms ease;
        -o-transition: background-color 200ms ease;
           transition: background-color 200ms ease;
}

input[type=submit]:hover {
   background-color: #FCB91D;
}

.success {
   background-color: #d1ffcd;
   color: #00a01a;
   display: block;
   border: 3px solid #00a01a;
   padding: 10px;
   margin-bottom: 10px;
}

.failure {
   background-color: #fecdcd;
   color: #a00000;
   display: block;
   border: 3px solid #a00000;
   padding: 10px;
   margin-bottom: 10px;
}

.bad-input {
   border-color: #9f0000;
   background-color: #fecccd;
}