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

WOW Design Solutions Ltd
Author: Glynn Williams
Created: June 2008
Revision: 

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

/*----------------------------- DIVs */
#BrandingPic {background:#000 url(../images/branding_shots/red_shoes_branding_5.jpg) no-repeat right top;
	width:350px;
	height:260px;}
/*----------------------------- paragraphs and headers */
#RightColumn p {margin:0 0 10px;}

/* 
  Secure and Accessible PHP Contact Form v.2.0 Basic Styles by Mike Cherim 
  THESE ARE THE VARIOUS ELEMENTS, CLASSES, IDS, AND SELECTORS YOU MAY NEED FOR STYING THIS FORM
  Anchors or link elements have not been included, but everythig else is :-)
*/

/* 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;
	width:95%;
	padding:5px;
	margin-bottom:20px;
	border:1px solid #666;}

/* section fieldsets - it's common to make this border:0; */
#formwrap fieldset {margin:5px;
	padding:5px;
	border:1px solid #666;
	background: #FFF;}

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

/* main legend at top of the form */
#formwrap legend#mainlegend {font-size:large;
  color:#000;}

/* form label text */
#formwrap label {color:#666;}

/* all inputs, select, and textarea */
#formwrap input.med, #formwrap input.short, #formwrap select.med, #formwrap textarea.textbox {font-size:90%; 
  color:#666; 
  padding:2px;
  margin:4px 0;
  border:1px solid #666;
  background-color:#FFF;}
#formwrap textarea.textbox {font-size:100%;
	font-family:Arial, Helvetica, sans-serif;}
#formwrap input.med, #formwrap select.med, #formwrap textarea.textbox {width:97%;}

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

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

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

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

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

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

/* Why? link style */
#formwrap small.whythis a {text-decoration:underline; 
  font-size:0.95em;
	background:#FFF;}
#formwrap small.whythis a:hover, #formwrap small.whythis a:focus, #formwrap small.whythis a:active {text-decoration:none;} 

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

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

/* the link back to me for form credit */
#formwrap 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 */
#formwrap abbr, #formwrap .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:#900;}

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

/* style the #formwrap input names in the result */
div#hf_form_div span.items {font-weight:bold;
  color:#900;}
  
/* style the submit button */
#formwrap .FormButton {border: solid 1px #900;
	color:#666;
	margin-top:10px;}
#formwrap .FormButton:hover {color:#900;
	border: solid 1px #666;}  
/* End CSS */