/* -------------------------------------------------------------- 
   
   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
   
-------------------------------------------------------------- */

form { color: #111; }

form p { padding: 0; clear: both; margin-bottom: 1em; }

span { display: inline; }

span.req { color: #fa100f; }

span.right { margin-left: 15px; }

label       { color: #333; font-weight: bold; }
label.desc { display: block; width: 150px; margin-bottom: 0.2em; }
label.field { font-weight: normal; font-style: normal; font-size: 9px; display: block; }

fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; color: #999; }


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

input { margin-bottom: 0.5em; color: #111; outline: none; }

input.text:focus, input.title:focus,
textarea:focus, select:focus { }

input.standard   { width: 280px; padding:5px; }
input.title   { width: 50px; padding:5px; }
input.firstName   { width: 125px; padding:5px; }
input.lastName   { width: 175px; padding:5px; }
input.address   { width: 590px; padding:5px; }
input.postcode   { width: 75px; padding:5px; }
input.telephone   { width: 175px; padding:5px; }
input.issue   { width: 20px; padding:5px; }
input.cvv   { width: 30px; padding:5px; }
input.large  { font-size:1.5em; }
input.search  { width: 250px; 
	background: #b5e0da url(/assets/images/search.gif) no-repeat right center; color: #464646; font: 11px Verdana, sans-serif; padding: 8px; }

input.float { float: left; }

input.submit { border: 1px solid #666; padding: 8px; background-color: #b5e0da; color: #000; }
textarea      { width: 390px; height: 250px; padding:5px; }
select 		  { padding:5px; }


/* Success, notice and error boxes
-------------------------------------------------------------- */

span.error,
span.notice, 
span.success    {  }

span.error      { color: #8a1f11; }
span.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
span.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
span.error a    { color: #8a1f11; }
span.notice a   { color: #514721; }
span.success a  { color: #264409; }

/* *** Validation */

input.validation-failed, textarea.validation-failed {
	color : #000;
}
input.validation-passed, textarea.validation-passed {
	color : #000;
}

.validation-advice {
	padding: 0;
	color : #FF3300;
	margin: 0 0 0 1.5em;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}