/* Remove this when pasting into your Stylesheet! */


/* END Remove This */

#contact p, label, legend { color:black; font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; }

#contact h1 { margin: 10px 0 10px; font-size: 24px; color: #333333; }
#contact hr { color: inherit; height: 0; margin: 6px 0 6px 0; padding: 0; border: 1px solid #d9d9d9; border-style: none none solid; }

#contact { font-size:10px;display: inline-block; width: 100%; text-align:left;margin: 0px auto; -moz-border-radius:5px; -webkit-border-radius:5px; }

/* Form style */

#contact label { display: inline-block; float: left; height: 14px; line-height: 14px; width: 155px; font-size: 12px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#contact input, #contact textarea, #contact select { width: 280px; margin: 0; padding: 5px; color: #666; background: #fff; border: 1px solid #ccc; margin: 5px 0; font:12px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; -moz-border-radius:5px; -webkit-border-radius:5px; }
#contact input:focus, #contact textarea:focus, #contact select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
#contact input.submit { width: 280px; cursor: pointer; border: 1px solid #222; background:#efefef; color:#fff; }
#contact input.submit:hover { background:#444;color:white; }
#contact input[type="submit"][disabled] { background:#888; cursor: default; }
#contact fieldset { background-color: rgb(247,247,247);padding:20px; border:1px solid #676767; moz-border-radius:5px; -webkit-border-radius:5px; }
#contact legend { background-color:#0f82cb;color:white;font-size:14px;padding:7px 10px; margin:auto;font-weight:bold;  border:1px solid #eee; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom:0 !important; margin-bottom:20px; }
#contact label.radio { display:block; width:100%; margin-top:10px; margin-bottom:5px; }
#contact span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */

#message { margin: 0 0 10px 0; padding: 0; }

.error_message { display: block; line-height: 22px; background: #FBE3E4 url('../img/error.gif') no-repeat 10px 6px; padding: 3px 10px 3px 35px; color:#8a1f11;border: 1px solid #FBC2C4; -moz-border-radius:5px; -webkit-border-radius:5px; }

ul.error_messages { margin: 0 0 0 15px; padding: 0; }
ul.error_messages li { height: 22px; line-height: 22px; color:#333; }

.loader { padding: 0 10px; }

#contact #success_page h1 { background: url('../img/success.gif') left no-repeat; padding-left:22px; }

acronym { border-bottom:1px dotted #ccc; }

#contact input[type="checkbox"] {
  width:20px !important;
  margin: 4px 0 0;
  margin-top: 1px \9;
  float: left;
  *margin-top: 0;
  line-height: normal;
  cursor: pointer;
}
#contact input[type="radio"] {
  width:20px !important;
}
