/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Common Interface Styles
:: Form Background Styles
:: Header Styles
:: Top Donation Area Styles
:: Thank You Gift Section
:: Contact Form Section
:: Summary Section
:: Footer Section
:: Media Queries for responsive design
*/
/* -- Common Interface Styles -- */
#card-number, #cvv, #expiration-year, #expiration-month {
    border: 1px solid #ccc;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    font-size: 14px;
    height: 32px;
    margin: 0 0 12px;
    padding: 6px;
    transition: all 0.15s linear 0s;
    width: 100%;
}

iframe {
	overflow-y: hidden; 
	overflow-x: hidden;
}

input[type=number] {
    -moz-appearance:textfield;
}

.braintree-hosted-fields-focused {
  border-color: #777 !important;
}

.braintree-hosted-fields-invalid {
  border-color: red !important;
}

.braintree-hosted-fields-valid {
  border-color: green !important;
}

body, p {
	font-family: Helvetica, "Helvetica", Helvetica, "Helvetica Neue", Arial, sans-serif;
}

.button, input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, h1, h2, h3, h4, h5, h6 {
	font-family: Helvetica, "Helvetica", Helvetica, "Helvetica Neue", Arial, sans-serif;
}
hr {
	border-color: #999999;
	margin-top: 2px;
	margin-right: 0;
	margin-bottom: 18px;
	margin-left: 0;
}
ul {
	list-style: none;
}
sup {
	color: #FF0000;
	font-size: 1.142857142857143em;	
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
a[href^="tel"] {
    cursor: default;
    text-decoration: none;
}
label {
	font-size: 1.142857142857143em;	
}
select {
	height: 36px;
	margin-bottom: 10px;
	margin-top: 4px;
	background: transparent;
	padding: 5px;
	border: 1px solid #ccc;
	height: 36px;
	padding-top: 12px;
}
strong, th {
    font-weight: bold;
}
a {
	color: #336666;
	text-decoration: underline;
}
p, li {
	font-size: 1.142857142857143em;	
}
a:hover {
	text-decoration: none;
}
h1 {
	font-size: 2em	
}
h2 {
	color: #296d7f;
	font-size: 1.285714285714286em;
	font-weight: bold;
	margin-bottom: 0px;
}
h3 {
	font-size: 1.3em;
	color: #000000;
	font-weight: normal;
	margin: 0;
	padding: 0;	
	margin-top: 4px;
	margin-bottom: 8px;
	font-weight: bold;
}
.extrapadding {
	padding-left: 35px;	
	padding-right: 25px;
}
.formh2 {
	padding:0;
	margin:0;
	margin-top: 17px;
}
p.error{
	color: red;
	padding: 10px;
	border: 1px solid red;
	background-color: #f5d6d6;
	font-weight: bold;
	border-radius: 4px;
	margin-right: 10%;
	margin-left: 2%;
}
button:focus, button:active, input:focus, input:active, select:focus, select:active, textarea:focus, textarea:active {
	-ms-box-shadow: 0 0 7px 7px #0066ff;
	-moz-box-shadow: 0 0 7px 7px #0066ff;
	-webkit-box-shadow: 0 0 7px 7px #0066ff;
	box-shadow: 0 0 7px #0066ff;
	z-index: 1;
}
button, input[type="reset"], input[type="submit"], input[type="button"], a.submit {
	background-color: #2D6924;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3F9233), to(#2D6924));
	background-image: -webkit-linear-gradient(top, #3F9233, #2D6924);
	background-image: -moz-linear-gradient(top, #3F9233, #2D6924);
	background-image: -ms-linear-gradient(top, #3F9233, #2D6924);
	background-image: -o-linear-gradient(top, #3F9233, #2D6924);
	background: linear-gradient(90deg, #3F9233 0%, #2D6924 100%);
	border: 1px solid #FFFFFF;
	border-radius: 10px 10px 10px 10px;
	color: #FFFFFF;
	cursor: pointer;
	font: bold 138.5%/1.3 Arial, 'Liberation Sans', FreeSans, sans-serif;
	outline: 0 none;
	height: 45px;
	width: 100%;
}
body {
	background-image: url(/templates_smarty/redes_2012_responsive/lib/img/bkd.png);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	background-color: #c8e8f1;
}
#print-logo {
	display: none;	
}
/* -- Common Form Radio Button Labels -- */
/* button left, label right */
label.radioLabel, #SinglePaymentPlan input, #SustainerPaymentPlan input, #pledgeType input, .floatRadio {
	float: left;
}
/* button text styles */
label.radioLabel {
	color: #333333;
	float: left;
	font-weight: bold;
	list-style: none outside none;
	margin-bottom: 10px;
	margin-top: 0px;
}
input.radioAsset {
	margin-right: 6px;
	float: left;
}
/* -- The left and right gutters need to have 10 pixel margins. Since the Choose a Gift drop down area needs to extend fully to the left, each section should have a .sectionPadding class as its first div under <section> -- */
/* -- Except for the Thank You Gift section where it has to receive the class on each element. This is because the selected item's background needs to bleed to the edge. -- */
.sectionPadding {
	padding-left: 10px;
	padding-right: 10px;	
}
/* -- The top two radio buttons under Choose a Thank You Gift were pushed off to the left for some reason, this fixes that -- */
.paddingFixer {
	margin-left: 6px;	
}
/* -- Header Styles -- */
a#logo {
	margin-top: 40px;
	margin-left: 10px;
	display: block;
	width: 300px;
	height: 77px;
	background: transparent url(/templates_smarty/redes_2012_responsive/lib/img/mprlogo.png) no-repeat;
}
#masthead-h1 {
	font-size: 1em;
	text-align: center;
	color: #4e4e4e;
	margin:0;
	padding:0;
	margin-top:40px;
}
#masthead-h2 {
	font-size: 1.571428571428571em;
	text-align: center;
	color: #000000;
	margin:0;
	padding:0;
	margin-top:3px;
}
#masthead-h2 a {
	text-decoration: none;
	color: #000000;
}	
#masthead-h2 a:hover {
	color: #000000;
}	
#masthead-img1, #masthead-img2 {
	display: block;
	margin-top: 20px;
	float: right;
	text-indent: -10000px;
}
#masthead-img1 {
	background-image: url(/templates_smarty/redes_2012_responsive/lib/img/charityNavigator.png);
	background-size: 72px 73px;
	width: 72px;
	height: 73px;
	margin-right: 23px;
}
#masthead-img2 {
	background-image: url(/templates_smarty/redes_2012_responsive/lib/img/topimagestemplate_03.png);
	width: 96px;
	height: 73px;
	margin-right: 22px;
}
#support-mpr-h1 {
	color: #333333;
}
/* -- Top Radio Button Donation Area -- */
#hiddenRadio {
	display: none;	
}
#otherValueID {
	top: -21px;	
}
#otherValueText, #otherValueTextSingle {
	width: 75%;	
}
.radioLabel span {
	margin-left: 5px;
}
.no-js #SinglePaymentPlan, .no-js #onetimedonation {
	display: none;	
}
.js #jsOffAmtToggle {
	display: none;	
}
#SinglePaymentPlan label.radioLabel, #SustainerPaymentPlan label.radioLabel {
	margin-top: 7px;
}
#SustainerPaymentPlan .radioLabel span, #SustainerPaymentPlan .radioLabel span {
	font-weight: normal;
}
.radioLabel a#questionCircle, .radioLabel a#questionCircle2 {
	display: block;
	float: left;
	width: 27px;
	height: 21px;
	margin-left: 6px;
	text-indent: -9999px;
	background-image: url(/templates_smarty/redes_2012_responsive/lib/img/question.jpg);
	background-repeat: no-repeat;
	position: relative;
	top: -5px;
}

.radioLabel a#termsAgreeCircle {
	text-decoration: underline;
	color: #336666;
}
	.radioLabel a#termsAgreeCircle:hover {
		text-decoration: none;
	}

.radioLabel span.floatLeft {
	float: left;
}
/*make both other value boxes have the same sytles */
#otherValueText, #otherValueTextSingle, #otherValueTextAnnual {
	position: relative;
	top: -10px;
	margin:0px;
	padding:0px;
}
#otherValueTextSingle, #otherValueText, #othervalue, #otherValueTextAnnual {
	float: left;
}
#otherValueText, #otherValueTextSingle, #otherValueTextAnnual {
	padding-left: 15px;	
}
label.otherValueLabelTop {
	position: relative;
	top: -5px;
	font-weight: bold;
	margin:0;
	padding:0;
	padding-left: 23px;
	font-size: 1em;
}
#SinglePaymentPlan input, #SustainerPaymentPlan input {
	margin-top: 6px;
}
#onetimedonation {
	margin-top: 6px;
	margin-bottom: 15px;
}
#SinglePaymentPlan .otherAmountField, #SustainerPaymentPlan .otherAmountField {
	background-image: url(/templates_smarty/redes_2012_responsive/lib/img/otherAmountDollar.gif);
	background-position: 5px 7px;
	background-repeat: no-repeat;
	height: 36px;
}
#mmCheckWrapper label, #pledgeType span {
	color: #333333;
	font-weight: bold;
}
#mmCheckWrapper p {
	margin-left: 17px;
}
#mmCheckWrapper input, #mmCheckWrapper label {
	margin-bottom: 15px;
	float: left;
}
.or {
  background:#296D7F;
  border-radius:50%;
  color:#fff !important;
  display:inline-block;
  font-weight:700;
  line-height:24px;
  margin-top:-5px;
  margin-bottom:6px;
  text-align:center;
  width:26px;
  height:25px;
}
/* -- Thank You Gift Section -- */
.side1 .row .optionsSelect select {
	
	margin-left: 63px;
}
.side2 .row .optionsSelect select {
	margin-left: 27px;
}
.row .optionsSelect #giftChooserWrapper {
	display: none;
}
#bonusGiftImage {
	float: left;	
}
#mmCheckWrapper span.blockit, #noGiftCheckWrapper span.blockit, #paymentInformation span.blockit {
	display: block;
	font-weight: normal;
	margin-top: 5px;
	margin-left: 0px;
}
#noGiftCheckWrapper label {
	padding-top: 2px;	
	padding-bottom: 4px;
}
#thankYouGifts input, #thankYouGifts img, #thankYouGifts ul {
	float: left;
}
#thankYouGifts input {
	margin-top: 60px;
	margin-left: -1px;
}
#thankYouGifts img {
	margin-left: 10px;
	border: 1px solid #cccccc;
	width:75%;
	margin-top: 5%;
	margin-bottom: 5%;
}
#theGiftWrapper #thankYouGifts ul {
	position: relative;
	left: -10px;
	margin-top: 5%;
	margin-bottom: 5%;
}
#theGiftWrapper #thankYouGifts ul li {
	font-weight: bold;
	font-size: 1.14286em;
}
#theGiftWrapper #thankYouGifts ul li.viewDetailsLink, p#showDetails, p#hideDetails, #theGiftWrapper #thankYouGifts ul li.hideDetailsLink {
	font-weight: normal;
	color: #336666;
	text-decoration: underline;	
}
#theGiftWrapper #thankYouGifts ul li.viewDetailsLink:hover, p#showDetails:hover, p#hideDetails:hover, #theGiftWrapper #thankYouGifts ul li.hideDetailsLink:hover {
	text-decoration: none;	
	cursor: pointer;
}
#thankYouGifts ul li span {
	font-weight: normal;
	margin-left: 0px;
}
#giftOptionImage {
	float: left;
	margin-left: 8%;
	margin-top: 14px;
}
#giftOptionImage p {
	text-indent: -10000px;
	background-image: url(/templates_smarty/redes_2012_responsive/lib/img/chooseagift.png);
	width: 267px;
	height: 39px;
}
#selectedProduct {
	background-color: #cbe1a3;
	height: auto;
	margin-right: 0px;
	padding-bottom: 27px;
}
#detailsWithProductNotSelected {
	background-color: #EEEEEE;
	height: auto;
	margin-right: 0px;
	padding-bottom: 27px;
}
.twelve .selected-class, .twelve .selected-class-white, .row .twelve .selected-class, .row .twelve .selected-class-white {
    width: 100.78%;
}
#firstProductInRow {
	margin-left: 0px;	
}
.secondProduct {

}
.selectedProductFeatureArea {
	margin-left: 6px;	
	margin-right: 6px;
	margin-bottom: 0px;
}
#pushRightMargin {
	margin-right: 24px;	
}
.giftOptions p {
	padding-top: 11px;
	padding-bottom: 10px;
}

.selectedProductFeatureArea p {
	margin-bottom: 0px;
}
.selected-class {
	background-color: #EEEEEE;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cbe1a3), to(#EEEEEE));
	background-image: -webkit-linear-gradient(top, #cbe1a3, #EEEEEE);
	background-image: -moz-linear-gradient(top, #cbe1a3, #EEEEEE);
	background-image: -ms-linear-gradient(top, #cbe1a3, #EEEEEE);
	background-image: -o-linear-gradient(top, #cbe1a3, #EEEEEE);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cbe1a3', endColorstr='#EEEEEE');
	background: linear-gradient(top, #cbe1a3 15%, #EEEEEE 100%);
	margin-left: 12px;
	margin-right: 12px;
}
.forceClick {
	font-size:24px;	
	margin-left: 45px;
	margin-bottom: 10px;
	color: #333333;
	text-decoration: underline;
}
.forceClick:hover {
	text-declaration: none;	
}
.forceClick:hover {
	cursor: pointer;
	color: #666666;	
}
.selected-class-white {
	background: none;
	background-image: none;
	background-color: #EEEEEE;
	margin-left: 12px;
	margin-right: 12px;
}
.selected-class-row {
	background-color: #EEEEEE;
}

.donationLevelH2 {
	margin-left: 12px;	
	font-size: 1em;
}
.headerH2 {
	margin-left: 12px;	
}
.selected-class p, .selected-class-white p {
	padding-left: 7%;
	padding-right: 7%;
	padding-top: 10px;
}
.optionsSelect select {
	margin-top: 14px;
	height: 36px;
	margin-left: 20%;
	background: #FFFFFF;
}
.focusSelect select, .focusSelect  select:focus, .focusSelect  select:active {
	-ms-box-shadow: 0 0 3px 3px #c55252 !important;
	-moz-box-shadow: 0 0 3px 3px #c55252 !important;
	-webkit-box-shadow: 0 0 3px 3px #c55252 !important;
	box-shadow: 0px 0px 3px 3px #c55252 !important;
}
#thankYouCenter {
	display: block;
	background-color: #EEEEEE;
	margin-top: 5px;
	padding-top: 12px;
	margin-left: 15px;
	margin-right: 15px;	
}
#thankYouCenter a {
	display: block;
	padding-top: 2px;
	padding-bottom: 5px;
	height: 35px;
	text-decoration: none;
}
#thankYouCenter a p span {
	color: #336666;
	text-decoration: underline;
	font-weight: bold;
}
#thankYouCenter a p {
	color: #333333;
	text-align: center;
}
#float-column-left1, #float-column-left2, #float-column-left3, #float-column-left4, #float-column-left5, #float-column-left6, #float-column-left7, #float-column-left8, #float-column-left9, #float-column-left10, #float-column-left11 {
	float: left;
}
#chooseGift, #giftOptions0, #giftOptions1, #giftOptions2, #giftOptions3, #giftOptions4, #giftOptions5, #giftOptions6 {
	display: none;
}


.giftOptions {
	display: none;	
}

 
#minmonp {
	clear: both;
	margin-left: 19px;	
}
/* -- Contact Bottom Form Fields area -- */
.billingInfoArea {
	
}
#personAddressOne {
	margin-top: 19px;	
}
#secPersonOff, #secPersonOn span {
	font-weight: normal;
	color: #336666;
	text-decoration: underline;
}
p#secPersonOn {
	padding-left: 0px;	
}
#secPersonOff:hover, #secPersonOn span:hover {
	cursor: pointer;
	text-decoration: none;
}	
.requiredNote sup {
	position:relative;
	top: -2px;	
}
h2#billingInfoID span {
	font-weight: normal;
	margin-left: 7px;
	font-size: 0.8em;
/*	float: right;*/
}
/*#paymentInformation label, */p.formSubtitle, #billingInfo label {
	font-size: 1em;	
	font-weight: bold;
	margin-top: 0.5em;
}
p.formSubtitle {
	color: #4D4D4D;
    display: block;
    padding-left: 5px;
}
#billingInfo label span {
	position: relative;
	top: -2px;
}
#pleaseHelp {
	font-size: 1em;	
}
#thankYouGifts select, #billingInfo input, #billingInfo select {
	height: 40px;	
	margin-bottom: 5px;
}
#billingInfo input {
	margin-bottom: 15px;	
}
/* -- Payment Info Area -- */
.notCard{ opacity: 0.15; filter:alpha(opacity=20);}
/*#paymentInformation input, */#paymentInformation select {
	height: 40px;	
	margin-bottom: 12px;
}
#ccCardImage {
	padding-top: 14px;
}
#chooseyourh2 {
	margin-top: 0px;	
}
span.note {
	float: right;
	font-size: 0.8571428571428571em;
}
/* -- Summary -- */
#cartSummary ul {
	list-style-type: disc;
	list-style-position: inside;
}
#cartSummary ul li span {
	position: relative;
	top: 2px;
}
/* -- Bottom Button -- */
.contribBtn {
	margin-bottom: 20px;
}
/* -- Footer -- */
a#logoFooter {
	margin-top: 10px;
	margin-left: 40px;
	display: block;
	width: 89px;
	height: 79px;
	background: transparent url(/templates_smarty/redes_2012_responsive/lib/img/mprfooterlogo.png) no-repeat;
}
#formFooter {
	background-color: #6ab9d1;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin-left: 27px;
	margin-right: 27px;
	position: relative;
	top: -10px;
}
#formFooter ul li {
	float: left;
}
#formFooter p {
	clear: both;
}
#securitySeals a {
	display:block;
	background-image: url(/templates_smarty/redes_2012_responsive/lib/img/verisign.png);
	background-repeat: no-repeat;
	width:102px;
	height:64px;
	text-indent: -10000px;
}
#formFooter p, #formFooter ul li a {
	color: #FFFFFF;
	text-decoration: none;
}
#formFooter p#footerMoreRoom {
	margin-top: 12px;	
}
#formFooter ul {
	list-style-type: disc;
	color: #FFFFFF;
}
#formFooter ul li {
	margin-right: 23px;
}
#formFooter a#noUnderline {
	text-decoration: none;
	color: #FFFFFF;
}
#formFooter a#noUnderline:hover {
	text-decoration: none;
	color: #FFFFFF;
}
#formFooter ul li a:hover {
	text-decoration: underline;
}
#formFooter ul li.noBullet {
	list-style: none;
}
#formFooter p.more-emphasis {
	margin:0;
	padding:0;
	margin-bottom: 2px;
	font-weight: bold;
}
/* **** Survey Page ****** */
.sumLeft {
	width: 40%;
	max-width: 275px;
	height: 25px;
	float: left;
	font-weight: bold;
	display: block;
}
.surveyPage label.radioLabel {
	font-weight: normal;	
}
#confirmationNumber, #contactInformation, #PaymentInformation {
	margin-top: 15px;	
}

#paymentInformation .paymentMethod_fields {
	padding-left: 25px;
}

#donationSummary {
	margin:0;
	padding:0;	
}
.sumRight {
	width: 60%;
	max-width: 500px;
	float: left;
}

#showHideDetails .noLeft {
	margin-left: 275px;
}
input[type="submit"].contribBtnPageTwo {
	width: 250px;	
	margin-bottom: 25px;
}
.thankYouPage h2 {
	margin-bottom: 10px;	
}
#showHideDetails p {
	clear: both;
}




select[disabled],
textarea[disabled],
input[type="date"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="email"][disabled],
input[type="month"][disabled],
input[type="number"][disabled],
input[type="password"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="text"][disabled],
input[type="time"][disabled],
input[type="url"][disabled],
input[type="week"][disabled]
input.fakeDisabled,
select.fakeDisabled {
  background-color: #eee;
}
input[type="radio"][disabled], input[type="radio"].fakeDisabled{
    opacity: 0.5;
}

button[disabled],
input[disabled],
select[disabled],
select[disabled] option,
select[disabled] optgroup,
textarea[disabled],
input.fakeDisabled,
select.fakeDisabled option,
select.fakeDisabled optgroup
 {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  color: #ccc;
  cursor: default;
}



/* IE 8 STYLE FIXES */

html.ie8 #formFooter {
	background: repeat;
	border-radius: 0px;
	margin-left: 27px;
	margin-right: 27px;
	position: static;
	top: 0px;
	background-color: #6ab9d1;
	z-index: 100;	
}
html.ie8 #wrapperbkd {
	background-color: #FFFFFF;
	border-radius: 0px;
	box-shadow: none;
}
html.ie8 #formFooter a#logoFooter {
	background-color: #6AB9D1;
	padding: 10px;
}

html.ie8 #formFooter a#noUnderline {
    text-decoration: none;
}
html.ie8 #otherValueText, html.ie8 #otherValueTextSingle, html.ie8 #otherValueTextAnnual {
	padding-top: 7px;
	padding-left: 18px;
}





/* -- KLUDGE: Putting this after the max-width blocks causes the a#logo width to double, putting it before fixes it -- */
/* -- Styles for higher pixel density -- */
/* all set to 2x width and 2x height and set the background size to the original non-high pixel density */
@media all and (-webkit-min-device-pixel-ratio : 1.5) {
a#logo {
	background: transparent url(/templates_smarty/redes_2012_responsive/lib/img/logo2x.png) no-repeat;
	background-size: 183px 38px;
}
/*#masthead-img1 {
	background-image: url(/templates_smarty/redes_2012_responsive/lib/img/topimagestemplate2x_01.png);
	background-size: 72px 73px;
}*/
#masthead-img2 {
	background-image: url(/templates_smarty/redes_2012_responsive/lib/img/topimagestemplate2x_03.png);
	background-size: 96px 73px;
}
#giftOptionImage p {
	text-indent: -10000px;
	background-image: url(/templates_smarty/redes_2012_responsive/lib/img/chooseagift2x.png);
	background-size: 267px 39px;
}
#mmCheckWrapper p {
	margin-left: 0px;
}
.radioLabel a#questionCircle, .radioLabel a#questionCircle2 {
	background-image: url(/templates_smarty/redes_2012_responsive/lib/img/question2x.jpg);
	background-size: 21px 21px;
}
}
/* -- Break point for more than iPad Portait (i.e. desktop mode) -- */
@media only screen and (min-width: 768px) {
#wrapperbkd {
	background-color: #FFFFFF;
	-moz-border-radius: 7px;
	border-radius: 7px;
	-ms-box-shadow: 0 0 5px 5px #c7e7f0;
	-moz-box-shadow: 0 0 5px 5px #c7e7f0;
	-webkit-box-shadow: 0 0 5px 5px #c7e7f0;
	box-shadow: 0px 0px 5px 5px #c7e7f0;
}
#thanksgiftyes, #thanksGiftLabelYes {
	display: none;	
}
}
/* -- Break point for less than iPad Portrait -- */
/* This is the major break point. Some elements get set to display: none and some display: block to show/hide necessary/unecessary items */
@media only screen and (max-width: 767px) {
body {
}
/* -- All elements that will be invisible below 767 px -- */
.nosmall, #secondPersonID, #masthead-seals, #bonusGiftImage, #secondNameID, #phoneID, #address2ID, #apartmentID, #secondNameID2, #thankYouGifts {
	display: none;
}
a#logoFooter {
	background: none;
	margin-top: 0px;
	width: 89px;
	height: 10px;
}
/* --  All elements that will be visible only below 767 px -- */
#chooseGift, .yessmall {
	display: block;
}
/* other value on donation kind section needs to be shortened and the /mo label needs to be realigned. Simply floating left was not working so position: relative was the solution. Could use a cleaner solution at a later date */
hr {
	margin-bottom: 11px;
}
#otherValueText, #otherValueTextAnnual {
	width: 75%;
}
/*lower font sizes */
h1 {
	font-size: 1.4em;	
}
h3 {
	font-size: 1em;	
}
label.radioLabel {
	width: 80%;
}
.eleven label.radioLabel {
	width: 100px;
}
.twelve label.radioLabel { width: auto; }
/* 
#termsAgreeCircle { margin-left: auto !important; }
 */

h2#billingInfoID span.requiredNote {
	font-size: 0.6em;	
}
label {
	font-size: 1em;	
}
#pleaseHelp {
	font-size: 	0.8571428571428571em;
}
#support-mpr-h1 {
	font-size: 1.75em;
}
/* alter positions, margins and padding */
.side1 .row .optionsSelect select {
    margin-left: 16px;
}
.smallScreenPad {
	margin-left: 10px;	
	padding-right: 20px;
}

sup {
	position: relative;
	top: 1px;
}
.formh2 {
	margin-top: 12px;
}
#pledgeRadioOne label.radioLabel {
	margin-bottom: 4px;
}
#securitySeals {
	position: relative;
	/* top: -25px; */
}
#noGiftCheckWrapper label {
	padding-top: 0px;	
	padding-bottom: 0px;
	margin-top: 2px;
}
#pledgeType label, #bonusCheckWrapper label {
	padding-top: 0px;	
	padding-bottom: 0px;
	margin-top: 2px;
}
#onetimedonation {
	margin-bottom: 5px;
}
.radioLabel {
	margin-top: 3px;	
}
a#logo, #masthead-h1, #masthead-h2 {
	position: relative;
	left:-3%;
}
a#logo {
	margin-top: 14px;
	width: 100%;
	background-position: 50% 0;
	margin-left: 0px;
	height: 49px;
}
#masthead-h1 {
	margin-top: 0px;
	margin-left: 20px;
}
#masthead-h2 {
	margin-top: 0px;
	margin-bottom: 4px;
	margin-left: 20px;
}
#noBottomSpace {
	margin-bottom: 0px;	
	padding-bottom: 0px;
	background-color: #6ab9d1;
}
#wrapperbkd, #wrapperbkdextra {
	margin-bottom: 0px;	
	padding-bottom: 0px;
}
.twelve {
	/*padding: 0 0px;*/
}
#formFooter ul li {
	margin-right: 5px;
}
#formFooter p, #formFooter ul li {
	padding-left: 10px;	
}
#formFooter p.more-emphasis {
	padding-left: 10px;
	margin-bottom: 2px;
	margin-top: 6px;
	
}
#formFooter p {
	margin-bottom: 0px;	
}
#ccCardImage {
	padding-top: 0px;
	float: right;
	padding-bottom: 8px;
}
.sectionPadding {
	padding-left: 0px;
	padding-right: 0px;	
}
#yearID {
	position: relative;
	/* top: -15px; */
}
/* Major interface elements design alterations */
.coloredBackground {
	/*background-color: #eeeeee;*/	
}
.sumLeft, .sumRight {
	float: none;	
	width: 100%;
}
#showHideDetails .noLeft {
	margin-left: 0px;
}
.optionsSelect select {
    margin-left: 0px;
}
.selected-class, .selected-class-white { width: 101.5% !important; }
.firstProduct .selected-class, .firstProduct .selected-class-white { width: 100% !important; }
#wrapperbkdextra {
	background: #FFFFFF;
}
.optionsSelect select  {
	width: 90%;
	margin-left: 5%;
}
.optionsSelect {
	height: auto;	
}
#wrapper {
	-moz-border-radius: 0px;
	border-radius: 0px;
	-ms-box-shadow: 0 0 2px 2px #c7e7f0;
	-moz-box-shadow: 0 0 2px 2px #c7e7f0;
	-webkit-box-shadow: 0 0 2px 2px #c7e7f0;
	box-shadow: 0px 0px 2px 2px #c7e7f0;
	padding-left: 15px;
	background: #FFFFFF;
	margin-top: 7px;
}
#formFooter {
	height: auto;
	width: 100%;
	background-color: #6ab9d1;
	-moz-border-radius: 0px;
	border-radius: 0px;
	margin-left: 0px;
	margin-right: 0px;
}
#formFooter ul li {
	float: none;
	list-style: none;
}
/* Product Rerendering */
#selectedProduct {
	padding-bottom: 0px;
}
$thankYouGifts {
	width: 100%;	
}
#thankYouGifts img {
	width: 28.75%;	
}
#thankYouGifts .column:after, #thankYouGifts .columns:after {
    clear: right;
}
#theGiftWrapper #thankYouGifts ul {
    left: 0px;
}
#theGiftWrapper #thankYouGifts ul li {
    /*font-size: 0.75em;*/
}
#thankYouGifts .five {
	width: 47.50%;	
}
#thankYouGifts .six {
	width: 52.50%;	
}
#thankYouGifts .productSelectionRadio {
	margin-left: 20px;
}
#thankYouGifts ul {
	width: auto;
	margin-left: 2.5%;	
}
#thankYouGifts ul li {
	width: auto;	
}
#thankYouCenter a p span {
	display: block;
}
#thankYouCenter {
	height: 70px;	
}

}
@media only screen and (max-width: 825px) {
	#thankYouGifts input {
	  margin-top: 50px;
  }	
}
@media only screen and (max-width: 570px) {
#support-mpr-h1 {
	font-size: 1.6em;
}
#bonusCheckWrapper ul li span, #mmCheckWrapper label span, #noGiftCheckWrapper ul li span {
	font-size: .95em;
	font-weight: normal;
}
h2#billingInfoID span {
/*	display: block;*/
	font-size: .95em;
}
#theGiftWrapper #thankYouGifts ul {
	width: 200px;	
}
#otherValueText, #otherValueTextAnnual {
	width: 50%;
}
}
@media only screen and (max-width: 470px) {
#support-mpr-h1 {
	font-size: 1.2em;
}
#donation-h2 {
	font-size: 1.14em;
}
label {
	font-size: 0.9em;	
}
p, li {
    font-size: 0.9em;
}

#theGiftWrapper #thankYouGifts ul li {
    font-size: 0.9em;
	overflow: hidden;
}
#theGiftWrapper #thankYouGifts ul {
	width: 125px;	
}
}