/*-------------------------*//*global form styles*//*-------------------------*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

/* define global form elements*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

form { margin: 0; padding: 0; }
fieldset { margin: 0; border: 0; padding: 0; }
fieldset div { margin: 0 0 10px; zoom: 1; }
fieldset div:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }

.formbox { border: 4px solid #f2f2f0; padding: 20px; margin: 20px 0; }
.formbox fieldset { margin: 0 0 20px; }
.formbox fieldset h2 { font-size: 1.66em; margin: 0 0 20px; }


fieldset .info { margin: 3px 0 0 170px; width: 318px; font-size: .83em; color: #999; }

legend{
	color:#000;
}

textarea{
	padding:2px;
	width:200px;	
	height:5em;
	margin:0 0 3px;
}

label, p.label {
	display:block;
	float: left;
	clear: left;
	width: 165px;
	padding:5px 5px 0 0;
	margin: 0;
	font-weight: bold;
	color: #000;
}

label em, p.label em {
	color: #666;
	font-weight: normal;
	font-style: normal;
	font-size: .95em;
	display: block;
}

label.terms {
  clear: none;
  width: auto;
}

label.terms input {
  margin-left: 0;
}

input.text, textarea{
	width:300px;
	padding:5px 8px;
	color:#666;
	border: 1px solid #999;
}

input.text.tiny { width: 80px; }
input.text.little { width: 130px; }
input.text.small { width: 180px; }

input.text:focus, textarea:focus {
	color: #333;
}

input.radio { margin: 0 5px 0 0; }
	
select{
	padding:2px;
	width:208px;
	margin:0 0 3px;
}

.charity_select_form select{
	padding:2px;
	width:208px;
	margin: 1px 3px 0 0;
	vertical-align:middle;
}

.charity_select_form{	float: right; padding-bottom: 10px; }
.update_button{ vertical-align: middle;}
.change_button{ float: right; margin-top: 24px;}

.radios label { float: none; clear: none; width: auto; font-weight: normal; color: #666; margin-left: 170px; }

.date select { width: 100px; }

.errors h2, #errorExplanation h2 { font-size: 1em; margin: 15px 12px 5px; }
#errorExplanation p { margin: 0 12px 7px; }
#errorExplanation ul { margin: 0; padding: 0; list-style: none; }
.errors p, .error, #errorExplanation li { color: #fff; background: #e51a1a; margin: 0 0 5px; padding: 5px 12px; zoom: 1; }
.errors ul, .error ul { color: #fff; background: #e51a1a; margin: 0 0 5px; padding: 5px 25px; }

.fieldWithErrors { clear: both;}

.fieldWithErrors input, .fieldWithErrors textarea, .fieldWithErrors select {
	border-color: #ea4848;
}

.checkboxes { margin-bottom: 5px;}
.checkboxes label { float: none; margin: 0 0 5px 170px; font-weight: normal; color: #666; padding-right: 0; width: 320px;}
.checkboxes input { vertical-align: middle; margin: 0 5px 0 0; }



.date_select select{
	width:100px;
}


/* submit buttons */

.formbox .buttons { padding: 20px 0 0 170px; margin: 0; }
.formbox .buttons input.submit { margin: 0 20px 0 0; float: left; }
.cancel_link { padding: 9px 0 0; margin: 0; font-weight: bold; }
.cancel_link a { padding-left: 14px; background: url(/images/bg_li.gif) no-repeat left; }

form.edit_basket .checkboxes { width: auto; text-align: right; }
form.edit_basket .checkboxes label { width: auto; margin-right: 5px; }
form.edit_basket .checkboxes input { vertical-align: middle; margin: 0 0 0 5px; }

/* filter forms */
 
.filter { text-align: right; margin: 0 0 20px; }
.filter * { display: inline; vertical-align: middle; margin-top: 0; margin-bottom: 0; float: none; }
.filter label { color: #515151; }
.filter select { padding: 1px; width: 150px; }
.filter option { display: block; }
#home_filter{
  float:right;
  /*width:300px;*/
}

/* error styles / ok */

.ok {
	background: #9c3 url(/images/ok.gif) no-repeat 10px 10px;
	padding: 9px 30px 7px;
	color: #fff;
	font-weight: bold;
	margin: 0 0 20px;
}

.ok p {
	margin: 0;
}