/*  Less Framework 4
    http://lessframework.com
    by Joni Korpi
    License: http://opensource.org/licenses/mit-license.php */

/* Selection colours (easy to forget) */

::selection 	 	{background: rgb(255,255,158);}
::-moz-selection 	{background: rgb(255,255,158);}
img::selection 		{background: transparent;}
img::-moz-selection	{background: transparent;}
body {-webkit-tap-highlight-color: rgb(255,255,158);}




/*      Default Layout: 992px. 
        Gutters: 24px.
        Outer margins: 48px.
        Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */


	body {
		text-align: left;
		-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
	}
	
	#formandright {
		padding: 0px 22px 22px 22px;
		background-color: #ffffff;
		width: 941px;
		margin: auto;
	}
	
	div.fw_footer_donate div.fw_footer_donate_inner {
		border-top: 15px solid #004c97;
		padding-top: 20px;
	}
	
	#phonemailright {
		display: inline-block;
		vertical-align: top;
		width: 276px;
		margin-left: 40px;
	}
	
	.thankyouextra {
		display: inline-block;
	}
	
	div.responsive {
		font-size: 1.5em;
		width: 615px;
	}
	
	div.donation-form-container.responsive {
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
		border: none;
		background-color: #ffffff;
		padding: 0px;
		position: relative;
	}
	
	div.donation-level-general-ask, div.html-caption-container {
		max-width: 100%;	
	}
	
	div.donation-level-amount-container {
		vertical-align: middle;
		padding: .5ex;
	}

	div.donation-level-user-entered {
		margin: 0px;
		padding-left: .5ex;
	}
	
	input[type="text"], #billing_addr_street1_row input, div.payment-field-container #responsive_payment_typecc_number_row input, #employer_street_row input, div.employer-address-container input#employer_street {
		width: 440px;
	}
	
	div.responsive input[type="text"], div.responsive input[type="number"], div.responsive input[type="password"], div.responsive textarea {
		border: 1px solid #333333;
	}
	
	div.responsive input#payment_typecc_cvvname {
		width: auto;
	}
	
	div.donation-level-input-container, div.generic-repeat-label-checkbox-container {
		padding: 0px;
	}

	select {
		border: 1px solid #333333;
		padding: 5px 7px;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-webkit-box-shadow: inset 3px 3px 3px #f0f0f0;
		-moz-box-shadow: inset 3px 3px 3px #f0f0f0;
		box-shadow: inset 3px 3px 3px #f0f0f0;
	}
	
	.custom-field-container select,
	#billing_addr_country_row select,
    #billing_addr_state_row select,
    #donor_addr_state_row select,
    #donor_addr_country_row select,
    #donor_occupation_row select,
    #shipping_addr_country_row select,
    #shipping_addr_state_row select,
    #tribute_notify_recip_state_row select,
    #tribute_notify_recip_country_row select,
    .custom-field-container select,
    div.employer-address-container select {
		width: 456px;
	}
	
	input[type="checkbox"], input#tribute_show_honor_fieldsname, input#donor_email_opt_inname, input#payment_typeach_confirmname {
		appearance: none;
		-moz-appearance: none; /* Firefox */
		-webkit-appearance: none; /* webkit */
		display: none;
	}
	
	input[type="checkbox"] + label {
		display: inline-block;
		padding: .15em .25em .15em .25em;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		background-color: transparent;
		background-size: 1em 1em;
	}
	
	input[type="checkbox"]:checked + label {
		background-color: #dbeaf1;
		background-size: 1em 1em;
	}
	
	input[type="checkbox"]:not(:checked) + label:before {
		content: "";
		display: inline-block;
		vertical-align: middle;
		text-align: center;
		background-color: #ffffff;
		width: 1em;
		height: 1em;
		border: 2px solid #333333;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
	}
	
	input[type="checkbox"]:checked + label:before {
		content: "\2714";
		display: inline-block;
		vertical-align: middle;
		text-align: center;
		background-color: #ffffff;
		width: 1em;
		height: 1em;
		border: 2px solid #333333;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
	}
	
	input[type="radio"] {
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
		display: inline-block;
		vertical-align: middle;
		text-align: center;
		background-color: #ffffff;
		width: 1em !important;
		height: 1em !important;
		overflow: hidden;
		border: 2px solid #333333;
		border-radius: 1em;
		-moz-border-radius: 1em;
		-webkit-border-radius: 1em;
	}
		
	input[type="radio"]:checked {
		background-color: #333333;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iNDQlIiBzdG9wLWNvbG9yPSIjMzMzMzMzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjNzI3MjcyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTMlIiBzdG9wLWNvbG9yPSIjZGRkZGRkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-radial-gradient(center, ellipse cover, #333333 44%, #727272 50%, #dddddd 53%, #ffffff 60%);
		background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(44%,#333333), color-stop(50%,#727272), color-stop(53%,#dddddd), color-stop(60%,#ffffff));
		background: -webkit-radial-gradient(center, ellipse cover, #333333 44%,#727272 50%,#dddddd 53%,#ffffff 60%);
		background: -o-radial-gradient(center, ellipse cover, #333333 44%,#727272 50%,#dddddd 53%,#ffffff 60%);
		background: -ms-radial-gradient(center, ellipse cover, #333333 44%,#727272 50%,#dddddd 53%,#ffffff 60%);
		background: radial-gradient(ellipse at center, #333333 44%,#727272 50%,#dddddd 53%,#ffffff 60%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#ffffff',GradientType=1 );
	}

	input[type="checkbox"] + label:active {
		background-color: #fd7f04;
	}
	
/*
	input[type="radio"] + label {
		display: block;
		padding-top: .15em;
		padding-right: .25em;
		padding-bottom: .15em;
		padding-left: 1.5em;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		background: transparent url('https://secure3.convio.net/smile/images/content/pagebuilder/radio-off.png') no-repeat .25em .25em;
		background-size: 1em 1em;
	}
	
	input[type="radio"]:checked + label {
		background: #dbeaf1 url('https://secure3.convio.net/smile/images/content/pagebuilder/radio-on.png') no-repeat .25em .25em;
		background-size: 1em 1em;
	}
*/

	input[type="radio"] + label:active {
		background-color: #fd7f04;
	}
		
	.custom-field-container select {
		max-width: none;
	}
	
	#payment_typecc_exp_date_MONTH, #payment_typecc_exp_date_YEAR {
		width: auto;
	}
	
	div.responsive a.step-button, div.responsive button.step-button, div.responsive button.action-button
	{
    background: #C41230;
	background-color: #C41230;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de3451', endColorstr='#C41230');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#de3451', endColorstr='#C41230')";
    background-image: -ms-linear-gradient(top, #C41230, #C41230);
    border: 1px solid #cc6633;
    color: #ffffff;
	padding: .5em 1em;
	text-transform: uppercase;
	}
	
	div.responsive a.step-button:hover,
div.responsive button.step-button:hover,
div.responsive button.action-button:hover {
    /* background */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de3451', endColorstr='#C41230');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#de3451', endColorstr='#C41230')";
    background-image: -ms-linear-gradient(top, #de3451, #C41230);
    background-image: -webkit-linear-gradient(top, #de3451, #C41230);
    background-image: -moz-linear-gradient(top, #de3451, #C41230);
    background-image: -o-linear-gradient(top, #de3451, #C41230);
    background-image: linear-gradient(top, #de3451, #C41230);
}

div.responsive a.step-button:active,
div.responsive button.step-button:active,
div.responsive button.action-button:active {
    filter: none;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C41230', endColorstr='#de3451');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#C41230', endColorstr='#de3451')";
 background-image: -ms-linear-gradient(top, #de3451, #C41230);
    background-image: -webkit-linear-gradient(top, #de3451, #C41230);
    background-image: -moz-linear-gradient(top, #de3451, #C41230);
    background-image: -o-linear-gradient(top, #de3451, #C41230);
    background-image: linear-gradient(top, #de3451, #C41230);
    border-color: #cc6633;
    color: #ffffff;
}

div.responsive a.next-step,
div.responsive button.next-step,
div.responsive button.finish-step {
    float: none;
}

div.responsive button.step-button {
	max-width: none;
}

#thankyoucontainer {
	width: 941px;
	vertical-align: top;
	margin-top: 5px;
}

#thankyoumain {
	width: 463px;
	display: inline-block;
	vertical-align: top;
}

#thankyoumain h1 {
	font-size: 2em;
	font-weight: normal;
	margin: 0px;
}

#showimage {
	width: 905px;	
}

#thankyoumobilesummary {
	display: none;
}

#mobilehead {
	display: none;
}

#level_standard_row span.field-required, #level_standard_row span.FormLabelText, #level_standard_row span.aural-only {
	display: none;
}



#tribute_show_honor_fields_row div.form-content {
	display: block;
	margin-top: 20px;
}
#tribute_show_honor_fields_row span.check-box-form-label-text {
	margin-top: 20px;
	margin-bottom: 12px;
	border-top: 1px solid #ccc;
	padding-top: 20px;
	color: #004c97;
	font-family: arial,sans-serif;
	font-size: 1.083em;
	font-weight: bold;
}

div.responsive div.ErrorMessage.page-error>span.field-error-text {
	width: 560px;
}

div.responsive div.ErrorMessage.page-error>span.field-error-indicator, .mobile div.responsive div.ErrorMessage.page-error>span.field-error-indicator {
	vertical-align: middle;
}

#mobileclicktocall {
	display: none;
	margin: 0px;
	padding: .15em .25em .15em .25em;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #dbeaf1;
	background-size: 1em 1em;
}

.payment-type-selection-container.payment-field-container h3, #payment_cc_container h3 {
	display: none;
}

#responsive_payment_typecc_type_row div.form-content {
	margin-top: 4px;
}

#responsive_payment_typecc_type_row:before {
	content: "We Accept:";
	display: block;
	margin-top: 8px;
}

.payment-type-label img {
	vertical-align: middle;
	margin-bottom: 1px;
}

div.payment-field-container span.external-payment span.payment-type-option {
	padding: 7px 20px;
}

#donor_email_opt_in_Row, .mobile #donor_email_opt_in_Row {
	font-size: 8pt;
}

#mobilehead #mobilemenu {
	cursor: pointer;
	float: right;
	height: 46px;
	width: 46px;
	background-image: url('https://secure3.convio.net/smile/images/content/pagebuilder/mobilemenu.jpg');
	background-position: -46px 0px;
	background-repeat: no-repeat;
}

#mobilehead.hidemenu #mobilemenu {
	background-position: 0px 0px;
}

#mobilehead.hidemenu #mobilenavitems {
	display: none;
}

#mobilenavitems ul {
	list-style-type: none;
	padding: 0px;
	margin: 1em 0px 1em 0px;
	font-size: 1.5em;
}

#mobilenavitems ul li {
	background-color: #dbeaf1;
	padding: .25em .5em .25em .5em;
	margin-top: .5em;
}

#mobilenavitems ul li:first-child {
	margin-top: 0px;
}

#mobilenavitems ul li a {
	color: #3596D4;
	text-decoration: none;
	display: block;
}

#donatenow {
	padding: 0px;
	margin: 0px;
	background-color: #004c97;
	color: #ffffff;
	vertical-align: middle;
	font-family: Arial;
	font-size: 1.5em;
	font-weight: bold;
	position: relative;
	top: 0px;
	left: 0px;
	max-width: 615px;
}

#donatenow span {
	padding: .5em;
	display: block;
}

#dpintro {
	display: block;
}

#dpbanner {
	display: block;
	margin: 0px 0px 1em 0px;
	width: 941px;
	height: auto;
}

#dptext p {
	
}


label[for=asdf_dropdown]
{
margin-top: 20px;
margin-bottom: 12px;
border-top: 1px solid #ccc;
padding-top: 20px;
color: #004c97;
font-family: arial,sans-serif;
font-size: 1.083em;
font-weight: bold;
display: inline-block;
width: 615px;
}








@media handheld {
#tribute_show_honor_fields_row div.form-content {
	display: none;
}
#tribute_show_honor_fields_row span.check-box-form-label-text {
	display: none;
}
label[for=asdf_dropdown], #asdf_radio + label, div.custom-field-container + div.custom-field-container + div.custom-field-container
{
	display: none;
}
}


/* ********************************************************** */
/* Media Query Overrides                                      */
/* ********************************************************** */

/*      Tablet Layout: 768px.
        Gutters: 24px.
        Outer margins: 28px.
        Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width: 768px) and (max-width: 991px) {

	
.tray {
display: none;
}

.fa.fa-bars.ico._0{
display:none;
}

.fa.fa-times.ico._1{
display:none;
}


div.fw_header {
		display: none;
	}
	
	#mobilehead {
		display: block;
		margin-bottom: 20px;
	}
	
#mobilehead #mobilemenu {
		height: 60px;
		width: 60px;
		background-image: url('https://secure3.convio.net/smile/images/content/pagebuilder/tabletmenu.jpg');
		background-position: -60px 0px;
		background-repeat: no-repeat;
	}

	.mobile #formandright {
		padding: 25px;
		width: 712px;
		margin: auto;
	}
	
	#donatenow {
		max-width: 712px;
	}

	#dpintro {
		display: none;
	}

	#dpbanner {
		display: none;
	}

	#dptext p {
		
	}
	
	div.fw_footer_donate div.fw_footer_donate_inner {
		width: 712px;
	}
	    
	.mobile div.responsive {
        width: 712px;
		font-size: 2.5em;
	}
	
	#mobilenavitems ul {
		font-size: 2.5em;
	}
	
	div.donation-level-input-container, div.generic-repeat-label-checkbox-container {
		padding: 10px 0;
	}
	
	.mobile input[type="text"],
	.mobile #billing_addr_street1_row input,
	.mobile #billing_addr_street2_row input,
	.mobile #billing_addr_street3_row input,
	.mobile #billing_addr_country_row input.ui-autocomplete-input,
	.mobile #donor_addr_street1_row input,
	.mobile #donor_addr_street2_row input,
	.mobile #donor_addr_street3_row input,
	.mobile #donor_addr_country_row input.ui-autocomplete-input,
	.mobile #shipping_addr_street1_row input,
	.mobile #shipping_addr_street2_row input,
	.mobile #shipping_addr_street3_row input,
	.mobile #shipping_addr_country_row input.ui-autocomplete-input,
	.mobile #tribute_notify_recip_street1_row input,
	.mobile #tribute_notify_recip_street2_row input,
	.mobile #tribute_notify_recip_street3_row input,
	.mobile #tribute_notify_recip_country_row input.ui-autocomplete-input,
	.mobile #tribute_signature_row input,
	.mobile #tribute_message_closing_row input,
	.mobile div.employer-address-container input#employer_street,
	.mobile #responsive_payment_typecc_number_row input#responsive_payment_typecc_numbername {
		width: 348px;
		max-width: none;
	}
	
	.mobile .custom-field-container select,
	.mobile #billing_addr_country_row select,
    .mobile #billing_addr_state_row select,
    .mobile #donor_addr_state_row select,
    .mobile #donor_addr_country_row select,
    .mobile #donor_occupation_row select,
    .mobile #shipping_addr_country_row select,
    .mobile #shipping_addr_state_row select,
    .mobile #tribute_notify_recip_state_row select,
    .mobile #tribute_notify_recip_country_row select,
    .mobile .custom-field-container select,
    .mobile div.employer-address-container select {
		width: 364px;
		max-width: none;
	}
	
	.mobile div.html-caption-container {
		width: 100%;
	}
	
	div.responsive input#payment_typecc_cvvname {
		width: auto;
	}

	#countrypara {
		display: none;
	}
	#nortonverisigncontainer {
		display: none;
	}
    .mobile div.responsive {
        width: 712px;
    }
  
    .resp-debug.mobile  div.responsive{
      border: 2px dotted blue!important;
    }

    
    /* Page level errors */
    .mobile div.responsive div.ErrorMessage.page-error {
      width: 702px;
    }
    
    /* Page level error text */
    .mobile div.responsive div.ErrorMessage.page-error>span.field-error-text {
        width: 656px;
    }
	
	#phonemailright {
		display: none;
	}
	
	div.thankyouextra {
		display: none;	
	}
	
	#thankyoucontainer {
		width: 712px;	
	}

	#thankyoumain {
		width: 712px;	
	}
	
	#thankyoumain h1 {
		background-color: #9dd7eb;
		color: #ffffff;
		vertical-align: middle;
		font-family: Arial;
		font-size: 1.5em;
		font-weight: bold;
		padding: .5em;
	}
	
	#showimage {
		width: 690px;
	}
	
	#thankyouprint {
		display: none;
	}
	
	#thankyoumobilesummary {
		display: inline-block;
		width: 712px;
	}
	
	#tribute_show_honor_fields_row div.form-content {
		display: none;
	}
	
	#tribute_show_honor_fields_row span.check-box-form-label-text {
		display: none;
	}

	div.payment-field-container span.external-payment span.payment-type-option {
		padding: 10px 20px;
	}
	
	label[for=asdf_dropdown], #asdf_radio + label, div.custom-field-container + div.custom-field-container + div.custom-field-container
	{
		display: none;
	}


}




/*      Mobile Layout: 320px.
        Gutters: 24px.
        Outer margins: 34px.
        Inherits styles from: Default Layout.
        Displays red border in debug mode.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

@media only screen and (max-width: 767px) {

.tray {
display: none;
}


.fa.fa-bars.ico._0{
display:none;
}

.fa.fa-times.ico._1{
display:none;
}




	div.fw_header {
		display: none;
	}
	
	#mobilehead {
		display: block;
	}

	#mobilehead .mobilelogo, #mobilehead #mobilemenu {
		height: 46px;
	}
	
	.mobile #formandright {
		padding: 10px;
		width: 252px;
		margin: auto;
	}
	
	#dpintro {
		display: none;
	}
	
	#dpbanner {
		display: none;
	}

	#dptext p {
		
	}
	
	div.fw_footer_donate div.fw_footer_donate_inner {
		width: 252px;
	}
	
	.mobile div.responsive {
        width: 252px;
		font-size: 1.5em;
	}
	
	.mobile div.donation-form-container.responsive {
		padding: 0px;
	}
	
	div.donation-level-input-container, div.generic-repeat-label-checkbox-container {
		padding: 0px;
	}
	
	input[type="checkbox"], div.form-row.form-checkbox div.form-content>input {
		display: none;
	}

	.mobile input[type="text"],
	.mobile #billing_addr_street1_row input,
	.mobile #billing_addr_street2_row input,
	.mobile #billing_addr_street3_row input,
	.mobile #billing_addr_country_row input.ui-autocomplete-input,
	.mobile #donor_addr_street1_row input,
	.mobile #donor_addr_street2_row input,
	.mobile #donor_addr_street3_row input,
	.mobile #donor_addr_country_row input.ui-autocomplete-input,
	.mobile #shipping_addr_street1_row input,
	.mobile #shipping_addr_street2_row input,
	.mobile #shipping_addr_street3_row input,
	.mobile #shipping_addr_country_row input.ui-autocomplete-input,
	.mobile #tribute_notify_recip_street1_row input,
	.mobile #tribute_notify_recip_street2_row input,
	.mobile #tribute_notify_recip_street3_row input,
	.mobile #tribute_notify_recip_country_row input.ui-autocomplete-input,
	.mobile #tribute_signature_row input,
	.mobile #tribute_message_closing_row input,
	.mobile div.employer-address-container input#employer_street,
	.mobile #responsive_payment_typecc_number_row input#responsive_payment_typecc_numbername {
		width: 236px;
		max-width: none;
	}

	.mobile .custom-field-container select,
	.mobile #billing_addr_country_row select,
    .mobile #billing_addr_state_row select,
    .mobile #donor_addr_state_row select,
    .mobile #donor_addr_country_row select,
    .mobile #donor_occupation_row select,
    .mobile #shipping_addr_country_row select,
    .mobile #shipping_addr_state_row select,
    .mobile #tribute_notify_recip_state_row select,
    .mobile #tribute_notify_recip_country_row select,
    .mobile .custom-field-container select,
    .mobile div.employer-address-container select {
		width: 252px;
		max-width: none;
	}
	
	.mobile div.form-error input[type="text"],
	.mobile div#billing_addr_street1_row.form-error input,
	.mobile div.form-error #billing_addr_street2_row input,
	.mobile div.form-error #billing_addr_street3_row input,
	.mobile div.form-error #billing_addr_country_row input.ui-autocomplete-input,
	.mobile div.form-error #donor_addr_street1_row input,
	.mobile div.form-error #donor_addr_street2_row input,
	.mobile div.form-error #donor_addr_street3_row input,
	.mobile div.form-error #donor_addr_country_row input.ui-autocomplete-input,
	.mobile div.form-error #shipping_addr_street1_row input,
	.mobile div.form-error #shipping_addr_street2_row input,
	.mobile div.form-error #shipping_addr_street3_row input,
	.mobile div.form-error #shipping_addr_country_row input.ui-autocomplete-input,
	.mobile div.form-error #tribute_notify_recip_street1_row input,
	.mobile div.form-error #tribute_notify_recip_street2_row input,
	.mobile div.form-error #tribute_notify_recip_street3_row input,
	.mobile div.form-error #tribute_notify_recip_country_row input.ui-autocomplete-input,
	.mobile div.form-error #tribute_signature_row input,
	.mobile div.form-error #tribute_message_closing_row input,
	.mobile div.form-error div.employer-address-container input#employer_street
	.mobile #responsive_payment_typecc_number_row input#responsive_payment_typecc_numbername {
		width: 210px;
		max-width: none;
	}
	
	.mobile div.form-error .custom-field-container select,
	.mobile div.form-error #billing_addr_country_row select,
    .mobile div#billing_addr_state_row.form-error select,
    .mobile div#billing_addr_country_row.form-error select,
    .mobile div#donor_addr_state_row.form-error select,
    .mobile div#donor_addr_country_row.form-error select,
    .mobile div#donor_occupation_row.form-error select,
    .mobile div#shipping_addr_country_row.form-error select,
    .mobile div#shipping_addr_state_row.form-error select,
    .mobile div#tribute_notify_recip_state_row.form-error select,
    .mobile div#tribute_notify_recip_country_row.form-error select,
    .mobile div.custom-field-container.form-error select,
    .mobile div.form-error div.employer-address-container select
	 {
		width: 226px;
		max-width: none;
	}

	
	.mobile div.html-caption-container {
		width: 100%;
	}

	div.responsive input#payment_typecc_cvvname {
		width: 100px;
	}

	#countrypara {
		display: none;
	}
	#nortonverisigncontainer {
		display: none;
	}
    .mobile div.responsive {
        width: 252px;
    }
 
    .resp-debug.mobile div.responsive {
        border: 2px dotted red!important;
    }
    
    /* Page level errors */
    .mobile div.responsive div.ErrorMessage.page-error {
		width: 242px;
    }
    
    /* Page level error text */
    .mobile div.responsive div.ErrorMessage.page-error>span.field-error-text {
        width: 196px;
    }
    
    .mobile div.responsive button.step-button {
        float: none;
    }
    
    .mobile div.responsive button.secondary-step {
        margin-right: 0;
    }
	
	.donation-level-container input[type="radio"], .donation-level-container label
	{
		/*display: none;*/
	}

	.donation-level-container, .donation-level-container .form-content, .donation-level-amount-container
	{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border: none;
	}
	
	div.donation-level-user-entered {
		padding-left: 0px;
	}
	
	div.donation-level-label-input-container {
		/*display: none;*/
	}
	
	#phonemailright {
		display: none;
	}
	
	div.thankyouextra {
		display: none;	
	}
	
	#thankyoucontainer {
		width: 252px;	
	}

	#thankyoumain {
		width: 252px;	
	}
	
	#thankyoumain h1 {
		background-color: #9dd7eb;
		color: #ffffff;
		vertical-align: middle;
		font-family: Arial;
		font-size: 1.05em;
		font-weight: bold;
		padding: .5em;
	}
	
	#showimage {
		width: 225px;
	}
	
	#thankyouprint {
		display: none;
	}
	
	#thankyoumobilesummary {
		display: inline-block;
		width: 252px;
	}
	
	#tribute_show_honor_fields_row div.form-content {
		display: none;
	}
	
	#tribute_show_honor_fields_row span.check-box-form-label-text {
		display: none;
	}

	.mobile div.responsive div.donation-form-content div.don-standard-levels #level_standard_row {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	
	.mobile div.responsive div.donation-form-content div.don-standard-levels #level_standard_row div.form-content {
		margin-top: 0px;
		margin-bottom: 0px;
	}

	div.donation-level-container:not(:first-child) {
		border: 0px solid transparent;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		border-radius: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		/*display: none;*/
	}
	
	#mobileclicktocall {
		display: block;
	}
	
	#mobileclicktocall a {
		display: inline-block;
		font-size: 1.5em;
	}

	a[href^="tel:"] {
		color: #3596D4;
	}
	
	a[href^="tel:"]:before {
		content: "\260E";
		display: inline-block;
		margin-right: 0.2em;
		color: #3596D4;
		font-size: 1.2em;
	}
	
	div.payment-field-container span.payment-type-option.selected:before {
		content: "\2714";
		margin-right: .2em;
		color: #000000;
	}
	
	div.payment-field-container span.external-payment span.payment-type-option {
		padding: 10px 20px;
	}
	
	.mobile div.html-caption-container {
	font-size: .7em;
	}
	
	#donatenow {
		display: none;
	}
	
	label[for=asdf_dropdown], #asdf_radio + label, div.custom-field-container + div.custom-field-container + div.custom-field-container
	{
		display: none;
	}
	
}




/*      Wide Mobile Layout: 480px.
        Gutters: 24px.
        Outer margins: 22px.
        Inherits styles from: Default Layout, Mobile Layout.
        Displays yellow border in debug mode.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

@media only screen and (min-width: 480px) and (max-width: 767px) {


.tray {
display: none;
}

.fa.fa-bars.ico._0{
display:none;
}

.fa.fa-times.ico._1{
display:none;
}



	div.fw_header {
		display: none;
	}
	
	#mobilehead {
		display: block;
	}
	
	#mobilehead .mobilelogo, #mobilehead #mobilemenu {
		height: 46px;
	}

	.mobile #formandright {
		padding: 10px;
		width: 436px;
		margin: auto;
	}

	#dpintro {
		display: none;
	}

	#dpbanner {
		display: none;
	}

	#dptext p {
		
	}
	
	div.fw_footer_donate div.fw_footer_donate_inner {
		width: 436px;
	}
	
	.mobile div.responsive {
        width: 436px;
		font-size: 1.5em;
	}
	
	.mobile div.donation-form-container.responsive {
		padding: 0px;
	}
	
	div.donation-level-input-container, div.generic-repeat-label-checkbox-container {
		padding: 0px;
	}
	
	.mobile input[type="text"],
	.mobile #billing_addr_street1_row input,
	.mobile #billing_addr_street2_row input,
	.mobile #billing_addr_street3_row input,
	.mobile #billing_addr_country_row input.ui-autocomplete-input,
	.mobile #donor_addr_street1_row input,
	.mobile #donor_addr_street2_row input,
	.mobile #donor_addr_street3_row input,
	.mobile #donor_addr_country_row input.ui-autocomplete-input,
	.mobile #shipping_addr_street1_row input,
	.mobile #shipping_addr_street2_row input,
	.mobile #shipping_addr_street3_row input,
	.mobile #shipping_addr_country_row input.ui-autocomplete-input,
	.mobile #tribute_notify_recip_street1_row input,
	.mobile #tribute_notify_recip_street2_row input,
	.mobile #tribute_notify_recip_street3_row input,
	.mobile #tribute_notify_recip_country_row input.ui-autocomplete-input,
	.mobile #tribute_signature_row input,
	.mobile #tribute_message_closing_row input,
	.mobile div.employer-address-container input#employer_street,
	.mobile #responsive_payment_typecc_number_row input#responsive_payment_typecc_numbername {
		width: 420px;
		max-width: none;
	}
	
	.mobile .custom-field-container select,
	.mobile #billing_addr_country_row select,
    .mobile #billing_addr_state_row select,
    .mobile #donor_addr_state_row select,
    .mobile #donor_addr_country_row select,
    .mobile #donor_occupation_row select,
    .mobile #shipping_addr_country_row select,
    .mobile #shipping_addr_state_row select,
    .mobile #tribute_notify_recip_state_row select,
    .mobile #tribute_notify_recip_country_row select,
    .mobile .custom-field-container select,
    .mobile div.employer-address-container select {
		width: 436px;
		max-width: none;
	}

	.mobile div.form-error input[type="text"],
	.mobile div#billing_addr_street1_row.form-error input,
	.mobile div.form-error #billing_addr_street2_row input,
	.mobile div.form-error #billing_addr_street3_row input,
	.mobile div.form-error #billing_addr_country_row input.ui-autocomplete-input,
	.mobile div.form-error #donor_addr_street1_row input,
	.mobile div.form-error #donor_addr_street2_row input,
	.mobile div.form-error #donor_addr_street3_row input,
	.mobile div.form-error #donor_addr_country_row input.ui-autocomplete-input,
	.mobile div.form-error #shipping_addr_street1_row input,
	.mobile div.form-error #shipping_addr_street2_row input,
	.mobile div.form-error #shipping_addr_street3_row input,
	.mobile div.form-error #shipping_addr_country_row input.ui-autocomplete-input,
	.mobile div.form-error #tribute_notify_recip_street1_row input,
	.mobile div.form-error #tribute_notify_recip_street2_row input,
	.mobile div.form-error #tribute_notify_recip_street3_row input,
	.mobile div.form-error #tribute_notify_recip_country_row input.ui-autocomplete-input,
	.mobile div.form-error #tribute_signature_row input,
	.mobile div.form-error #tribute_message_closing_row input,
	.mobile div.form-error div.employer-address-container input#employer_street
	{
		width: 360px;
		max-width: none;
	}

	.mobile div.form-error .custom-field-container select,
	.mobile div.form-error #billing_addr_country_row select,
    .mobile div#billing_addr_state_row.form-error select,
    .mobile div#billing_addr_country_row.form-error select,
    .mobile div#donor_addr_state_row.form-error select,
    .mobile div#donor_addr_country_row.form-error select,
    .mobile div#donor_occupation_row.form-error select,
    .mobile div#shipping_addr_country_row.form-error select,
    .mobile div#shipping_addr_state_row.form-error select,
    .mobile div#tribute_notify_recip_state_row.form-error select,
    .mobile div#tribute_notify_recip_country_row.form-error select,
    .mobile div.custom-field-container.form-error select,
    .mobile div.form-error div.employer-address-container select
	 {
		width: 376px;
		max-width: none;
	}
	
	.mobile div.html-caption-container {
		width: 100%;
	}
	
	div.responsive input#payment_typecc_cvvname {
		width: 100px;
	}

	#countrypara {
		display: none;
	}
	#nortonverisigncontainer {
		display: none;
	}
    .mobile div.responsive {
        width: 436px;
    }

    .resp-debug.mobile div.responsive {
      border: 2px dotted yellow!important;
    }
    
    /* Page level errors */
    .mobile div.responsive div.ErrorMessage.page-error {
      width: 426px;
    }
    
    /* Page level error text */
    .mobile div.responsive div.ErrorMessage.page-error>span.field-error-text {
        width: 380px;
    }
    
    .mobile div.responsive button.next-step {
        float: right;
    }
	.donation-level-container input[type="radio"], .donation-level-container label
	{
		/*display: none;*/
	}

	.donation-level-container, .donation-level-container .form-content, .donation-level-amount-container
	{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border: none;
	}
	
	div.donation-level-user-entered {
		padding-left: 0px;
	}
	
	div.donation-level-label-input-container {
		/*display: none;*/
	}
	
	#phonemailright {
		display: none;
	}
	
	div.thankyouextra {
		display: none;	
	}
	
	#thankyoucontainer {
		width: 436px;	
	}

	#thankyoumain {
		width: 436px;	
	}
	
	#thankyoumain h1 {
		background-color: #9dd7eb;
		color: #ffffff;
		vertical-align: middle;
		font-family: Arial;
		font-size: 1.05em;
		font-weight: bold;
		padding: .5em;
	}
	
	#showimage {
		width: 405px;
	}
	
	#thankyouprint {
		display: none;
	}
	
	#thankyoumobilesummary {
		display: inline-block;
		width: 436px;
	}
	
	#tribute_show_honor_fields_row div.form-content {
		display: none;
	}

	#tribute_show_honor_fields_row span.check-box-form-label-text {
		display: none;
	}
	
	.mobile div.responsive div.donation-form-content div.don-standard-levels #level_standard_row {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	
	.mobile div.responsive div.donation-form-content div.don-standard-levels #level_standard_row div.form-content {
		margin-top: 0px;
		margin-bottom: 0px;
	}

	div.donation-level-container:not(:first-child) {
		border: 0px solid transparent;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		border-radius: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		/*display: none;*/
	}

	#mobileclicktocall, {
		display: block;
	}
	
	#mobileclicktocall a {
		display: inline-block;
		font-size: 1.5em;
	}

	a[href^="tel:"] {
		color: #3596D4;
	}
	
	a[href^="tel:"]:before {
		content: "\260E";
		display: inline-block;
		margin-right: 0.2em;
		color: #3596D4;
		font-size: 1.2em;
	}
	
	div.payment-field-container span.payment-type-option.selected:before {
		content: "\2714";
		margin-right: .2em;
		color: #000000;
	}

	div.payment-field-container span.external-payment span.payment-type-option {
		padding: 10px 20px;
	}
	
	#donatenow {
		display: none;
	}
	
	label[for=asdf_dropdown], #asdf_radio + label, div.custom-field-container + div.custom-field-container + div.custom-field-container
	{
		display: none;
	}
	
}