/***   this is the CSS for the Contact Us form  ***/

/***  
  the "contactuswrapper" div contains the form and related content like 
  the divs filled by the validation script - this div is hidden by the
  jquery script when the "success" message is displayed.
***/

#contactuswrapper
{
margin:5px auto 0;
padding:0;
border:0;
background:transparent;
}

#contactuswrapper p
{
margin:0;
padding:0 0 10px 0;
border:0;
background:transparent;
vertical-align:baseline;
letter-spacing:0;
word-spacing:0;
font-weight:500;
font-style:normal;
font-variant:normal;
text-transform:none;
text-decoration:none;
text-align:justify;
text-indent:0;
font-family:verdana,arial,sans-serif;
color:#1a1a1a;
font-size:14px;
line-height:120%;
}

#formcontainer
{
margin:10px 0 15px 0;
padding:0;
border:0;
font-family:verdana,arial,sans-serif;
color:#1a1a1a;
font-size:14px;
line-height:120%;
}

.fieldwrapper
{
margin:0;
padding:0;
border:0;
background:transparent;
}

.inputrow
{
width:100%;
margin:0 10px 0 15px;
margin:0;
padding:0 0 10px 0;
text-align:left;
color:#000000;
font-weight:500;
font-family:verdana,arial,sans-serif;
color:#1a1a1a;
font-size:14px;
line-height:120%;
}

.labelrow
{
width:100%;
margin:0;
padding:0 0 2px 0;
text-align:left;
color:#000000;
font-weight:500;
font-family:verdana,arial,sans-serif;
color:#1a1a1a;
font-size:14px;
line-height:120%;
}

.rowshort
{
width:70%;
margin:0 auto;
}

.rowcenter
{
margin:0 auto;
text-align:center;
}

.asterisk
{
font-size:16px;
color:#ff0000;
font-weight:700;
}

label
{
margin:0;
padding:0 0 0 17px;
padding:0;
border:0;
font-style:normal;
font-weight:500;
font-family:verdana,arial,sans-serif;
color:#1a1a1a;
font-size:14px;
line-height:120%;
}

label span
{
font-style:italic;
font-size:10px;
line-height:10px;
}

 /* this div is for the message re: countdown of characters left  */
#remaining 
{
font-size:12px;
font-family:arial,sans-serif;
margin:0;
padding:0;
text-align:left;
}

/* 
this is the span within the "remaining" div that 
the script drops the remaining numbers into.  
*/
#counter 
{
color:red;
padding-right:4px;
background:transparent;
}

.clearFieldBlurred
{
font-style:italic;
color: #878787;
font-family:verdana,arial,sans-serif;
font-size:14px;
}

input,textarea
{
width:300px;
font-family:verdana,arial,sans-serif;
color:#1a1a1a;
font-size:15px;
line-height:120%;
height:25px;
border:2px solid #bf0000;
color:#000000;
margin:0;
padding:3px 3px 3px 5px;
background:#ffffff url(/contact/bkg-formgradient.png) 0px -50px repeat-x;
}

input:active,input:focus,input:hover,textarea:active,textarea:focus,textarea:hover
{ 
/**  ffffb3 is very pale yellow  **/
background:#ffffb3 url(/contact/bkg-formgradient.png) 0px -50px repeat-x;
border:2px solid #c4c4c4; 
color:#000000;
cursor:text;
}

textarea
{
/**  set initial height of web message area but allow to grow with content  **/
overflow:auto;
height:200px;
}

/*  sets the "button" on the Contact Us image   */
input#submitme, input#submitme a, input#submitme:link, input#submitme:visited,
input#submitme:hover, input#submitme:active, input#submitme:focus
{
margin:10px auto 5px;
text-align:center;
padding:0;
width:150px;
height:30px;
border:0;
background:transparent url(/contact/submitme.png) no-repeat;
background-position:center bottom;
cursor:pointer;
outline:0;
}

input#submitme:hover, input#submitme:active, input#submitme:focus
{
background-position:center top;
outline:0;
font-weight:500;
}

/***   all the above declarations are for the form itself   ***/

/***
this container is for the error or success messages that are displayed
on the page after it has been checked by the validation script
***/
#note
{
margin:5px auto;
padding:0;
border:0;
background:transparent;
font-family:verdana,arial,sans-serif;
color:#1a1a1a;
font-size:14px;
line-height:120%;
}

/***   
this is the container for any error messages from the validation script
***/
#note .notification_error
{
margin:0 auto 20px;
padding:15px;
background:#ffff80;
border:2px solid #ab0000;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
color:#ab0000;
font-style:italic;
font-weight:500;
line-height:105%;
text-align:left;
font-family:verdana,arial,sans-serif;
color:#1a1a1a;
font-size:14px;
}

#note .notification_error ul
{
list-style:square;
margin:0;
padding:0;
}

#note .notification_error ul li
{
margin: 0 0 5px 10px;
}

#note .notification_error ul li:last-child
{
margin: 0 0 0 10px;
}

/*  
the "successmesssage" div is appended by jQuery to the 
#note div AFTER the form has been successfully submitted 
*/
#successmessage
{
margin:20px auto 25px;
padding:0;
text-align:center;
border:0;
background:transparent;
}
#successmessage h1
{
text-align:center;
color:green;
font-weight:700;
margin:0 auto;
font-size:24px;
line-height:26px;
}