/* @group Feedback Form */

div.form_div {
margin: 0 auto;
}

div.form_div input {
border: 2px solid #c2c2c2;
font-size: .7em;
background: white url(img/grad_gray_short.gif) repeat-x 0 -5px;
}

div.form_div textarea {
border: 2px solid #c2c2c2;
font-size: .7em;
background: white url(img/grad_gray_short.gif) repeat-x 0 -5px;
}

form#feedback {
width: 450px;
background-image: url(img/feedback_gradient_bg.gif);
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
}

table.fbt {

}

td.fbl {
text-align: center;
}

td.fbr {
text-align: center;
}


div.fbtitle {

border-bottom-style: solid;
border-bottom-color: #c0c0c0;
color: maroon;
border-top-color: #dc984b;
border-top-width: 2px;
background-color: white;
margin-bottom: 15px;
font: italic bold .8em "Lucida Grande", Lucida, Verdana, sans-serif;
}

div.fbtext {
width: 180px;
text-align: left;
border-color: red;
border-width: 1px;
padding-left: 10px;
padding-top: 10px;
padding-bottom: 5px;
line-height: 1.2em;
color: #97af71;
font-size: .8em;
}

label.fblabel {
line-height: .5em;
text-align: center;
float: none;
color: #626262;
font-size: .7em;
}



fieldset.fbfieldset {
  padding: 5px;      
  /* padding in fieldset support spotty in IE */
  margin: 0;
border: 3px none #dc984b;
}




form fieldset legend {
	font-size: .9em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

input.fbinput {
background: #efefef url(img/feedback_gradient_bg.gif) 0 110px;
border: 1px solid #dbdbdb;
height: 16px;
text-align: left;
font-size: .75em;

width: 170px;

margin-bottom: 12px;
color: #445435;
}

select.fbselect {
width: 170px;
background-color: white;



border: 1px solid #cfcfcf;
margin-left: 10px;
color: #343434;
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea, textarea.fbtextarea 
{ overflow: auto; }

textarea.fbtextarea {
border: 1px solid #dbdbdb;
width: 170px;
height: 80px;
text-align: left;
font-size: .75em;
color: #445435;
margin-right: 10px;
background: url(img/feedback_gradient_bg.gif) 0 160px;
}

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
border: 3px outset #9f4d18;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

input.fbsubmit {
background-color: #f2f2f2;

margin-right: 10px;
margin-bottom: 5px;
margin-top: 8px;
color: #444;
font-size: .8em;
}

/* @end */

