/*
  STRUCTURE
  
  - Search
  - Imports
  - Large Inline Simple Search
  - Sign in
  - Register
    - Errors
  - Choose fundraising page style
*/

/* ---------- Imports ----------*/
@import url("/main_site/stylesheets/donations.css");

/* ---------- Search ---------- */

div#search form {
	margin: 0;
	padding: 0;
}

div#search fieldset {
	margin: 0;
	padding: 0;
	border: none;
	text-align: center;
}

div#search form fieldset input.search {
	width: 60%;
	font-size: 1.1em;
}

/* ---------- Large Inline Simple Search ---------- */

form.large_inline_simple_search {
	margin: 0;
	padding: 0;
	text-align: center;
}

form.large_inline_simple_search fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

form.large_inline_simple_search .large {
	width: 20em;
	max-width: 80%;
	font-size: 1.5em;
}

/* ---------- Sign in ---------- */

form.sign_in {
	width: 40%;
	margin: 0 auto;
}

form.sign_in fieldset {
	border: none;
	border-top: 3px solid #008ddb;
	margin: 0 0 2em 0;
	padding: 1em 2em;
}

form.sign_in_charities fieldset
{
  border-top: 3px solid #662D91;
}

form.sign_in fieldset legend {
	font-size: 1.6em; /* Identical size to H2 in layout.css */
	color: #008ddb;
}

form.sign_in ol {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

form.sign_in ol li {
	margin-bottom: 1em;
}

form.sign_in label {
	display: block;
}

form.sign_in em.required {
	color: #ff6161;
}

form.sign_in input {
	font-size: 1.5em;
}

form.sign_in textarea {
	width: 90%;
}

form.sign_in input.button {
	font-size: 1em;
}

	/* ---------- Errors ---------- */

	form.sign_in fieldset ol li div.fieldWithErrors input, form.sign_in fieldset ol li div.fieldWithErrors select {
		background: #ffe5e5;
		border: 1px solid #ff6161;
	}
	
	div#errorExplanation h2, div#errorExplanation h3 {
		color: #000;
	}

/* ---------- Register ---------- */

form.register fieldset {
	border: none;
	border-top: 3px solid #008ddb;
	margin-bottom: 2em;
}

form.register fieldset legend {
	font-size: 1.6em; /* Identical size to H2 in layout.css */
	color: #008ddb;
}

form.register div.sub_column_left {
	float: left;
	width: 70%;
}

form.register div.sub_column_right {
	float: right;
	width: 30%;
}

form.register div.instructions_help_support {
	padding: 0.5em;
	border: 1px solid #e8e6bf;
	background: #fffffa;
	color: #aba000;
}

form.register ol {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

form.register ol li {
	margin-bottom: 1em;
	clear: both;
}

form.register label { /* Labels appear left of adjacent fields */
	display: block;
	float: left;
	width: 9em;
	padding-right: 1em;
	text-align: right;
}

form.register .radio label {
	width: auto;
	margin-left: 10em; /* Identical width + padding as default label to preserve asthetics */
}

form.register .radio label.last {
	margin-bottom: 1em; /* Apply this class to the last label in a list of radio buttons to preserve asthetics */
}

form.register .checkbox input {
	float: left;
}

form.register textarea {
	width: 50%;
}

form.register .checkbox label { /* Negate default label styling */
	float: left;
	width: auto;
}

form.register .fake_label_spacing { /* Imitates presence of a label to preserve asthetics */
	float: left;
	width: 10em; /* Identical width + padding as label */
	height: 1px;
}

form.register .fake_li_spacing { /* Imitates presence of a list element to preserve asthetics */
	width: 100%;
	height: 1em; /* Identical height to bottom margin for ordered list elements */
}

	/* ---------- Errors ---------- */

	form.register div.fieldWithErrors, form.register div#hero_image {
		float: left;
	}

	form.register fieldset ol li div.fieldWithErrors input, form.register fieldset ol li div.fieldWithErrors select {
		background: #ffe5e5;
		border: 1px solid #ff6161;
	}
	
/* ---------- Choose fundraising page style ---------- */

form.choose_fundraising_page_style fieldset {
	width: 350px;
	margin: 0 auto;
	padding: 0;
	border: none;
}

form.choose_fundraising_page_style fieldset div.colours {
	float: left;
	width: 100px;
	margin-top: 12px;
}

form.choose_fundraising_page_style fieldset div.preview {
	float: left;
}

form.choose_fundraising_page_style fieldset ol {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

form.choose_fundraising_page_style fieldset input.button {
	margin-top: 1em;
	clear: both;
}

/* ---------- Large Form ---------- */

form.large_form div.terms_and_conditions
{
  height: 100px; 
  padding: 0.5em; 
  border: 1px solid #999; 
  overflow: auto;
}

form.large_form fieldset {
	border: none;
	border-top: 3px solid #008ddb;
	margin: 0 0 2em 0;
	padding: 1em 2em;
}

form.large_form fieldset.same_as {
  border: 1px dashed #008ddb;
  background: #f5fafd;
}

form.large_form_single fieldset
{
  border: none;
  padding: 0;
}

form.large_form fieldset legend {
	font-size: 1.6em; /* Identical size to H2 in layout.css */
	color: #008ddb;
}

form.large_form_single ol,
form.large_form ol {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

form.large_form_single li,
form.large_form li {
	clear: both;
	margin-bottom: 1em;
}

form.large_form_single label,
form.large_form label {
	display: block;
}

form.large_form select.multiple {
  height: 6.5em;
}

form.large_form_single input, form.large_form_single select,
form.large_form input, form.large_form select {
	padding: 0.1em;
	font-size: 1.5em;
}

form.large_form_single input.file,
form.large_form input.button, form.large_form input.file {
	font-size: 1em;
}

form.large_form_single input.button {
  font-size: 0.75em;
}

form.large_form_single textarea,
form.large_form textarea {
	width: 80%;
	padding: 0.1em;
	font-size: 1em;
	font-family: Helvetica, Arial, sans-serif;
}

form.large_form_single div.check_box input,
form.large_form div.check_box input {
	float: left;
	margin-right: 0.5em;
}

form.large_form_single div.check_box div.wrapper,
form.large_form div.check_box div.wrapper {
	margin-left: 2em;
	margin-bottom: 1em;
}

form.large_form_single p.field_description, form.large_form_single div.fieldset_description,
form.large_form p.field_description, form.large_form div.fieldset_description {
	padding-bottom: 0.5em;
	color: #808080;
}

form.large_form abbr.required_marker {
	border: none;
	color: #008ddb;
}

form.large_form img.selected {
	border: 3px solid #808080;
	padding: 2px;
}

form.large_form_single .fieldWithErrors,
form.large_form .fieldWithErrors {
	padding: 1em;
	background: #ffe5e5;
	border: 1px solid #ff6161;
	color: #ff6161;
}

form.large_form span.optional {
  font-size: 0.875em;
  font-style: italic;
  color: #808080;
}

form.large_form table thead tr th
{
  font-weight: normal;
}

form.large_form table tbody tr th
{
  font-weight: normal;
  text-align: right;
}

form.large_form table thead tr th.equal,
form.large_form table tbody tr td.equal {
  width: 4em;
  text-align: center;
}

/* Override fieldWithErrors for check boxes and radio */
form.large_form .check_box div.fieldWithErrors,
form.large_form div.radio div.fieldWithErrors { 
	display: inline;
	padding: 0;
	background: none;
	border: 0;
}