/*---------------------------------------------------------------
-----------------------------------------------------------------
  
  forms.css
  * Default styling for forms
  * Version: 	4.0 (2009/12/29)
  * Author: 	Dean Bourque | http://www.sparkable.com/

/*---------------------------------------------------------------
---------------------------------------------------------------*/

/*---------------------------------------------------------------
  Fieldsets, legends, labels
---------------------------------------------------------------*/

fieldset {				padding: 0px; margin: 0; border: 0px solid #A6C9E2; }
legend {
	font-weight: bold;
    color: #444;
    padding: 5px 10px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border: 1px solid #aaa;
    background-color: #fff;
    -moz-box-shadow: 3px 3px 15px #bbb;
    -webkit-box-shadow: 3px 3px 15px #bbb;
    box-shadow: 3px 3px 15px #bbb; 
}
label { 				font-weight: bold; text-align: left; }

/*---------------------------------------------------------------
  Fields
---------------------------------------------------------------*/

input[type="checkbox"] { margin-right: 4px; }

input[type="text"],
input[type="password"],
select {		border: 1px solid #bbbbbb; background: #eeeeee; padding: 5px; margin-right: 2px; }
	select { padding-top: 4px; padding-bottom: 4px; }

input[type="text"]:focus,
input[type="password"]:focus,
select:focus        { border: 1px solid #999999; background: #ffffff; }

.half input[type="text"],
.half input[type="password"],
.half select {		float: left; width: 100%; margin-right: 0px; }

.third input[type="text"],
.third input[type="password"],
.third select {		float: left; width: 92%; margin-right: 0px; }

select.small,
select.small option		{ font-size: 85%; }

/* Textareas */
textarea            { margin: 2px 2px 2px 0; }
textarea            { border: 1px solid #bbbbbb; background: #eeeeee; padding: 5px; }
textarea:focus      { border: 1px solid #999999; background: #ffffff; }

fieldset textarea 	{ width: 98%; }

/* No Border */
input.noBorder,
select.noBorder,
textarea.noBorder {
  border: 0px solid #000; 
  background: none;
  padding: 0; margin: 0;
}

input.noBorder:focus,
select.noBorder:focus,
textarea.noBorder:focus      { border: 1px solid #999999; background: #ffffff; }

/*---------------------------------------------------------------
  Success, error & notice boxes for messages and errors
---------------------------------------------------------------*/

div.errors,
div.notices, 
div.success    { padding: 6px; margin-bottom: 5px; border: 2px solid #dddddd; }

div.errors     { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }
div.notices    { background: #FFF6BF; color: #817134; border-color: #FFD324; }
div.success    { background: #E6EFC2; color: #529214; border-color: #C6D880; }

.error { color: #D12F19; }
.good { color: #529214; }
input.error, 
select.error, 
textarea.error { background: #FBE3E4; border-color: #FBC2C4; }
input.good { background: #E6EFC2; border-color: #C6D880; }

.error a    { color: #D12F19; }
.notice a   { color: #817134; }
.success a  { color: #529214; }

#wrapper fieldset label.error { display: inline; float: none; clear: none; width: auto; }
#wrapper label.error { 	display: none; }
#wrapper fieldset label.good { display: inline; float: none; clear: none; width: auto; }

