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

   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;	

	margin-top: 50px;

}



form#miniContact { 

	padding: 5px; 

	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 span.legend { 

	font-weight: bold; 

	font-size:1.4em;

	color: #005B9F;

	margin: 0 0 6px 0;

	display: block;

}

form#miniContact p { margin: 0; padding: 0; }

form#miniContact p a { margin: 6px 0 0 0; font-size: 10px; }

/* Form fields

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

form#miniContact input.text, form#miniContact textarea { width: 140px; }

form#miniContact textarea { height: 75px; }



form#miniContact input.text, form#miniContact textarea, form#miniContact select {

  float: left; clear: both;

  margin: 2px 0 4px 0;

  border:1px solid #bbb;

}



form#miniContact input.file {

	margin: 2px 0 4px 0;

}



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: 4px 0 4px 0;  
	color: #FFFFFF;

	background: #2475B6; 

	border: 3px double #a0a0a0; 

	cursor: pointer;

	width: 140px;

}