File: jQuery.AJAX/css/style.css

* {
 font-family: sans-serif;
 color: #fff;
}

h2{
 text-align:center;
}

h3{
 text-align:center;
}

hr{
 color: #162C3C;
}

fieldset {
 padding: 1em;
 font:80%/1 sans-serif;
}

label {
 float:left;
 width:30%;
 margin-right:0.5em;
 padding-top:0.2em;
 text-align:right;
 font-weight:bold;
}

#contact-form {
 background-color:#697060;
 width:650px;
 padding:20px;
 margin: 50px auto;
 border: 6px solid #EB9C4D;
 -moz-border-radius:15px;
 -webkit-border-radius:15px;
 border-radius:15px;
 position:relative;
}

#contact-form h1 {
 font-size:42px;
}

#contact-form h2 {
 margin-bottom:15px;
 font-style:italic;
 font-weight:normal;
}

#contact-form p, blockquote {
 font-size: 12px;
}

#contact-form input,
#contact-form select,
#contact-form textarea,
#contact-form label {
 font-size:15px;
 margin-bottom:2px;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 border-radius:5px;
}

#contact-form input,
#contact-form select,
#contact-form textarea {
 width:65%;
 border: 1px solid #BAC9A9;
 margin-bottom:20px;
 padding:4px;
 color:#000;
}

#contact-form input:focus,
#contact-form select:focus,
#contact-form textarea:focus {
 border: 1px solid #F2D680;
 background-color: #F3FFCF;
 color:#000;
}

#contact-form textarea {
 height:150px;
 resize: none;
}

#contact-form label {
 display:block;
}

#contact-form .required {
 font-weight:bold;
 color:#F00;
}

#contact-form #submit-button {
 width: 80%;
 background-color:#F3FFCF;
 color:#000;
 font-style: oblique;
 font-weight: bold;
 border: 1px solid #BAC9A9;
 display:block;
 float:right;
 margin-bottom:0px;
 margin-right:6px;
 -moz-border-radius:8px;
}

#contact-form #submit-button:hover {
 border: 1px solid #F2D680;
 background-color: #F3FFCF;
}

#contact-form #submit-button:active {
 position:relative;
 top:1px;
}

/* Remove box shadow firefox, chrome and opera put around required fields. It looks rubbish. */
input:required, textarea:required {
 -moz-box-shadow:none;
 -webkit-box-shadow:none;
 -o-box-shadow:none;
 box-shadow:none;
}

/* Normalize placeholder styles */

/* chrome, safari */
::-webkit-input-placeholder {
 color:#889673;
 font-style:italic;
}

/* mozilla */
input:-moz-placeholder, textarea:-moz-placeholder {
 color:#889673;
 font-style:italic;
}

/* ie (faux placeholder) */
input.placeholder-text, textarea.placeholder-text  {
 color:#889673;
 font-style:italic;
}

.info, .success, .warning, .error, .validation {
 border: 1px solid;
 margin: 10px 0px;
 padding:15px 10px 15px 50px;
 background-repeat: no-repeat;
 background-position: 10px center;
}
.info {
 color: #00529B;
 background-color: #BDE5F8;
 background-image: url('images/info.png');
}
.success {
 color: #4F8A10;
 background-color: #DFF2BF;
 background-image:url('images/success.png');
}
.warning {
 color: #9F6000;
 background-color: #FEEFB3;
 background-image: url('images/warning.png');
}
.error {
 color: #D8000C;
 background-color: #FFBABA;
 background-image: url('images/error.png');
}