/***************************************************************************
 * Contact form styles for www.WorkDocx.org
 *
 * @Author - Fenwick Walker for Grafmix Limited [http://www.grafmix.co.uk]
 * @Date - 03.2009
 * @Copyright - (c) 2009 Workdocx Ltd
 ***************************************************************************/

/* Contact Form */
#Contact {
  width: 635px;
  margin: 2em auto;
  padding: 0;
  background: transparent url('../../img/contact/bg_middle.gif') top left repeat-y;
  color: #333;
  font-size: .9em;
}

#Contact h3 {
  margin: 0;
  padding: 20px;
  background: transparent url('../../img/contact/bg_top.gif') top left no-repeat;
  color: #333;
}

#Contact div.radioBox {
  padding: 0 0 0 20px;
  margin: 0 0 10px 0;
}

#Contact input.text {
  padding: 5px;
  margin: 0 0 5px 0;
  width: 350px;
  background: #f8f8f8;
}

#Contact div {
  padding: 5px 20px;
}

#Contact div#TextBox {
  padding: 5px 20px 20px;
}

#Contact div#TextBox label {
  margin: 0;
}

#Contact textarea {
  width: 575px;
  padding: 5px;
  font-family: Verdana, sans-serif;
  font-size: .9em;
  background: #f8f8f8;
  overflow: auto;
}

#Contact textarea, #Contact input.text {
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  border-top: 2px solid #ddd;
  border-left: 2px solid #ddd;
}

#Contact textarea:focus, #Contact input.text:focus {
  background: #fff;
  border-right: 1px solid #dce3c5;
  border-bottom: 1px solid #dce3c5;
  border-top: 2px solid #dce3c5;
  border-left: 2px solid #dce3c5;
}

#Contact div#ButtonBox {
  padding: 0 0 30px 0;
  margin: 20px 0 0 0;
  background: transparent url('../../img/contact/bg_bottom.gif') bottom left no-repeat;
  width: 640px;
}

#Contact div#ButtonBox input {
  padding: 10px 5px;
  background: #b1d23b url('../../img/contact/submitBG.gif') bottom right no-repeat;
  border: 1px solid #999;
  color: #fff;
  font-size: 1em;
  margin: 0 0 0 20px;
}

#Contact div#ButtonBox input:hover {
  background: #fff url('../../img/contact/submitBG.gif') bottom left no-repeat;
  color: #666;
  cursor: pointer;
}

#Contact p.form_error {
  margin: 0;
  color: #ff0000;
  padding: 0;
}

#ContentBlock_FullSpan p#ContactMessageReview {
  width: 80%;
  background: #f3f3f3;
  color: #333;
  padding: 1em;
  margin: 0 auto 2em;
}

div#Contact_review {
  width: 600px;
  padding: 20px;
  margin: 1em auto;
  background: #f4f4f4;
  color: #333;
}