/* -------------------------------------------------------------- 
   mini-form.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
-------------------------------------------------------------- */

/* Form Container
-------------------------------------------------------------- */

div.miniContact { 	
	overflow: auto;
	float: left;
	font-family: Arial;
	font-size: 12px;
	border: 0; 
	background: #d7ddfd;
	width: 213px; 	
	padding-bottom: 8px;
	background: #475D0B url(../images/mini_form_bottom.gif) no-repeat scroll center bottom;
}

form#miniContact { 
	padding: 15px; 
	margin: 0;
	background: #475D0B url(../images/mini_form_top.gif) no-repeat scroll center top;
}

form#miniContact table td{
	padding: 0 0 4px 0;
} 

/* Form elements
-------------------------------------------------------------- */
form#miniContact label      { float: left; font-size: 12px; clear: both; font-weight: bold; color: #FFF; }
form#miniContact fieldset    { padding: 0; margin: 0; border: 0; }
form#miniContact legend     { font-weight: bold; font-size:1.2em; margin: 0 0 8px -8px; color: #FFF; }
form#miniContact p { margin: 8px 0; padding: 0; }
/* Form fields
-------------------------------------------------------------- */
form#miniContact input.text, form#miniContact textarea { width: 170px; padding:3px; }
form#miniContact input.text { overflow-y: visible;}
form#miniContact textarea { height: 125px; }

form#miniContact input.text, form#miniContact textarea, form#miniContact select {
  float: left; clear: both;
  margin: 2px 0 0 0;
  border:1px solid #bbb;
  font-size: 12px;
}

form#miniContact input.text:focus, form#miniContact textarea:focus, form#miniContact select:focus {
  border:1px solid #666;
}

/* Form button
-------------------------------------------------------------- */
form#miniContact input.submitbutton { 
	padding: 0.25em 1em; 
	margin: 6px 0 0 0;  
	background: #e9e9e9; 
	border: 1px solid double #a0a0a0; 
	cursor: pointer;
}