/*
Contact Form by html-form-guide.com
You can customize all the aspects of the form in this style sheet
All the style elements use form id selector(notice the #contactForm). So, including this
stylesheet does not affect the other elements at all!
*/
*, .reset {
margin:0;
padding:0;
}
.alignLeft {
text-align: left;
}
.alignCenter {
margin: 0 auto;
text-align: center;
}
.contact {
font-family: Verdana, sans-serif
}
.contact h3 {
color: #990000; /* red */
font-size: medium;
font-weight: bold;
padding: .25em 0 0 0;
}
#contactForm fieldset {
border: 0;
margin: 0;
padding: 0;
}
#contactForm legend {
font-size: 1.1em;
font-weight: bold;
color: #333;
}
#contactForm label {
font-size: 0.8em;
font-weight: bold;
}
#contactForm input[type="text"], textarea {
color: #000;
line-height: 1em;
margin: .2em;
padding: .1em;
vertical-align: middle;
}
#contactForm #scaptcha { /* image - leave as pixels */
width: 60px;
height: 18px;
}
#contactForm input[type="submit"] { /* button - leave as pixels */
width: 100px;
height: 30px;
padding-left: 0px;
}
#contactForm textarea {
width: 95%;
}
#contactForm input:focus, textarea:focus {
color: #009;
border: 1px solid #990000; /* deep red */
background-color: #ffff99;
}
#contactForm .container {
margin: .25em 0 0em 0;
}
#contactForm .error {
font-size: 0.7em;
color: #900;
background-color : #ffff00;
}
#contactForm fieldset#antispam {
padding: 2px;
border-top: 1px solid #EEE;
border-left: 0;
border-right: 0;
border-bottom: 0;
/* width: 350px;*/
}
#contactForm fieldset#antispam legend {
font-size: 0.8em;
font-weight: bold;
color: #333;
}
#contactForm .short_explanation {
font-size: 0.6em;
color: #333;
}
/* spam_trap: This input is hidden. This is here to trick the spam bots*/
#contactForm .spmhidip {
display: none;
width: 10px;
height: 3px;
}
#fg_crdiv {
font-size: 0.3em;
}
.redText {
color: #990000;
}
.xsmallText {
font-size: x-small;
}