/*---------------------------------------------------------------
-----------------------------------------------------------------
  
  forms.css
  * Default styling for forms
  * Version: 	4.0 (2009/12/29)
  * Author: 	Dean Bourque | http://www.sparkable.com/

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

/*---------------------------------------------------------------
  Fieldsets, legends, labels
---------------------------------------------------------------*/

fieldset {				padding: 14px; margin: 14px 0 0 0; border-top: 2px solid #D36A07; border-right: 0px solid #D36A07; border-bottom: 0px solid #D36A07; border-left: 0px solid #D36A07; /* -moz-border-radius: 3px; -webkit-border-radius: 3px; */ }
  #main fieldset {	padding: 14px; margin: 14px 0 0 0; border-top: 2px solid #D36A07; border-right: 0px solid #D36A07; border-bottom: 0px solid #D36A07; border-left: 0px solid #D36A07; /* -moz-border-radius: 5px; -webkit-border-radius: 5px; */ }
legend { 				font-size: 90%; color: #333; padding-left: 7px; padding-right: 7px; cursor: pointer; }
  #main legend {		display: none; }
label { 					font-weight: bold; text-align: left; }

#form label {			display: block; width: 120px; float: left; clear: left; }

.halfBlock {				display: block; width: 45%; float: left; text-align: left; padding-right: 5%; }
.halfBlock label {		clear: both; }
.halfBlock input {		float: left; width: 100%; }
.halfBlockFull {			display: block; width: 95%; float: left; }

.half {					display: block; width: 45%; float: left; text-align: left; padding-right: 5%; }
.half label {			clear: both; }
.half input[type="text"],
.half input[type="password"] {			float: left; width: 100%; }
.halfFull {				display: block; width: 95%; float: left; }


/*---------------------------------------------------------------
  Fields
---------------------------------------------------------------*/

input { 					margin: 0 2px 2px 0; }
input.text, 
input.title { 				border: 1px solid #bbbbbb; background: #eeeeee; }
input.text:focus,
input.title:focus { 		border: 1px solid #999999; background: #ffffff; }
input.title { 				font-size: 7px; }

input.longInput {			width: 400px; }

/* 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%; height: 64px; }

/* Select fields */
select              { margin: 0 2px 2px 0; }
/*
select              { border: 1px solid #cccccc; background: #f6f6f6; }
select:focus        { border: 1px solid #999999; background: #ffffff; }
*/

select.small,
select.small option		{ font-size: 85%; }

input.noFieldBox,
select.noFieldBox,
textarea.noFieldBox {
  border: 0px solid #000; 
  background: none;
  padding: 0; margin: 0;
}

.emailWidth { width: 180px; }
.zipWidth { width: 60px; }

/*---------------------------------------------------------------
  Submit
---------------------------------------------------------------*/

.signUpBut input,
.goBut input {
  display: inline-block;
  border: 1px solid #c0ac96; 
  padding: 0; margin: 0;
  overflow: hidden;
  text-indent: -999em;
  line-height: 1;
  cursor: pointer;
}

.signUpBut input {
  width: 77px; height: 22px;
  background: url('../../img/all/signup.gif') 0 0 no-repeat;
}

.goBut input{
  width: 37px; height: 22px;
  background: url('../../img/all/go.gif') 0 0 no-repeat;
}

.signUpBut input:hover,
.goBut input:hover {
  border: 1px solid #8f7864; 
}

/*---------------------------------------------------------------
  Success, error & notice boxes for messages and errors
---------------------------------------------------------------*/

.closeAlert {		position: absolute; top: 6px; right: 6px; display: block; width: 13px; height: 13px; padding: 3px; font-size: 13px; line-height: 1; overflow: hidden; border: 2px solid #ddd; }

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.errors .closeAlert     { color: #D12F19; border-color: #FBC2C4; }
div.notices    { background: #FFF6BF; color: #817134; border-color: #FFD324; }
	div.notices .closeAlert    { color: #817134; border-color: #FFD324; }
div.success    { background: #E6EFC2; color: #529214; border-color: #C6D880; }
	div.success .closeAlert   { color: #529214; border-color: #C6D880; }

#content fieldset label.error { display: inline; float: none; clear: none; width: auto; }
#content label.error { 	display: none; }
.error { color: #D12F19; }
input.error,
select.error,
textarea.error { background: #FBE3E4; border-color: #FBC2C4; }

#content fieldset label.good { display: inline; float: none; clear: none; width: auto; }
.good { color: #529214; }
input.good { background: #E6EFC2; border-color: #C6D880; }

.error a    { color: #D12F19; }
.notice a   { color: #817134; }
.success a  { color: #529214; }


/*---------------------------------------------------------------
  Secure Area
---------------------------------------------------------------*/

div.fileBox {
  display: block;
  width: 95%; height: 65px;
  overflow: auto;
  border: 1px solid #000;
}

form#headForm {
  text-align: right;
  display: block;
  margin: 0; padding: 5px;
  border-top: 1px solid #454545;
  border-bottom: 1px solid #454545;
  background: #121212;
}

form#headForm select option, 
form#headForm input {
  font-size: 85%;
}


#core input,
#core select 	{ 		background: #eeeeee; border: 1px solid #454545; }
#core input:focus,
#core select:focus  { 	background: #ffffff; }

#core textarea {
  width: 97%;
  height: 78px;
}