

/* deployment printer friendly */
div#prtrFrnd { width:650px; margin: 0 auto; }

*, html, body, form, input, input.AddressBookButtons , input.Advocacy, input.btn, input.btnLg, input.btnMed, input.btnMini, input.btnSm, select, select.Advocacy, textarea, legend, ul, ol, li, option , table, tr, th, th.rfl_infoStatus, td, td.AlertListDescription, td.cstmBack, p, p.cstmBtnText , p.cstmFrame, p.cstmHeading, p.cstmText, p.cstmTitle, p.dividerHeading, p.scrollingText, span.cstmHeading, a, a.btn, a.btn:visited, a.cstmBtnText:hover , a.cstmBtnText:link , a.cstmBtnText:visited , #navList, .AdvocacyInstructions, .AdvocacyNSFix, .BlogHeader, .Button, .Divider, .FieldLabels, .FormBox, .FormBox06, .FormBoxHeader, .Hint, .Instructions, .Instructions, .ListItem0, .ListItem1, .NetscapeFix, .NoteText, .ObjTitle, .PhotoLinks, .Premiums, .ProgressBox, .ProgressBoxCurrent, .SectionHead, .SmallButton , .Smaller, .SmallerC, .TribBtnText1, .Upgrades, .WhatNext, .alphacube_content, .dialog_content, .dialog_title, .Explicit, .fr_register_another, .paraBlueSansSmall, .smallBlack, .smallSans, .smallSansBold, .smallWhiteBoldSans, .smallWhiteSans, .smallestBlackSans {font-family:Arial, Helvetica, Verdana, sans-serif;}


/*------------------------------------------------*/
/*  General Overrides  */
/*------------------------------------------------*/

/* Override capradio core styles */
#main-container {
    background-color: #fff!important;
}
input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=url], textarea {
	border: 1px solid #d6d2d0;
}


/* disabling reset button */
input[type=reset] {
	display:none;
}




@media only screen and (min-width: 1200px) {

	#main-container {
		background-color: #f1f0ef!important;
	}

}


/*------------------------------------------------*/
/*  Global Styles  */
/*------------------------------------------------*/

/* new style */
.emphasize {
 color: #b22217;
}



/* made the following for unsubscribe section */

/* override float left */
.Hint {
	float:none!important;
}
input[type=submit] {
	float: none!important;
}
input#unsub {
 	background-color: #b22217;
}
input#unsub:hover {
 	background-color: #df2b1d;
}
table.FormBox {
	border: none;
	background-color: transparent;
}
/* override for unsubscribe, but it will probably affect other areas */
.SuccessMessage {
    font-size: 2rem;
    color: green;
    font-weight: 800;
    background-color: #f1f0ef;
    padding: 1em;
    margin: 1.5em 0;
    display: block;
}


/*------------------------------------------------*/
/*  Donation Form  */
/*------------------------------------------------*/


/* Override ResponsiveBase.css:14 */
div.responsive {
    width: 90%;
}

#ProcessForm {
	margin-top: 0;
	padding-top: 0;
}

/* Override core.css:8569 */
input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=url], textarea {
    background-color: #FFF!important;
}

/* Override DonFormResponsive.css:104 */
div.donation-form-container.responsive {
    padding: 25px 0px;
    background-color: #fff;
    border: none;
}
    
.don-standard-levels.form-row {
	margin-top: 20px;
}   
/* Override inline styles, Custom Donation with Premiums */
div.donation-level-input-container .donation-level-label-container, .donation-level-amount-container {
	font-family: 'Avenir W01',sans-serif!important;
}	
.payment-type-element-container {
	background-color: #ebe9e8!important;
	border: 1px solid #e4e1e0!important;
	border-top: none!important;
}
#payment-type-checking-container > div {
    clear: both!important;
}
h3.payment-type-tab {
	background-color: #f1f0ef!important;
	border: 1px solid #e4e1e0!important;
}
h3.payment-type-tab.active {
	background-color: #ebe9e8!important;
	border: 1px solid #e4e1e0!important;
	border-bottom: 1px solid #ebe9e8!important;
}
.monthly-more-text, .routing-more-text, .cvv-more-text {
	background-color: #f8f7f7!important;
	color: #333!important;
}	
#payment-info-evergreen img {
	padding: 0 15px 5px 0;
}
button#pstep_finish {
    font-weight: 800;
}
button#pstep_cancel {
    border: 1px solid #e4e1e0;
    background: #e4e1e0;
    color: #333;
    text-decoration:none;
}
button#pstep_cancel:hover {
	background-color: #d6d2d0;
}

#billing_title_row label.FormLabel {
	float:left!important;
}

/* Override Premium width issue on mobile */
.premium-selector-radio-option-description {
 max-width: 100%!important;
}
@media only screen and (max-width: 767px) {
.premium-selector-option-image {
 width: 150px;
 max-width: 150px!important;
 height: 150px;
 max-height: 150px!important;
}
}

/* Override DonFormResponsive.css:533 */
div.donation-level-general-ask, div.html-caption-container {
    max-width: 100%;
}

div.responsive input[type="text"], div.responsive input[type="number"], div.responsive input[type="password"], div.responsive textarea {
	width:100%!important;
}

#donateform-contact {
	text-align: center;
	font-size: larger;
	margin-bottom: 0;
}


@media (max-width: 680px) {

	#billing_first_name_row, 
	#billing_last_name_row, 
	#billing_addr_city_row,
	#billing_addr_street1_row, 
	#billing_addr_street2_row, 
	#billing_addr_country_row, 
	#donor_email_address_row,
	#billing_addr_state_row, 
	#billing_addr_zip_row,
	#billing_title_row {
		height: 70px!important;
	}

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

	#main-container {
    	padding-top: 0!important;
    	padding-bottom: 1em!important;
	}

	/* Override ResponsiveBase.css:430 */
	.mobile div.responsive {
		width: 100%;
		min-width: 252px;
	}
	/* Override DonFormResponsive.css:879 */
	.mobile div.donation-form-container.responsive {
		padding-top: 0px;
	}
	
	/* Override DonFormResponsive.css:1034 */
	.mobile div.html-caption-container {
		width: 100%;
	}
}

/*------------------------------------------------*/
/*  User Login Section  */
/*------------------------------------------------*/

#appAreaNoWidthClearFix {
	width: 100%;
}
#login-div-content .outer-border {
    border: none;
}
#login-div-content .banner-header {
    padding-top: 0;
    padding-left: 0;
    padding-bottom: 0;
    background-color: #fff;
    height: auto;
    font-size: 3rem;
}
#login-div-content .login-form {
    background-color: #ffffff;
} 
#login-div-content .input-border {
    border: none;
    -moz-border-radius: 0;
    border-radius: 0;
    padding-left: 0;
}
#login-div-content div.actions {
    padding-left: 0px;
    padding-top: 0px;
}
#login-div-content input.uc-button, #login-div-content button, #login-div-content .ft button {
	float:none;
}
#login-div-content a {
    color: #b22217;
}
/* footer-block - remove display style to display */
#login-div-content .footer-block {
	background-color: #FFFFFF;
	border: none;
	display:none;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
input:-webkit-autofill, 
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid #e4e1e0;
  -webkit-text-fill-color: #494a4a;
  -webkit-box-shadow: 0 0 0px 1000px #f1f0ef inset;
  transition: background-color 5000s ease-in-out 0s;
}
#login-div-content input.uc-button, #login-div-content button, #login-div-content .ft button {
    color: #494a4a;
    font-weight: 500;
    background: #e4e1e0;
    border: 1px solid #e4e1e0;
    border-radius: .4em;
    margin-right: 0px;
    padding: 8px 10px;
	font-size: 1.6rem;
	margin-bottom: 2em;
}    
#login-div-content input.uc-button:hover, #login-div-content button:hover, #login-div-content .ft button:hover {
	background-color: #d6d2d0;
}
#lmainLogonForm {
	margin:0;
}
#login-div-content table span strong {
	font-size: 1.8rem;
}
.Hint {
	color: #494a4a;
	font-size: 1.4rem;
	padding-bottom: .5em;
}

/* --- user login section - MOBILE --- */
@media only screen and (max-width: 767px) {

	#login-div-content table {
		margin: 0;
	}
	#login-div-content table tr:first-of-type td:first-of-type {
		display:none;
	}
	#login-div-content table tr:first-of-type td {
		display:block;
	}
	#login-div-content table tr:first-of-type td:last-of-type,
	#login-div-content table tr:first-of-type td:nth-of-type(2) {
		width: 100%;
	}
	#login-div-content table tr:last-of-type td:first-of-type {
		display:none;
	}
	#lmainLogonForm table tr td {
		display: table-cell!important;
		width: unset!important;
	}
	#login-div-content div.right-block {
    float: none;
    padding: 0 0 2em 0;
    }


}


/*------------------------------------------------*/
/*  User Profile section  */
/*------------------------------------------------*/

#cons_profile .appArea {
	width: 100%;
}	
.cons-pers td, .cons-pers p, .cons-pers label, .cons-pers fieldset, .cons-pers .Explicit {	
	font-family: 'Avenir W01',sans-serif!important;
	font-size: 1.6rem;
	color: #494a4a!important;
}
.cons-pers p {
	font-size: 1.6rem;
}
.cons-pers div.Hint {
    font-size: 1.2rem;
}
.cons-prof h3 {
	clear:both;
	font-size: 1.8rem;
	background: #f8f7f7;
    padding: 5px 10px;
    margin-top: 20px;
}
.cons-prof .line {
    margin: 0px;
    border-bottom: none;
}
.cons-pers h4 {
	font-size: 1.6rem!important;
}
.cons-pers td {
    background: #ffffff;
}
.cons-pers fieldset fieldset {
	border:none!important;
}

/* ---  user profile section - MOBILE --- */
@media only screen and (max-width: 767px) {


}

/*------------------------------------------------*/
/*  Survey Styles  */
/*------------------------------------------------*/

/* id s63 is tied to surveys and the donation form */
#s63 .appArea {
	width: 100%;
	margin: 0;
}
#s63 .appArea h3.ObjTitle {
	font-size: 3rem;
	color: #494a4a;
}
#s63 #contour label .Explicit, #s63 #contour legend.Explicit span {
	text-transform: initial;
	color: #494a4a;
	font-size: 1.6rem;
	line-height: 1.4;
	font-weight: 800;
}	
#s63 #contour fieldset legend .Hint {
	font-weight: 400;
	font-size: 1.5rem
}
#ACTION_SUBMIT_SURVEY_RESPONSE {
	background-color: #b22217;
}

/* ---  survey styles - MOBILE --- */
@media only screen and (max-width: 767px) {

	#s63 .appArea {
		width: 90%;
		margin: 2em auto;
	}

}

/*------------------------------------------------*/
/*  Footer Logo Overrides  */
/*------------------------------------------------*/

#footer-bottom .container .logos { width:780px !important; padding:15px 5px; margin: 25px auto 15px; overflow:auto; }

#footer-bottom .logos a{ background-image: url('/images/nav/footer-logos@2x.png'); background-repeat:no-repeat; display:block; background-size: 668px 30px !important;}

#footer-bottom .logos .npr { width:70px !important;left:2px !important; }
#footer-bottom .logos .npr a { background-position: -2 0 !important; }
#footer-bottom .logos .crn { width:134px !important;left:90px !important; } 
#footer-bottom .logos .crn a { background-position:-72px 0 !important; }
#footer-bottom .logos .prx { width:65px !important;left:244px !important; }
#footer-bottom .logos .prx a { background-position:-208px 0 !important; }
#footer-bottom .logos .pri { width:88px;left:329px !important; }
#footer-bottom .logos .pri a { background-position:-274px 0 !important; }
#footer-bottom .logos .apm { width:120px !important;left:437px !important; }
#footer-bottom .logos .apm a { background-position:-363px 0 !important; }
#footer-bottom .logos .bbc { width:79px !important;left:577px !important; }
#footer-bottom .logos .bbc a { background-position:-484px 0 !important; }
#footer-bottom .logos .csus { width:102px !important;left:676px !important; }
#footer-bottom .logos .csus a { background-position:-566px 0 !important; }



