/* -----------------------------------------------

WOW Design Solutions Ltd
Secure and Accessible PHP Contact Form v.2.0 Basic Styles by Mike Cherim 
Created:  May 2008
Revision:  

----------------------------- */

/* for main form wrapping div */
div#gb_form_div {/* not styled on demo page */}

/* id for the form itself */
form#gb_form {/* not styled on demo page */}

/* outer fieldset - it's common to make this border:0; */

fieldset#formwrap {background-color:#FFF;
	padding:0;
	margin:0 0 20px;
	line-height:normal;
	border:none;
	border-collapse:collapse;}

/* section fieldsets - it's common to make this border:0; */
fieldset {margin:5px 0;
	padding:8px;
	line-height:normal;
	border:1px solid #8797A6;}

/* form legends and dt "heading" */
legend, dt {font-weight:bold; 
  color:#9C3;}

/* main legend at top of the form */
legend#mainlegend {font-size:large;
  color:#55686B;
	padding:5px 0;}

/* form label text */
label {color:#55686B;}

/* all inputs, select, and textarea */
input.med, input.short, select.med, textarea.textbox {color:#8797A6; 
  padding:2px;
  margin:4px 0;
  line-height:normal;
  border:1px solid #8797A6;
  background-color:#FFF;}
input.med, input.short, select.med {font-size:90%;}
textarea.textbox {font-size:105%;
	width:98%;}

/* to make focus stable in IE 6 */
* html input.button {color:#000;  
  border:1px solid #55686B;
  background-color:#55686B;}
* html input.button.hover {color:#000;  
  border:1px solid #000;
  background-color:#55686B;}
* html input.button.focus {color:#000;  
  border:1px solid #000;
  background-color:#55686B;}

/* hover and focus styling - the classes like .hover and .focus below are for the javascript for IE */
input.med:hover, input.med:focus, input.short:hover, input.short:hover, select.med:hover, select.med:focus, textarea.textbox:hover, textarea.textbox:focus, input.med.hover, input.med.focus, input.short.hover, input.short.focus, select.med.hover, select.med.focus, textarea.textbox.hover, textarea.textbox.focus {color:#000;  
  border:1px solid #9C3;
  background-color:#FFF;}

/* for the checkbox input */
input.checkbox {border:1px solid #9C3;
  background-color:#FFF;}

/* error heading weight and color - bold is for the error reason text */
span.error, dt.error, strong.error {color:#CD0000; 
  font-weight:bold;}

/* success heading color */
span.success {color:#55686B; 
  font-weight:bold;}

/* privacy and "Why?" small element link sizes (relative to their parent element */
small.privacy, small.whythis {font-size:80%;}

/* set up relativity to position small Why? text */
small.whythis {position:relative;}

/* Why? link style */
small.whythis a {text-decoration:underline; 
	color:#55686B; 
  font-size:0.95em;}

small.whythis a:hover, small.whythis a:focus, small.whythis a:active {text-decoration:none;
	color:#000;} 

/* hide the Why? text span */
small.whythis a span {border:1px solid #FFF; 
  background-color:#FFF; 
  padding:2px 4px; 
  color:#FFF;
  text-decoration:none;}

/* bring back Why? text span (title attribute backs this up for borwsers it doesn't function in */
small.whythis a:hover span, small.whythis a:focus span, small.whythis a:active span {border:1px solid #000; 
  background-color:#9C3; 
  color:#000;
  padding:2px 4px; 
  text-decoration:none;}

/* the link back to me for form credit */
p.creditline {float:right; 
  margin:-17px 0; 
  padding-bottom:1px; 
  font-size:80%;}

/* used for abbreviation used relative to form. the .abbr class is for the span added for IE */
abbr, .abbr {cursor:help; 
  border-bottom:1px dotted #999;}

/* set result color for blockquote dt "heading" */
dl#result_dl_blockq dt, dl.result_dl_blockq dt {color:#55686B;}

/* position result blockquote flush with parent */
dl#result_dl_blockq blockquote, dl.result_dl_blockq blockquote {margin-left:0;}

/* style the input names in the result */
div#hf_form_div span.items {font-weight:bold;
  color:#55686B;}
	
/* additional styles */
#Details, #FormDIV {clear:none;}
#FormDIV {float:left;
	width:460px;}
#Details {float:right;
	position:relative;
	top:48px;
	width:230px;}
#Details p {display:block;
	text-align:left;
	width:100%;}
.HiLite {color:#9C3;
	font-weight:bold;}
.Address, #Details p a {font-weight:bold;}
#Details p a {color:#9C3;}
#Details p a:hover {color:#000;}
a.Reset {color:#55686B;}
a:hover.Reset {color:#55686B;}

/* End CSS */