/* =9 forms */
form {
  margin: 0 auto;
	width:90%;
	padding:1em;
}

input.error {
    border: 1px solid red;
    background-color: #F6D8D9;
}

label span.error {
    color: red;
}

div.valid {
    border: 1px solid #a1c166;
    background: #EBF8D3 url(../img/check.png) no-repeat 0% 50%; /* #CAEAC1; #b6edb6; */
    padding: .3em 1em .3em 2em;
    width: 33em;
    margin: 0 auto 1em auto;
}

div.invalid {
    border: 1px solid #d25c4e;
    background: #F5C8C9 url(../img/error.png) no-repeat 0% 50%;
    padding: .3em 1em .3em 2em;
    width: 33em;
    margin: 0 auto 1em auto;
}

fieldset {
    border: solid 2px #A2A2A2;
    background: #eee;
    margin-bottom: 1em;
    padding: 0 1em 1em 1em;
}

fieldset legend {
    font-style: italic;
	padding:0.5em 0.5em;
}

fieldset p {
    font-size: 1em;
    color: #666666;
    margin-bottom: 20px;
}

fieldset label {
	display:inline-block;
    font-weight: bold;
    text-align: right;
    width: 15em;
}

fieldset .form_info {
    color: #666666;
    font-size: 0.9em;
    font-weight: normal;
    text-align: right;
}

fieldset input {
    font-size: 1em; /*12 / 15 = 0.8em*/
    padding: 4px 2px;
    border: solid 1px #A2A2A2;
    width: 16.66em; /* 200px / 12px = 16.66 em */
    margin: 2px 0 20px 10px;
}


fieldset textarea {
    padding: 4px 2px;
    border: solid 1px #A2A2A2;
    margin: 2px 0 20px 10px;
    width: 70%;
    height: 10em;
} 
#send {
    padding: .3em .5em;
    text-align: center;
    font-weight: bold;
}
