﻿/* D2 Contact Form CSS Stylesheet - change the values
below to alter the look and size of your form
http://www.d2computing.co.uk */


/* This is the overall width and font of your contact form, use a width in pixels eg 450px: */
#ContactFormContainer 
{
    width:450px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    }
/* This is the background colour of the input form: */
.D2ContactFormBackground{
  background:#CCCCCC;
}
.D2ContactForm{display:block}
.D2ContactForm *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#CCCCCC}
/* This is the width of the left column containing the 'Your Name:' etc text: */
.ContactFormLeftColumn 
{
    width:190px;
    padding: 5px;
    text-align:left;
    }
/* This is the appearance of the single line textboxes for user input: */
.ContactFormTextBox 
{
    width:210px;
    }
/* This is the appearance of the multi-line textarea for user input: */
.ContactFormTextArea 
{
    width:420px;
    }
/* This is the appearance of the rows that span 2 columns in width: */
.ContactFormDoubleColumn 
{
    text-align:center
    }
/* This is the style to apply curved edges to the form, adjust the color to your taste: */
.D2ContactForm1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f7f1f1;
  border-right:1px solid #f7f1f1;
  background:#f2e7e7}
.D2ContactForm2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fdfbfb;
  border-right:1px solid #fdfbfb;
  background:#f1e5e5}
.D2ContactForm3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #f1e5e5;
  border-right:1px solid #f1e5e5;}
.D2ContactForm4{
  border-left:1px solid #f7f1f1;
  border-right:1px solid #f7f1f1}
.D2ContactForm5{
  border-left:1px solid #f2e7e7;
  border-right:1px solid #f2e7e7}
.MailFormValidators 
{
    color:Red;
    font-weight:bold;
    }
