/*contact.css*/

/*Form Styles*/
fieldset {border: 1px solid; margin-bottom: 2em; padding: 0 10px;}
fieldset:first-child {margin-top: 1.75em;}
#button {border: 0;}
fieldset > div {display: block;}
label {display: block; margin-bottom: 0.5em;}
input, select, textarea {display: block; margin-bottom: 18px;}
input[type="checkbox"], input[type="checkbox"] + label {display: inline;}
legend {color: black; font-size: 1.25em; margin-bottom: 1em;}
input[type="text"]:focus, select:focus, textarea:focus {border: 3px solid #0963b1; margin-bottom: 16px;}
div.error {background-color: bisque; border: 5px solid red; color: black; margin-bottom: 1em; padding: 0 0.5em;}
div.error label {font-weight: bold;}
div.error > p {background-color: bisque; color: red; border-bottom: 1px dotted red; padding-bottom: 2px; margin-bottom: 1em;}
div.error textarea:focus {margin-left: -1px; margin-right: -1px;}

/*Review and Confirmation Styles*/
h2 {font-size: 1em; font-weight: normal; margin-bottom: 0.5em; margin-top: 2em;}
h2 + span {display: block; font-size: 1.25em; font-weight: bold; margin-bottom: 2em; margin-top: 0.5em;}
#controls {border-top: 3px double #ccc; font-size: 2em; margin: 1em 0; padding: 10px 0 0 0;}
#controls > a:link {background-color: white; border: 3px solid white; color: #0963b1; text-decoration: underline;}
#controls > a:visited {background-color: white; border: 3px solid white; color: #0963b1; text-decoration: underline;}
#controls > a:hover {background-color: #0963b1; border: 3px solid white; color: white; text-decoration: none;}
#controls > a:active {background-color: white; border: 3px solid #0963b1; color: #0963b1; text-decoration: none;}

a:link {background-color: white; color: blue;}
a:visited {background-color: white; color: purple;}