body, 
#content,
.ui-widget, 
.ui-widget input, 
.ui-widget select, 
.ui-widget textarea, 
.ui-widget button {
	font-family: 'Source Sans Pro', sans-serif;
}



#crm-container input.form-submit,
#crm-container .crm-button input,
#crm-container .crm-button input.form-submit,
input.form-submit {
	border: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
	padding:0 24px 0 24px;
	height:24px;
	margin: 0 12px 0 12px;
	font: 12px/24px arvoitalic, Times, Garamond, "Times New Roman", serif;
	text-align: center;
	background: transparent url(../images/button_sprite-rev.png) no-repeat right -140px;
	color:#fff;
	-khtml-border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-shadow:none;
}
input.form-submit::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}


/* span.js-button:hover, span.js-button-hover { background-position: 0 -70px; } */
#crm-container input.form-submit,
#crm-container .crm-button input,
#crm-container .crm-button input.form-submit,
input#edit-next, input#edit-next-top, input#edit-next--2, input#edit-next--3, input#edit-next--4,
input#edit-button, input#edit-button--2, input#edit-button--3, input#edit-button--4,
input#editsave, input#edit-save
{
	float:right;
}
input#edit-login-submit {
	margin-top:1em;
}
input#edit-cancel, input#edit-prev, input#edit-prev-top, input#edit-back, input.cancel-button  {
	/* background-image:none; */
	background: transparent url(../images/prev-arrow.png) no-repeat;
	padding-left:16px;
	color:#f7a600;
	font-size:1.1em;
	float:left; /* QQQ added late, OK? */
}
/* -------------- Form Elements   ------------- */
/* QQQ background texture for fieldset*/
#crm-container fieldset,
fieldset {
  background: url(../images/bg-form.jpg) 0 0 repeat-y;
  border:0;
  clear: both; /* needed to clear team registration confirmation */
  margin-top: 10px;
  margin-bottom: 32px;
  padding: 0 0 10px;
  position: relative;
  top: 12px; /* Offsets the negative margin of legends */
}
/* QQQ background for a fieldset within a fieldset */
fieldset fieldset {
	background: url(../images/blue-rule.png) 0 0 no-repeat;
	background-position: center top;
	margin: inherit 0 0 0;
	padding-bottom:0;
}
.node-form .vertical-tabs .fieldset-wrapper {
  margin-top: 0;
}
.filter-wrapper {
  top: 0;
  padding: 1em 0 0.2em;
  -khtml-border-radius-topright: 0;
  -khtml-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.filter-help a {
  font-size: 0.857em;
  padding: 2px 20px 0;
}
.filter-wrapper .form-item label {
  margin-right: 10px;
}
.filter-wrapper .form-item {
  padding: 0 0 0.5em 0.5em;
}
.filter-guidelines {
  padding: 0 1.5em 0 0.5em;
}
fieldset.collapsed {
  background: transparent;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
/* QQQ add space for the fieldset legend*/
#crm-container fieldset,
.form-layout-compressed,
.fieldset-wrapper {
  padding: 65px 41px 41px 41px;
}
fieldset fieldset .form-layout-compressed {
  padding: 55px 0 0 0;
}
fieldset fieldset .fieldset-wrapper {
  padding: 55px 0 0 0;
}

/* QQQ style for fieldset legend*/
#crm-container fieldset legend,
fieldset legend {
  border-bottom: none;
  display: block;
  line-height: 2;
  position: absolute;
  text-shadow: 0 2px 0 #fff;
	margin: 0 0 0 20px;
	padding: 23px 0 0 21px;
}
#crm-container fieldset legend {
	margin: -45px 0 0 0;
	padding: 0;
}

.node-type-campaign fieldset legend {
	float: left;
	padding: 20px 0 20px 21px;
	position: relative;
	width: 100%;
}

.node-type-campaign fieldset fieldset legend {
	padding-left: 0;
}

/* QQQ style for the fieldset legend within another fieldset */
fieldset fieldset legend {
	color: #025c95;
	font: 15px/17px 'arvoregular', sans-serif;
	text-transform: uppercase;
	padding-left:0;
	margin-left:0;
}
/* QQQ style for Collapsible fieldset legends */
fieldset.collapsible legend,
fieldset.collapsed legend {
	padding: 12px 0 0 0;
}
fieldset.collapsible legend a{
	padding: 0 20px 0 37px;
	text-shadow: 2px 2px 0 rgba(193,247,255,0.75);
	/* color: #019ab0;
	background:none; */
}

fieldset.collapsed legend a:hover,
fieldset.collapsible legend a:hover{
	color: #6cd0e0;
	text-decoration:none;
}
html.js fieldset.collapsed .fieldset-legend,
html.js fieldset.collapsible .fieldset-legend {
	background:none;
}
/* END */
fieldset legend a {
  color: #3b3b3b;
}
fieldset legend a:hover,
fieldset legend a:focus,
fieldset legend a:active {
  color: #000;
}
fieldset .fieldset-description {
  margin: 5px 41px 1em 0;
	color: #019ab0;
	font: 13px/16px 'arvoregular', sans-serif;
  line-height: 1.4;
}

/* QQQ Add style to inpouts in general */
input {
	height: 34px;
	margin: 2px 0;
	padding: 0 0 0 8px;
	text-align: left;
	color: #019ab0;
	font: 14px/16px 'arvoregular', sans-serif;
}
/* QQQ prettier radio button spacing */
input.form-radio {
	height:auto;
}
div.form-radios {
	margin:0 0 8px 0;
}
textarea {
  line-height: 1.5;
}
.form-type-radio .description,
.form-type-checkbox .description {
  margin-left: 2px;
}
input.password-confirm,
input.password-field{
	width: 47%;
	height: 34px;
	margin: 0;
}
/* QQQ dropdown select fields */
select {
	z-index:98;
	padding: 0 0 0 8px;
	height:34px;
}
/* QQQ This doesn't work at all. Maybe something about positioning.
	z-index:99;
	height:34px;
	padding:10px 0 10px 0;
	-moz-box-shadow: inset 5px 5px 5px rgba(0,0,0,0.15);
	-webkit-box-shadow: inset 5px 5px 5px rgba(0,0,0,0.15);
	box-shadow: inset 5px 5px 5px rgba(0,0,0,0.15);
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
} */
/* Round corners, yellow borders, and an inset shadow. */
#crm-container .crm-section input[type="text"],
#crm-container .crm-section input[type="password"],
#crm-container input[type="text"],
#crm-container input[type="password"],
#crm-container select,
#crm-container .big,
select.big,
.contact-form #edit-name,
.contact-form #edit-mail,
.contact-form #edit-subject,
input.password-confirm,
input.password-field,
input.form-text,
.js-select option,
.js-select select,
textarea.form-textarea,
select {
	height:34px;
	border: 1px solid #ffd988;
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: inset 4px 4px 11px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 4px 4px 11px rgba(0,0,0,0.1);
	box-shadow: inset 4px 4px 11px rgba(0,0,0,0.1);
	padding: 0 0 0 8px;
}
/* QQQ long text areas */
textarea.form-textarea {
	padding: 4px 8px 4px 8px;
	height:auto;
}
.resizable-textarea .grippie {
	display:none
}
/* QQQ field label */
#crm-container .crm-section .label,
.crm-section .label,
div#crm-container label,
.form-item label {
	color: #222;
	margin: .5em 15px .5em  0;
	padding: 0;
	width: 100%;
	float: none;
	width: auto;
	text-align: left;
}
/* QQQ */
.form-item {
  margin:2px 0 1em 0;
}
/* QQQ checkbox label */
label.option,
.form-type-radios label.option {
  	color: #444;
	display: inline;
	font-weight: normal;
	text-align: left;
	float: none;
	width: 100%;
}
/* QQQ Styling for radio buttons without wrapping */
.form-radios{
	margin: 4px 0 4px 41px;
}
.form-type-radios label {
	float: none;
	width: 100%;
	text-align: left;
	color: #222;
}

/* override for search box */
/* Litza added background image/color rules to override google custom search background image */
input#edit-search-block-form--2, input.admin-menu-search {
	height:auto;
	border:0;
	outline: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
  background-image:none !important;
  background-color:transparent !important;
}
/* Disabled styling must come after normal styling */
input.js-textfield-disabled,
input.js-select,
input.js-textfield{
	width: 314px;
	height: 34px;
	margin: 0;
}
input.js-textfield-disabled{background:#eeeeee;}
input.js-select-disabled{background:#eeeeee;}
.form-disabled input{background:#eeeeee;}
.form-disabled label{color: #717171;}
.form-actions {padding-top: 10px;}

/* override CRM styles */
#crm-container input,
#crm-container .crm-section input {
	border: inherit;
	vertical-align:inherit;
	padding: 0 8px 0 8px;
	width:auto;
}
#crm-container .crm-section .content,
.crm-section .content {
	margin-left: 0;
}
.js-select {
		text-align: left;
		color: #019ab0;
		font: 13px/16px 'arvoregular', sans-serif;
}
#crm-container .crm-button {
	padding: 0;
	background: none;
	border: none;
}
/* QQQ Error Styling */
#crm-container .crm-error {
	background: none;
	border: none;
	padding: 4px;
	color:#CC0000;
}
span.crm-error{ display:none;}
span.crm-error-label{ display:inline;}
div.error, .error { color: #CC0000;}
/* QQQ */
#edit-add-button {
	background: url(../images/icon2.png) no-repeat !important;
	border: 0;
	color: #0183a1;
	font: 12px/19px 'arvoitalic', sans-serif;
	padding: 5px 0 9px 38px;
	width: auto;
	height:35px;
	margin-left:0;
}

#edit-add-button:hover {
	background-position:0 -50px !important;
	color:#f16b00;
}

.password-suggestions ul li {
  margin-left: 1.2em; /* LTR */
}
/* QQQ tweaks specific to password fields*/
.form-type-password {
  margin:0;
}
.password-strength {
	width: 47%;
	float: right;
	margin: 24px 0 0 0;
}
.confirm-parent, .password-parent {
	width: 100%;
}
/* QQQ Overwrite user.css */
.password-indicator div {
	background-color: #019ab0;
}
/* QQQ Overwrite user.css */
div.form-item div.password-suggestions {
	padding: 1em 1em 1em 2em;
	margin: 1em 0 0 0;
	width: 70%;
	border: 1px solid #ea7125;
}

/* Litza adjusted so that style will only be adjusted if the JS is working */
input.js-checkbox{
	/*background:url(../images/bg-checkbox.png) no-repeat;*/
	height: 27px;
	margin: 1px 10px 0 0;
	width: 27px;
	border:0;
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
}

input.js-checkbox-on{
  background-position:0 -27px;
}

/* Contact Form */
.contact-form #edit-name {
  width: 75%;
}
.contact-form #edit-mail {
  width: 75%;
}
.contact-form #edit-subject {
  width: 75%;
}
.contact-form #edit-message {
	width: 76.3%;
	-khtml-border-top-left-radius: 4px;
	-khtml-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	-moz-box-shadow: inset 4px 4px 11px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 4px 4px 11px rgba(0,0,0,0.1);
	box-shadow: inset 4px 4px 11px rgba(0,0,0,0.1);
}
.contact-form .resizable-textarea .grippie {
	width: 76%;
	-khtml-border-bottom-left-radius: 4px;
	-khtml-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

/* Disabled form elements */
input.form-button-disabled,
input.form-button-disabled:hover,
input.form-button-disabled:focus,
input.form-button-disabled:active,
.form-disabled input,
.form-disabled select,
.form-disabled textarea {
  color: #717171;
}

/* QQQ Participant table */
td.participant-edit {
	width:30px;
	border-right:none;
}
td.participant-delete {
	width:30px;
	border-left:none;
}

/* QQQ tables are too wide on forms */
#content .form-wrapper table, .form-wrapper table {width:95%;}

/* QQQ Team Options START
base= new team = edit-team-option-newteam
lt blue= existing team = edit-team-option-oldteam
orange = without = edit-team-option-individual */

/* position the throbber below the team option buttons */
#team-wrapper { position:relative; top:0; left:0; }
#team-wrapper .ajax-progress { position:absolute; top:180px; left:299px; }
#team-wrapper .noteam-button { position:absolute; top:45px; left:430px; } /* IE 7 kludge? */

/* replace next button with throbber */

img.submit-loading {
	display: none;
}

img.submit-loading {
	float: right;
	padding: 0 40px;
}

#team-wrapper.fundraiser-team-choice .fieldset-wrapper {
	padding: 45px 41px 15px 140px;
}

#team-wrapper.fundraiser-team-choice .noteam-button {
	float: left;
	position: relative;
	top: auto;
	left: auto;
}

input.newteam-button
{
    display: inline-block;
	height: 117px;
	width: 202px;
	padding: 0;
	overflow: hidden;
	border:0;
	background: url(../images/team-options.png) no-repeat;
    background-position: -5px -5px;
	margin: 0 0 0 -26px;
	float: left;
	text-indent:-4444px;
	text-transform: uppercase; /* IE 7 kludge? */
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
input.oldteam-button
{
    display: inline-block;
	height: 117px;
	width: 202px;
	padding: 0;
	overflow: hidden;
	border:0;
	background: url(../images/team-options.png) no-repeat;
	background-position: -5px -386px;
	margin: 0 0 0 6px;
	float: none;
	text-indent:-4444px;
	text-transform: uppercase; /* IE 7 kludge? */
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
input.noteam-button
{
    display: inline-block;
	height: 117px;
	width: 202px;
	padding: 0;
	overflow: hidden;
	border:0;
	background: url(../images/team-options.png) no-repeat;
	background-position: -5px -767px;
	margin: 0 -34px 0 0px;
	float: right;
	text-indent:-4444px;
	text-transform: uppercase; /* IE 7 kludge? */
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

input.newteam-button-active {background-position: -5px -132px;}
input.oldteam-button-active {background-position: -5px -513px;}
input.noteam-button-active {background-position: -5px -894px;}

input.newteam-button:hover {background-position: -5px -259px;}
input.oldteam-button:hover {background-position: -5px -640px;}
input.noteam-button:hover {background-position: -5px -1021px;}

div.form-item-new-team-name,
div.edit-team-option {
	clear: both;
}



/* This changes the throbber for all ajax progresses
with thanks to: http://www.antimath.info/css/change-throbber-in-drupal-7
and http://www.ajaxload.info */
.ajax-progress {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.ajax-progress .throbber {
  background: transparent url(../images/ajax-loader.gif) no-repeat 0px 0px;
  float: left;
  height: 42px; /* tweak this according to your gif */
  width: 42px; /* tweak this according to your gif */
  margin: 2px;
}
.ajax-progress .message { display:none;}

/* Works with JS to replace these three radio buttons with styled a-tags.
Abandoning this try try buttons instead since t\it disabled the Forms API JS.
With gratitude to: http://so.devilmaycode.it/is-there-an-easy-way-to-replace-radio-button-with-images-and-a-colored-border-fo/#
a.radio-fx span, a.radio-fx
{
    display: inline-block;
	height: 117px;
	width: 202px;
	padding: 0;
	overflow: hidden;
	border:0;
}
a#edit-team-option-newteam span, a#edit-team-option-newteam {
	background: url(../images/team-options.png) no-repeat;
    background-position: -5px -5px;
	margin: 0 0 0 -26px;
	float: left;
}
a#edit-team-option-oldteam span, a#edit-team-option-oldteam {
	background: url(../images/team-options.png) no-repeat;
	background-position: -5px -386px;
	margin: 0 0 0 6px;
	float: none;
}
a#edit-team-option-individual span, a#edit-team-option-individual {
	background: url(../images/team-options.png) no-repeat;
	background-position: -5px -767px;
	margin: 0 -34px 0 0px;
	float: right;
}
a#edit-team-option-individual span, a#edit-team-option-oldteam span, a#edit-team-option-newteam span {
	margin: 0;
	padding: 0;
	float: none;
}
a#edit-team-option-newteam:hover{background-position: -5px -259px;}
a#edit-team-option-oldteam:hover{background-position: -5px -640px;}
a#edit-team-option-individual:hover{background-position: -5px -1021px;}

#edit-team-option-newteam .radio-checked {background-position: -5px -132px;}
#edit-team-option-oldteam .radio-checked {background-position: -5px -513px;}
#edit-team-option-individual .radio-checked {background-position: -5px -894px;}

.form-item-team-option label {
	display:none;
	visibility:hidden;
}
*/
/* Tean Options END */

/* QQQ Registration Steps */
.registrations-steps ul{
	background:#d7faff;
	font:14px/16px 'arvoregular', sans-serif;
	margin:0;
	padding:20px 10px 20px 20px;
}
.registrations-steps li{
	background:url(../images/bg-steps.png) no-repeat 8px 50%;
	list-style:none outside;
	overflow:hidden;
	padding:5px 0 8px 41px;
	vertical-align:top;
	color:#0183a1;
}
h2.registrations-steps {
	color:#0183a1;
	font:20px/22px 'arvobold', sans-serif;
	margin:0 0 10px 0;
}
.registrations-steps li:first-child{background:url(../images/bg-steps4.png) no-repeat 8px 10px;}
.registrations-steps li:first-child.active{background:url(../images/bg-steps5.png) no-repeat 1px 2px;}
.registrations-steps li:last-child{background:url(../images/bg-steps3.png) no-repeat 8px -32px;}
.registrations-steps li:last-child.active{background:url(../images/bg-steps6.png) no-repeat 1px -35px;}
.registrations-steps li.active{background:url(../images/bg-steps2.png) no-repeat 1px 50%;}

/* QQQ Perhaps this belongs elsewhere but the registration steps block needed a bottom margin. */
div.registrations-steps{
	margin:0 0 20px 0;
}

/* checkout form - Litza added to hide cc icons next to PayPal payment option */
span#paypal-includes {
  display:none;
}

/* IE 7 styles */

#crm-container .crm-section input[type="text"] {
	*height: 16px;
	*margin-bottom: 6px;
	*padding: 4px;
}

#crm-container .crm-section {
	*min-height: 50px;
}

#alsf-campaigns-registration #edit-step-1 {
	clear: both;
}

#alsf-campaigns-registration #edit-step-7 {
	clear: both;
	width: 630px;
}

/* Collective participants */

#participants .form-wrapper tr td {
	font-size: 14px;
	height: 22px;
	padding: 14px 5px 10px 10px;
}

#participants .form-wrapper tr.odd td .js-button input.form-submit {
	margin-top: -4px;
}

#team-wrapper .fieldset-wrapper,
#participants .fieldset-wrapper {
	padding: 45px 41px 15px 41px;
}

#team-wrapper select {
	margin-top: 15px;
	width: 300px;
}

#edit-add-button {
	font-size: 14px;
}

#participants input.js-checkbox,
#mmr-needhelp input.js-checkbox {
	float: left;
	margin: 1px 5px 0 0;
}

#mmr-needhelp .ajax-progress .throbber {
  background: transparent url(../images/ajax-loader-sm.gif) no-repeat 0px 0px;
  float: left;
  height: 25px; /* tweak this according to your gif */
  width: 25px; /* tweak this according to your gif */
  margin: 0 2px -11px 2px;
}

/* Donate form - 4.23.14 */

.crm-contribution-main-form-block {
	background: #fffce1;
	border-top: 2px solid #f1d08a;
	padding: 25px;
}

#crm-container .crm-marker {
	color: #99dfe9;
}

.crm-section .label,
#crm-container .crm-section .label,
div#crm-container label {
	color: #222;
	font-size: 14px;
	margin: 0 0 4px;
}

#crm-container fieldset {
	background: none;
	border-top: 1px solid #f5e99c;
	margin-bottom: 15px;
	padding: 65px 0 0 0;
}

#crm-container fieldset legend, fieldset legend {
	color: #fa7224;
	font-family: arvobold, serif;
	font-size: 26px;
}

#crm-container .crm-section input[type="text"], #crm-container .crm-section input[type="password"], #crm-container input[type="text"], #crm-container input[type="password"], #crm-container select, #crm-container .big, select.big, .contact-form #edit-name, .contact-form #edit-mail, .contact-form #edit-subject, input.password-confirm, input.password-field, input.form-text, .js-select option, .js-select select, textarea.form-textarea, select {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#crm-container .crm-section input[type="text"],
#crm-container .crm-section select {
	color: #5c5c5c;
	font-size: 16px;
	height: 38px;
	width: 80%;
}

#crm-container .crm-section .other_amount-content input[type="text"] {
	width: 20%;
}

input#billingcheckbox,
div#crm-container .custom_29-section .content input,
div#crm-container .payment_processor-section .content input {
	float: left;
}

input#billingcheckbox {
	height: auto;
	margin-right: 4px;
}

div#crm-container .custom_29-section .content label,
div#crm-container .payment_processor-section .content label {
	color: #5c5c5c;
	float: left;
	font-size: 16px;
	margin: 0 10px 8px 4px;
}

div#crm-container .content span {
	clear: both;
}

div#crm-container span.description p {
	margin: -10px 0 25px;
}

.page-civicrm-event-register div#crm-container span.description p {
	margin: 10px 0 25px;
}

.page-civicrm-event-register input[type="checkbox"] {
	width: 30px;
}

.page-civicrm-event-register div#crm-container label {
	margin: 0 8px 0 1px;
}

div#crm-container span.description p a:link,
div#crm-container span.description p strong {
	font-size: 16px;
	font-weight: normal;
}

#crm-container .crm-section input#postal_code-1,
#crm-container .crm-section input#cvv2,
#crm-container .crm-section select.form-date {
	float: left;
	margin-right: 6px;
	width: 25% !important;
}

.cvv2-section img {
	margin-top: 8px;
}

.cvv2-section .description {
	clear: both;
}

/* Fundraising page search / donate form - 6.12.14 */

.page-civicrm-contribute-transact #content h2 {
	color: #0281a2;
	font-family: arvoregular, serif;
	font-size: 17px;
	margin: -.5em 0 1.3em;
}

.page-civicrm-contribute-transact #content .donate-page h2 {
	color: #fa7a31;
	font-family: arvobold, serif;
	font-size: 22px;
	margin: 0;
}

.page-civicrm-contribute-transact #content .crm-contribution-main-form-block h2 {
	color: #24aac4;
	font-family: arvobold, serif;
	font-size: 27px;
	margin: -0.2em 0 1em;
}

.page-civicrm-contribute-transact #printer-friendly {
	display: none;
}

.page-civicrm-contribute-transact #alsf-pfp-donate-search-form {
	background: #ffecc3;
	padding: 30px 30px 10px;
	position: relative;
}

.page-civicrm-contribute-transact #alsf-pfp-donate-search-form .js-button {
	position: absolute;
	top: 68px;
	right: 20px;
}

.page-civicrm-contribute-transact #alsf-pfp-donate-search-form input#edit-q {
	width: 460px;
}

.fundraiser-search-preview.donate-page {
	background: none;
	border-top: 1px solid #fec261;
	height: auto;
	margin: 20px 0 0;
	padding: 20px 0 0;
	width: 100%;
}

.fundraiser-search-preview.donate-page p {
	color: #5c5c5c;
	line-height: 130%;
	font-family: arvoregular, serif;
	font-size: 15px;
	padding: 8px 0 0;
}

.fundraiser-search-preview.donate-page li {
	background: #ffdda6;
	height: auto;
	line-height: 150%;
	min-height: 140px;	
	margin: 0 10px 0 0 !important;
	width: 156px;
}

.fundraiser-search-preview.donate-page li.last {
	margin: 0 !important;
}

.fundraiser-search-preview.donate-page li a {
	font-size: 16px;
	padding-bottom: 4px;
}

.fundraiser-search-preview.donate-page p.fundraiser-search-more {
	font-family: arvoitalic, serif;
	font-style: normal;
	padding: 20px 0 0;
}

#alsf-pfp-donate-search-form label {
	color: #5c5c5c;
	font-size: 16px;
}

#sidebar-top .ways-to-give .block-content {
	background: #fff;
	color: #5c5c5c;
	font-size: 15px;
	line-height: 130%;
}

#sidebar-top .block.ways-to-give a {
	color: #039eba;
	font-size: 16px;
}

#sidebar-top .ways-to-give dd {
	float: left;
	width: 80%;
}

#sidebar-top .ways-to-give dl {
	border-bottom: 1px solid #ffdab2;
	clear: left;	
	float: left;
	padding: 0 0 15px;
	width: 100%;
}

#sidebar-top .ways-to-give dl#phone {
	border-top: 1px solid #ffdab2;
	padding-top: 15px;
}

#sidebar-top .ways-to-give dl#mail {
	padding: 0;
}

#sidebar-top .did-you-know .block-content {
	background: #fff8ca;
	color: #5c5c5c;
	line-height: 130%;	
}

#sidebar-top .did-you-know ul {
	margin: 7px 7px 0 7px;
}

#sidebar-top .did-you-know li {
	margin-bottom: 7px;
}

/* RECAPTCHA STYLES */
div.recaptcha-section {
	padding: 8px 0 0;
}

#content .recaptcha-section table td:first-child,
#content .recaptcha-section table tr:last-child {
	border: none;
}

body.page-civicrm #content .recaptcha-section table td {
	padding: 0;
}

div#crm-container .recaptcha-section table label {
	color: #0298b9;
}

.page-pfp-team-log-miles .form-item.form-type-numberfield {
	margin: 30px 0 5px;
}

.page-pfp-team-log-miles input.form-text {
	border: 1px solid #ccc;
}

.page-pfp-team-log-miles .miles-total {
	text-align: center;
}

.page-pfp-team-log-miles .other-services span, 
.page-pfp-team-log-miles .miles-total span {
	color: #145ecc;
}

.page-pfp-team-log-miles input.form-submit {
    background: #003595;
    display: table;
    font-family: 'Zilla Slab';
    font-size: 20px;
    height: unset;
    margin: 20px auto;
    padding: 10px 30px;	
}