a,a:link,a:visited,a:hover,a:active,a:focus
{
outline:0;
}
:focus
{
outline:0;
}
 
#formoutercontainer
{
margin:15px 0 0 0;
padding:0;
border:0;
}
 
#forminnercontainer
{
width:640px;
margin:10px 5px 0 5px;
padding:0;
background:transparent;
}
 
#forminnercontainer div.heading
{
border:0;
padding:0;
margin: 10px auto 10px;
}
 
#forminnercontainer div.heading p
{
text-align:center;
font-style:italic;
font-weight:500;
font-family:trebuchet,sans-serif;
font-size:13px;
padding:0;
margin:0;
}
 
fieldset
{
padding:0;
margin:0;
border:2px solid #ab0000;
-moz-border-radius:5px;
webkit-border-radius:5px;
border-radius:5px;
}
 
fieldset legend
{
/*
margin 0 auto does not work in all browsers, so use big 
margin-left to center the legend without using browser hacks 
*/
margin-left:250px;
padding:5px 10px;
font-family:arial,sans-serif;
font-weight:700;
font-size:20px;
font-style:italic;
background:#ab0000;
color:#ffffff;
}
 
label
{
float:left;
width:220px;
margin:0 10px 0 0;
text-align:right;
padding:3px 0 0 0;
}

label span
{
font-style:italic;
font-size:80%;
}
 
label.humantestlabel
{
margin:0 10px 0 0;
padding:2px 0 0 0;
width:220px;
text-align:right;
border:0px solid red;
}
 
.clearfix:after
{
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
font-size:0;
margin:0;
padding:0;
} 
 
.rowholder
{
float:left;
width:640px;
height:30px;
margin:0;
padding:0;
border:0;
background:transparent;
}
 
.rowholdertextarea
{
float:left;
width:640px;
height:100px;
margin:0;
padding:0;
border:0;
background:transparent;
}
 
.rowholderhumantest
{
float:left;
height:auto;
width:315px;
margin:20px 35px 5px 0;
padding:0;
border:0;
background:transparent;
border:0px solid blue;
}
 
/*
The "remaining" div is for the message re: countdown characters left. The padding-left is the sum of the label's padding plus the right margin of label above it - so it is flush left with the labels.  The clear:both is needed because of the floats set by the labels.
 */
 
#remaining
{
clear:both;
text-align:left;
font-size:12px;
font-family:trebuchet,sans-serif;
margin:0;
padding:0 0 0 230px;
}
 
/*
this is the span within the "remaining" div that the script drops the remaining numbers into
*/
#counter
{
color:red;
font-size:12px;
margin:0;
padding:0 4px 0 0;
}
  
/*
the "fields" div contains the form and is hidden by
the script when the "success" message is displayed
*/
#fields
{
margin:0;
padding:0;
border:0;
}

/* this is the container for the text that is added by the validation script */
#note
{
margin:0 auto;
width:650px;
padding:0;
border:0;
background:transparent;
}
 
#note .notification_ok
{
margin:20px auto;
padding:0;
border:0;
background:transparent;
}
 
#note .notification_ok h1
{
text-align:left;
font-weight:700;
padding:0;
margin:0 0 15px 0;
font-family:trebuchet,verdana,tahoma,sans-serif;
font-size:18px;
color:#000180;
text-decoration:none;
}
 
#note .notification_ok p
{
margin:0;
padding:0 0 10px 0;
text-align:justify;
font-weight:500;
font-family:trebuchet,verdana,tahoma,sans-serif;
font-size:15px;
color:#000000;
}
 
#note .notification_error
{
width:450px;
margin:0 auto;
padding:12px 20px 15px 20px;
text-align:left;
font-weight:500;
font-family:'trebuchet ms',sans-serif;
font-size:15px;
line-height:105%;
font-style:italic;
color:#ab0000;
background:#ffff80;
border:2px solid #ab0000;
-moz-border-radius:5px;
webkit-border-radius:5px;
border-radius:5px;
/***   ugh!  changing top border to 0 with 0 radius still leaves a few pixels of rounded border - should work but does not; negative top margin also does not work.  z-index might fix, but too much trouble, so best option is to lower the note div and separate it from the form's fieldset area.  ***/
margin-top:5px;
/*
border-top:0;
-moz-border-top-radius:0px;
webkit-border-top-radius:0px;
border-top-radius:0px;
*/
}
 
input
{
float:left;
width:380px;
border:solid 1px #efefef;
color:#000000;
font-family:arial,sans-serif;
font-size:16px;
font-weight:500;
font-style:normal;
text-align:left;
padding:3px 0 3px 6px; 
margin:0;
border:solid 1px #efefef;
background:#ffffff url(../images-css/bkg-bluegradient.png) repeat-x 0 -70px;
}

textarea
{
float:left;
width:380px;
color:#000000;
font-family:arial,sans-serif;
font-size:16px;
font-weight:500;
font-style:normal;
text-align:left;
padding:3px 0 3px 6px;
margin:0;
border:solid 1px #efefef;
background:#ffffff url(../images-css/bkg-bluegradient.png) repeat-x 0 -70px;
}
 
input:focus, textarea:focus
{
border:solid 1px #ab0000;
background:#ffffcc;
}
 
input.humantestinput
{
float:left;
text-align:left;
width:60px;
padding:3px 0 3px 6px; 
margin:0;
border:solid 1px #efefef;
background:#ffffff url(../images-css/bkg-bluegradient.png) repeat-x 0 -70px;
}

input.submitbutton
{
float:left;
width:150px;
margin:0 0 0 30px;
padding:0;
}

/*  set the "button" to be 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:20px 0 15px 0;
text-align:left;
float:left;
padding:0;
width:150px;
height:30px;
border:0;
background:transparent url(../images-css/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;
}

input, textarea, .clearFieldBlurred
{
background: #ededed;
background:#ffffff url(../images-css/bkg-bluegradient.png) repeat-x 0 -70px;
border: 1px solid #c7c7c7;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
font-family:georgia,serif;
font-size:16px;
/* 20141109 - added next line */
font-size:14px;
font-style:italic;
color: #878787;
/* 20141109 - added next line */
color:#cccccc;
outline: none; /*Remove Chrome and Safari glows on focus*/
}
	
input.active, textarea.active
{
background:#ffffe5;
border:1px solid #000180;
font-family:georgia,serif;
font-size:16px;
font-style:normal;
color:#000000;
font-weight:600;
}

/***   clearField activeClass:   ***/
.clearFieldActive
{
color:#000000;
font-style:normal;
font-family:trebuchet,sans-serif;
border: 1px solid #000180;
background:#ffffe5;
}