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

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

div.miniContact { 	
	overflow: auto;
	font-family: Arial;
	font-size: 12px;
	width: 198px;
	xborder-top: 2px solid #aeb9d7;
	xborder-bottom: 2px solid #aeb9d7;
	background: #dcdcff; 	
}

form#miniContact { 
	padding: 15px 15px 15px 8px; 
	margin: 0;
}

/* Form elements
-------------------------------------------------------------- */
form#miniContact label      { float: left; clear: both; font-weight: bold; }
form#miniContact fieldset    { padding: 0; margin: 0; border: 0; }
form#miniContact legend     { font-weight: bold; font-size:1.2em; margin: 0 0 0 -8px; color: #000;}
form#miniContact p { margin: 8px 0; padding: 0; }
/* Form fields
-------------------------------------------------------------- */
form#miniContact input.text, form#miniContact textarea { width: 175px; _width: 175px; padding:5px; cursor: text;}
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 8px 0;
  border:1px solid #bbb;
}

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: 1em 0 0 0;
	width: 175px;
	background: #e9e9e9; 
	border: 1px solid #a0a0a0; 
	cursor: pointer;
}