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

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

   Usage:
   * For text fields, use class .title or .text
   * For inline forms, use .inline (even when using columns)

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

label { padding-right:1em; }

fieldset { 
	border: 1px solid #ccc;
	padding:0.6em 1em 0.85em;
	margin: 0 0 1.5em 0;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	}
	
legend { font-weight:bold; }


/* Form fields
-------------------------------------------------------------- */


input[type=text], input[type=password], textarea, select {
	border:1px solid;
/*	border-color:#8E8E8E #B8B8B8 #B8B8B8 #8E8E8E;	*/
	border-color:#acacac #ddd #ddd #acacac;
	
	background-color:#fff;
	padding:2px; 
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	/* background-image:url("../../../images/_site/formCellDropShadow.gif"); */
	outline:none; /* chrome outline */
	
	margin:0px; 
	}
	
/* Hover */
input[type=text]:hover, input[type=password]:hover, textarea:hover, select:hover {
	border-color:#8E8E8E #B8B8B8 #B8B8B8 #8E8E8E;
	}
	
/* Focus */
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {
	border-color:#4d4d4d #7b7b7b #7b7b7b #4d4d4d;
	}
	
	
/* Radio Buttons & Checkboxes */
input[type=checkbox], input[type=radio] {
	position:relative; top:.25em;
	}
	
	
/* Table */
table.formTable {
	color:#666;
	}
	
td.alignTop {
	vertical-align:top;
	padding-top:0.5em;
	}
	
/* Input Border */
.inputBorder {
	background-color:#ececec;
	padding:3px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin:3px 0;
	}
	
.inputBorder input[type=text], .inputBorder input[type=password], .inputBorder textarea, .inputBorder select {
	margin:0;
	}