div.responsive {
    font-family: Arial,Helvetica,Verdana,sans-serif !important;
}


/* TURN BACKGROUND IMAGE INTO AN IMAGE WE CAN MOVE AROUND */
.header-wrapper {
	background: none;
}
	.header-wrapper .site-slogan img {
		position: absolute;
		right: 0;
		top: 74px;
	}
	
	.header-fragment.site-banner .site-banner a.site-title {
      text-indent: -9999px;
  }


.main-header-menu {
    background: #8DB827;
    border-left: 1px solid #BFBFBF;
    height: 30px;
    width: 980px;
    margin: 0 auto;
}

.addthis-wrapper {
	width:400px; 
	position: absolute; 
	bottom: -0.25em; 
	right: 0;
}

.addthis_toolbox {
	margin: 0 0 10px;
}	
	
/* FORM STYLING */
div.responsive span.field-required {
    background-image: url(/Wrappers/PETAV3/Responsive/images/required-small.png);
    height: 6px;
    width: 6px;
	float:left !important;
}

div.form-content legend {
	font-size: 0.875em !important;
    font-weight: bold;
	color: #515151 !important;
	margin: 0 0 20px 3px;
}

.FormLabel LABEL {
	font-weight: bold;
	color: #515151 !important;
	font-size: 0.6875em !important;
	line-height: 120%;
}
div.form-content label {
	color: #515151 !important;
	margin-left:9px;
}

div.form-content input[type=checkbox]  {
	margin-left:9px !important;
}
span.FormLabelText {
	font-weight:bold !important;
	margin: 0 0 10px 0;
	margin-left: 9px !important;
}

div.form-content span.FormLabelText label {
	margin-left: 0 !important;
}
div.donation-form-container.responsive {
	background: none;
	border-radius: 0;
	border: 0;
	padding: 0;
}
.mobile div.html-caption-container {
    width: 100%;
}
.mobile div.donation-form-container.responsive,
.mobile div.responsive {
    width: 100%;
    padding: 0 2%;
}
.donation-form-content h4 {
	border-bottom: 1px solid #CCCCCC;;
	padding: 6px 0 3px 8px !important;
	margin: 5px 0 15px;
	font-size: 130%;
    font-weight: bold;
}
div.donation-level-general-ask, 
div.html-caption-container {
	max-width: 100%;
}

div.html-caption-container p {
	color: #515151 !important;
}

div.donation-form-container h1 {
	font-family: "proxima-nova", Arial, sans-serif !important; 
	font-weight: 700 !important; 
	font-size: 2em !important; 
	line-height: 1.09 !important;
	margin: 6px 0 10px 0 !important;
}
p#taxdeduc {
	text-align: center;
	left: 0 !important;
}
div.form-row {
	margin: 0;
}
div.form-content {
	position: relative;
	padding: 0 0 0 13px;
}
	div.form-content span.field-required {
		position: absolute;
		left: 0;
		top: 6px;
	}
	div.form-content label, 
	div.form-content input,
	div.form-content select,
	div.form-content legend,
	div.form-content ul.radio-array-list {
		float: left;
	}
	div.form-content input[type=text] {
		width: 240px;
		max-width: 240px !important;
		margin-bottom:10px !important;
	}
	div.form-content label,
	div.form-content legend,
	div.form-content a.HelpLink {
		width: 170px;
		line-height: 120%;
		margin-top: 3px;
	}
	div.form-content span.radio-label label {
		line-height: 140%;
		width: auto;
		float: none;
	}
	div.form-content a.HelpLink {
		margin-left: 10px;
	}
	div.form-content .radio-array-list li {
		margin: 0 0 20px 6px;
	}
	
	div.form-content .radio-array-list input,
	div.form-content .radio-array-list label {
		margin: 0 6px 0 0 !important;
		padding:0 !important;
		vertical-align:text-top;
	}
	div.form-content .radio-array-list label {
		display:inline-block;
	}	

	div.form-content label.FormLabel {
		min-width: inherit;
	}

.mobile div.button-container {
	text-align: center !important;
}
	button.finish-step {
		margin-left: 184px;
	}

/* Donation Levels Overrides */

div.form-content  {
	margin:0 !important;
	padding:0 !important;
}

div.form-content INPUT {
	margin:0 !important;
	padding:0 0 0 2px !important;	
	height: 30px;
}

div.form-content SELECT {
	font-size: 0.875em !important;
	padding:2px !important;
	height: 28px;
	width: 240px;
	max-width: 240px !important;
	margin-bottom:10px !important;
	margin-left: 0 !important;
}
.donation-level-amount-container {
	margin:0 !important;
	padding:0 !important;
}	

.form-donation-level .form-content {
	width: 100%;
}
.don-standard-levels span.FormLabelText {
	display:block;
	font-size: 0.875em;
	line-height: 220%;
	color: #515151;
	margin-top: 3px;
	float: left;
}
.doantion-levels {
	width: 280px;
	float: left;
}
div.donation-level-container label {
	margin: 0 0 3px;
	margin-left: 0 !important;
}
.donation-level-label-input-container {
	float: left;
	margin-top:-7px !important;
	margin-right: 9px !important;
}
	.donation-level-label-input-container label {
		padding: 8px 0 0;
	}

.donation-level-input-container label,
.donation-level-container-generic-repeat label {
	font-weight: normal !important;
}

.donation-level-container-generic-repeat label {
	vertical-align:text-top !important;
	display:inline-block !important;
}
.donation-level-container div.form-content {
	padding: 0;
}
	.donation-level-container div.form-content label {
		width: auto;
		float: left;
		line-height: 100% ;
	}
div.form-content .donation-level-user-entered {
	float: left;
	margin: -2px 0 0 10px;
}
	div.form-content .donation-level-user-entered input {
		width: 100px;
	}
.donation-level-container-generic-repeat {
	margin-top: 0; 
	margin-left: 186px;
}
	.donation-level-container-generic-repeat label {
		line-height: 140%;
	}
/* ul.radio-array-list {
	margin-bottom:20px !important;
} */
	
/* PAYMENT TYPE SELECTION */
#responsive_payment_typepay_typeradio_row .form-content {
	padding: 0;
}
.payment-type-selection-container div.form-content label {
	width: auto;
	float: none;
	line-height: 100%;
}
	.payment-field-container {
		margin: 3px 0 20px 0;
	}
	div.payment-field-container span.internal-payment {
		background: none;
	    border: 0;
	    border-radius: 0;
	    margin-right: 0;
	}
	div.payment-field-container .payment-type-selections span.internal-payment span.payment-type-option,
	div.payment-field-container .payment-type-selections span.internal-payment span.payment-type-option img {
	    border: 2px solid #E4E2DD;
	    border-radius: 5px 5px 5px 5px;
	    margin-right: 14px;
	}
	span.payment-type-option label{
		margin-left: 0 !important;
	}
	
	div.payment-type-element-container h3 {
		font-size: 0.875em;
    	font-weight: bold;
		color: #515151;
		margin: 3px 0 7px 0;
}

/* Checking Info labels need to be wider */
#payment_bank_container div.form-content label,
#payment_bank_container div.form-content legend {
	font-family: Arial, Helvetica, sans-serif;
	width: 200px;
}

/* Checking Agreement Box */
#responsive_payment_typeach_confirm_row {
	margin-left: 200px;
}
	#responsive_payment_typeach_confirm_row div.form-content label {
		line-height: 120%;
		width: 80%;
	}
	#responsive_payment_typeach_confirm_row div.form-content input {
		margin-right: 6px !important;
	}	
	#responsive_payment_typeach_confirm_row div.form-content span.field-required {
		top: 2px;
	}
	
/* Email Optin */
#donor_email_opt_in_Row span.auto-opt-in-warning-message {
	margin-bottom:20px;
	margin-left: 179px;
	display: block;
	color: #888;
	line-height:120% !important;
}

span.auto-opt-in-warning-message {
	font-size:14px;
}

/* CC Expiration date */ 
#responsive_payment_typecc_exp_date_row label {
	width: auto;
}
	#responsive_payment_typecc_exp_date_row label span.label-text {
		width: 170px;
		display: block;
	}
	
#responsive_payment_typecc_exp_date_row .date-input-container {
	width: auto; 
	display: block;
	float: left;
	margin-top: 6px;
}
	#responsive_payment_typecc_exp_date_row select {
		float: left;
		display:inline-block;
		margin:0 10px 10px 0;
		width: 65px;
		max-width:65px !important;	
	}	
	
#responsive_payment_typecc_cvvname {
	float: left;
}

/* Decrease padding between fields */
.mobile div.responsive .doantion-levels div.form-content {
	margin: 0;
}
.mobile div.responsive div.form-donation-level,
.mobile div.responsive div.form-donation-level div.form-content {
	margin: 0 !important;
}
.mobile div.donation-level-input-container, 
div.generic-repeat-label-checkbox-container {
	padding: 0;
}

.mobile div.responsive a.next-step, 
.mobile div.responsive button.next-step,
.mobile div.responsive button.finish-step {
    max-width: 250px;
	font-size: 1.0625em;
	font-weight: 700;
	font-family: "proxima-nova", sans-serif;
	float: left;
	text-align:center;
}


div.responsive a.step-button, 
div.responsive button.step-button {
    padding: 10px 20px 10px 20px;
}
.mobile div.button-sub-container {
	width: auto;
}
.mobile div.responsive a.next-step, 
.mobile div.responsive button.next-step, 
.mobile div.responsive button.finish-step {
	max-width: 100%;
	float: none;
	width: auto;
}
div.responsive button.action-button {
    background-color: #bc0000;
    background-image: url(/Wrappers/PETAV3/responsive/images/button-bg.png);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
    background-position: right 0;
    border: 2px solid #e27271;
    color: #fff;
    height: 50px;
    border-radius: 15px;
}
div.responsive button.action-button:hover {
    background-color: #bc0000;
    background-image: url(/Wrappers/PETAV3/responsive/images/button-bg.png);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
    background-position: right -50px;
    border: 2px solid #e27271;
    color: #fff;
    border-radius: 15px;
}



/* SPECIAL SIMPLIFIED FOOTER */
.footer-fragments {
	padding: 20px 0;
	color: #fff;
	text-align: center;
    background: #2C2C2C;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}	
		#footer p.navigation{
			text-align: center;
		    font-size: .9em;
		    padding: 0;
			margin: 5px auto 15px;
		}	
				#footer p.navigation span a {
				    border-right: 1px solid #fff;
				    color: #B5D6FC;
				    padding: 0 10px;
				    color: #B5D6FC;
				    display: inline;
				}
				#footer p.navigation span:last-child a {
				    border: medium none;
				}
	.footer-fragments p {
		line-height: 100%;
		clear: both;
	}
	.footer-fragments a {
		color: #fff;
	}

/* Social Sharing */
.share {
	float: left; 
	position: relative; 
	left: 50%;
	clear: both;
}
.share-inner {
	float: left; 
	position: relative; 
	left: -50%;
}
.share a {
	display: block;
	text-align: left;
	width: 170px;
	height: 60px !important;
	border-radius: 8px;
	color: #fff !important;
	text-decoration: none;
	font-size: 16px;
	line-height: 18px !important;
	margin: 10px 0 10px 12px !important;
	border: 4px solid #fff;
	box-shadow: 0 0 2px #666;
	background-image: url(/Wrappers/PETAV3/Responsive/images/social.png);
	background-repeat: no-repeat;
	float: left;
	}
	.share a:hover {
		text-decoration: none !important;
	}
	.share a strong {
		display: block;
		text-transform: uppercase;
		font-size: 16px;
	}
	.share a.facebook {
		background-color: #3B5998;
		background-position: 0 0;
	}
		.share a.facebook:hover {
			background-color: #4d6fb5;
		}
	.share a.twitter {
		color:#fff;
		background-color: #0098d2;
		background-position: 0 -80px;
	}
		.share a.twitter:hover {
			background-color: #00ACED;
		}
	.share a.email {
		color:#fff;
		background-color: #798a24;
		background-position: 0 -160px;
		margin-right:  2px;
	}
		.share a.email:hover {
			background-color: #8fa232;
		}
	
	.share a .desktop {
		color:#fff;
		padding: 10px 10px 6px 60px !important;
		display: block;
	}
	.share a .mobile {
		display: none;
	}

/**
 * Clearfix
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}


/* CUSTOM CSS FOR NO BLACK BAR DONATION FORM */ 
body.no-bar .header-fragments {
   background-position: 0 -40px;
}
body.no-bar .header-wrapper {
    height: 108px;
}
body.no-bar .header-wrapper .site-slogan img {
    top: 34px;
}

/* section header override */
.section-header {
    background-color: #7fc04c !important;
}
h4.section-header  {
	font-family: "proxima-nova", Arial, sans-serif !important;
	font-weight: 700;
	font-size: 1.438em;
	color:#fff !important;
}

/* donation-form override */

.form-content label {
	font-weight:700 !important;
}

#quadrent-4 h3 {
	font-family: Arial, sans-serif;
	font-weight:700 !important;
	font-size: 0.875em;
	color: #515151;
}


.field-required input[type="text"] {
	padding: 0 !important;
}

.cardExpGroup .data-input-container fieldset {
	border:none !important;
	margin-left: 0 !important;
}


/* CUSTOM CSS for custom devo wrappers - No gradient background image */
body.custom-layout .header-fragments {
	background: none;
} 
	body.custom-layout .header-wrapper {
    height: auto !important;
    padding: 0 !important;
	}
	body.custom-layout .custom-header,
	body.custom-layout .site-slogan {
	  width: 50%;
	}
	body.custom-layout .custom-header a,
	body.custom-layout .custom-header a img {
		display: block;
	}
  	body.custom-layout .custom-header img {
  		max-width: 100%;
  	}
	body.custom-layout .header-wrapper .site-slogan{
    top: 0 !important;
    position: absolute;
    right: 0 !important;
	}

	body.custom-layout .header-wrapper .site-slogan img {
    top: auto !important;
    position: relative !important;
    right: auto !important;
    display: block;
    max-width: 100%;
	}


@media only screen and (max-width: 980px) {
	.content-fragment-page, 
	.header-fragments .content-menu .parent-sub-container, 
	.header-fragments .main-header-menu .parent-sub-container, 
	.footer-fragments-header, 
	.main-header-menu,
	.footer-fragments, 
	.footer-fragments-footer, 
	.header-fragment.content-menu .parent-sub-container .navigation-list.root {
		width: 100%;
		max-width: 980px;
		height: auto;
	}
	.main-header-menu {
		height: 24px;
		border-left: 0;
	}
	.header-wrapper {
		padding: 0 2%;
		width: 96%;
		max-width: 980px;	
	}
  	body.custom-layout .header-wrapper {
      padding: 0 !important;
      width: 100% !important;
  	}
	.header-wrapper .site-slogan img {
		right: 10px;
	}
  	body.custom-layout .header-wrapper .site-slogan img  {
      right: 0 !important;
  	}
}

@media only screen and (max-width: 900px) {
	.header-fragments .top-header-menu {
		display: none;
	}
}

@media only screen and (max-width: 780px) {
	#footer p.navigation span.peta-sites {
		display: none;
	}
}

@media only screen and (max-width: 768px) {
    .mobile div.responsive div.form-content {
    	margin: 0 !important;
    	margin-bottom: 0 !important;
    	margin-top: 0 !important;
    }
    .header-wrapper .site-slogan {
    	display: none;
    }
      body.custom-layout .header-wrapper .site-slogan {
        display: block;
    	}
    div.payment-field-container .payment-type-selections span.internal-payment span.payment-type-option,
    div.payment-field-container span.external-payment span.payment-type-option {
	    margin-right: 0;
	}
}

@media only screen and (max-width: 720px) {
	.header-fragment.thunderstone-search {
		display: none;
	}
	.header-wrapper .site-slogan img {
		width: 50%;
		height: auto;
	}
      body.custom-layout .header-wrapper .site-slogan img {
    		width: 100%;
    	}
	.main-header-menu {
		height: 20px;
	}
}

@media only screen and (max-width: 670px) {
	#footer p.navigation span.about {
		display: none;
	}
	.share {
		float: left;
		margin: 0 0 10px;
	}
	.share a {
		width: 96px;
		height: 36px !important;
		border-radius: 4px;
		font-weight: bold;
		margin: 10px 12px 10px 0 !important;
		border: 0;
		box-shadow: none;
		padding: 8px 0 0 38px !important;
	}
	.share a.facebook {
		background-position: 0 -240px;
		margin-left: 0;
	}
	.share a.twitter {
		background-position: 0 -320px;
	}
	.share a.email {
		background-position: 0 -400px;
	}
	.share a .desktop {
		display: none;
	}
	.share a .mobile {
		display: block;
	}
}

@media only screen and (max-width: 620px) {
	.addthis-wrapper {
		width:100%;
		position: relative; 
		bottom: auto;
		margin: 20px 0 0;
	}
	
	.main-header-menu {
		height: 12px;
	}
	
	
	.header-fragment.content-menu .navigation-list.root li.membership-services {
		display: none;
	}
	
	#footer p.navigation span.copyright a {
		display: block;
		margin: 10px 0;
	}
	#footer p.navigation span.disclaimer a {
		border-right: 0;
	}
}

/* FORM SWITCHES TO STACKED LABELS */
@media only screen and (max-width: 580px) {
	
	.main-header-menu {
		height: 6px;
	}
	div.form-content span.field-required {
	    top: 0;
	}
	div.form-content label, 
	div.form-content input, 
	div.form-content select, 
	div.form-content legend, 
	div.form-content ul.radio-array-list,
	.doantion-levels,
	.don-standard-levels span.FormLabelText {
	    float: none;
	    width: auto;
	    line-height: 100%;
	}
	
	.donation-level-container {
	    float: none;
	}
	.donation-level-container-generic-repeat {
    	padding: 0 0 0 10px;
    }
	#donor_email_opt_in_Row span.auto-opt-in-warning-message,
	.donation-level-container-generic-repeat,
	#responsive_payment_typeach_confirm_row {
	    margin-left: 0;
	}
	div.form-content span.field-required {
		position: relative;
		left: 0;
		top: 0;
	}
	button.finish-step {
		margin-left: 12px;
	}
	.mobile div.payment-field-container #responsive_payment_typepay_typeradio_row {
		text-align: left;
	}
	.layout-content.content .layout-region.content {
	    float: none;
	    padding: 0;
	}
	.mobile div.donation-form-container.responsive {
	    padding: 0 10px;
	}
}

@media only screen and (max-width: 480px) {
    body.custom-layout .header-wrapper .site-slogan {
      display: none;
  	}
  	body.custom-layout .header-wrapper .custom-header {
      width: 100%;
  	}
    	
    .layout-content.content .layout-region.content {
    	padding-top: 0;
    }
    .layout-content {
    	padding: 0;
    }
    .mobile div.responsive {
	   	 width: 92%;
	   	 padding: 2%;
    }
    .mobile div.donation-form-container.responsive {
    	padding: 0 10px 10px;
    }
    
	/* Form overrides */
    .mobile div.responsive div.html-caption-container {
    	width: 100%;
    }
	    .mobile div.responsive div.html-caption-container img {
	    	width: 100%;
	    	display: block;
	    	height: auto;
	    	margin: 0 auto 10px;
	    }
}
@media only screen and (max-width: 460px) {
	.header-fragments .ExtraHeaderLinks,
	.header-fragments .extra-header-menu {
		display: none;
	}
	.header-fragments {
		background-position: 0 -40px;
	}
	.header-wrapper {
		height: auto;
	}
	.header-fragment.content-menu .navigation-list.root li.more-ways {
		display: none;
	}
}
@media only screen and (max-width: 420px) {
	.header-fragment.content-menu .navigation-list.root li.become-member {
		display: none;
	}
	.header-fragments .content-menu .navigation-item a {
	    padding: 0 12px;
	}
}

/* retina required & social icons */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 
	.share a {
		background-image: url(/Wrappers/PETAV3/Responsive/images/social-2x.png);
		background-size: 60px 480px;
	}
	div.responsive span.field-required {
	    background-image: url(/Wrappers/PETAV3/Responsive/images/required-small-2x.png);
	    background-size: 6px 6px;
	}
	div.responsive button.action-button {
	    background-image: url(/Wrappers/PETAV3/Responsive/images/button-bg-2x.png);
		background-size: 320px 100px;
	}
	div.responsive button.action-button:hover {
	    background-image: url(/Wrappers/PETAV3/Responsive/images/button-bg-2x.png);
		background-size: 320px 100px;
	}
}