.Area-Registration #PledgePaymentInfo,
.Page-IPledgeCombined #PledgeTypeSelectionSection,
.Page-EmpRegPledge #PledgeTypeSelectionSection {
display: inline;
flex-wrap: wrap;
}

.Page-IPledgeCombined #PledgeTypeSelectionSection .Credit,
.Page-IPledgeCombined #PledgeTypeSelectionSection .CreditPP,
.Page-IPledgeCombined #PledgeTypeSelectionSection .PPExprChkout,
.Page-EmpRegPledge #PledgeTypeSelectionSection .Credit,
.Page-EmpRegPledge #PledgeTypeSelectionSection .CreditPP,
.Page-EmpRegPledge #PledgeTypeSelectionSection .PPExprChkout,
.Page-EmpRegPledge #PledgeTypeSelectionSection .Payroll {
flex-grow: 1;
/*CHANGE WIDTH TO CHANGE NUMBER OF COLUMNS // (2) 50% - (3) 33% - (4) 25% - (5) 20% */
width: 22%;
max-width: 22%;
/*MAX WIDTH FOR LAST ROW*/
margin-bottom: 0;
display: inline-block !important;
}

.Body-Page-SinglePageRegPledge .Area-Registration #PledgePaymentInfo .Credit,
.Body-Page-SinglePageRegPledge .Area-Registration #PledgePaymentInfo .CreditPP,
.Body-Page-SinglePageRegPledge .Area-Registration #PledgePaymentInfo .PPXChkout {
flex-grow: 1;
/*CHANGE WIDTH TO CHANGE NUMBER OF COLUMNS // (2) 50% - (3) 33% - (4) 25% - (5) 20% */
width: 25%;
max-width: 25%;
/*MAX WIDTH FOR LAST ROW*/
margin-bottom: 0;
display: inline-block !important;
}

.Area-Registration #PledgePaymentInfo > div .form-check,
.Page-IPledgeCombined #PledgeTypeSelectionSection > div .form-check,
.Page-EmpRegPledge #PledgeTypeSelectionSection > div .form-check {
padding-left: 0;
display: inline-block;
vertical-align: text-top;
}

.Page-EmpRegPledge #PledgeTypeSelectionSection .FlagsUDFSection div .form-check {
padding-left: 0;
display: block;
}

.Area-Registration #PledgePaymentInfo .Row-PledgeAmount,
.Page-IPledgeCombined #PledgeTypeSelectionSection .Row-PledgeAmount,
.Page-EmpRegPledge #PledgeTypeSelectionSection .Row-PledgeAmount {
width: 100%;
min-width: 100%;
padding: 0;
}

#PledgeNavigationB {
padding: 0;
}

.Area-Registration #PledgePaymentInfo input[type="radio"],
.Page-IPledgeCombined #PledgeTypeSelectionSection input[type="radio"],
.Page-EmpRegPledge #PledgeTypeSelectionSection input[type="radio"] {
display: none;
}

.Area-Registration #PledgePaymentInfo .Row-PledgeAmount input[type="radio"],
.Page-IPledgeCombined #PledgeTypeSelectionSection .Row-PledgeAmount input[type="radio"] {
display: inline-block;
}

.Area-Registration #PledgePaymentInfo .form-check-label {
display: block !important;
background: transparent; /*Add !important if it needs to be white*/
text-align: center;
margin: 0.5em;
padding: 6.5em 0.5em 1em 0.5em;
min-height: 140px;
cursor: pointer;
background-position-y: 0.5em !important;
background-size: 140px !important;
}

.Page-IPledgeCombined #PledgeTypeSelectionSection .form-check-label,
.Page-EmpRegPledge #PledgeTypeSelectionSection .form-check-label {
display: block !important;
background: #fff; /*Add !important if it needs to be white*/
text-align: center;
margin: 0.5em;
padding: 6.5em 0.5em 1em 0.5em;
min-height: 140px;
cursor: pointer;
background-position-y: 0.5em !important;
background-size: 140px !important;
}

.Area-Registration .PaymentFrequency .BillingFreq .form-check-label,
#PledgePaymentInfo .FlagTable .form-check-label,
.Page-IPledgeCombined #PledgeTypeSelectionSection .FlagTable .form-check-label {
	padding: 0px !important;
	margin: 0px !important;
	min-height: 0px !important;
	text-align: left;
}

span.radioSpace {
display: none;
}

.Area-Registration #PledgePaymentInfo input[type="radio"]:checked + span + .form-check-label,
.Area-Registration #PledgePaymentInfo input[type="radio"]:checked + .form-check-label {
/*background-color: #DEE6EE !important;*/
background-color: #A9D0F5 !important;
color: #075098;
}

.Page-IPledgeCombined #PledgeTypeSelectionSection input[type="radio"]:checked + span + .form-check-label,
.Page-IPledgeCombined #PledgeTypeSelectionSection input[type="radio"]:checked + .form-check-label {
background-color: rgba(225,106,77,0.7) !important;
}

.Page-EmpRegPledge #PledgeTypeSelectionSection input[type="radio"]:checked + span + .form-check-label,
.Page-EmpRegPledge #PledgeTypeSelectionSection input[type="radio"]:checked + .form-check-label {
/*background-color: #29569D !important;*/
background-color: none !important;
}

.Page-EmpRegPledge .PledgeTypeSelection .TypeSelection-Items input[type="radio"]:checked + span + label.RadioLabel,
.Page-EmpRegPledge .PledgeTypeSelection .TypeSelection-Items input[type="radio"]:checked + label.RadioLabel {
    color: #666666 !important;
}

/*Credit*/
.Area-Registration #PledgePaymentInfo .Credit .form-check-label,
.Page-IPledgeCombined #PledgeTypeSelectionSection .Credit .form-check-label {
/*background: url('https://ww2.uwco.ca/servlet/eAndar.WebExtDocument/styleimage/65313A41514C585554624642576E54786F41716779392D3878363578477466637756425F4547616731336D2D7079645667/icon-credit.png') no-repeat center;*/
background: url('https://ww2.uwco.ca/servlet/eAndar.WebExtDocument/styleimage/65313A415243487848596D544774714A7A4671486546704A325A4F7054333173376D7354756B32647665647834364B7477/icon-credit-blue.png') no-repeat center;
}

.Page-EmpRegPledge #PledgeTypeSelectionSection .Credit .form-check-label {
background: url('https://ww2.uwco.ca/servlet/eAndar.WebExtDocument/styleimage/65313A415243487848596D544774714A7A4671486546704A325A4F7054333173376D7354756B32647665647834364B7477/icon-credit-blue.png') no-repeat center;
}

.Area-Registration #PledgePaymentInfo .Credit input[type="radio"]:checked + span + .form-check-label,
.Page-IPledgeCombined #PledgeTypeSelectionSection .Credit input[type="radio"]:checked + span + .form-check-label,
.Page-EmpRegPledge #PledgeTypeSelectionSection .Credit input[type="radio"]:checked + span + .form-check-label {
background: url('https://ww2.uwco.ca/servlet/eAndar.WebExtDocument/styleimage/65313A4166376868714C666F39673667746239322D4B4A763257386379696A563866536846462D434E2D41543865695967/icon-credit-selected.png') no-repeat center;
}
/*Credit END*/

/*Credit Pre-Auth*/
.Area-Registration #PledgePaymentInfo .CreditPP .form-check-label,
.Page-IPledgeCombined #PledgeTypeSelectionSection .CreditPP .form-check-label {
/*background: url('https://ww2.uwco.ca/servlet/eAndar.WebExtDocument/styleimage/65313A415474664A305F44356248594E393031754E42307A6275757849445F413678476F6778674174706277727A794541/icon-creditpp.png') no-repeat center;*/
background: url('https://ww2.uwco.ca/servlet/eAndar.WebExtDocument/styleimage/65313A41664A7477416F6D794959616E49514D76714E516E356F7479684F48685442496F624A41536B34572D4D43535941/icon-creditpp-blue.png') no-repeat center;
}

.Page-EmpRegPledge #PledgeTypeSelectionSection .CreditPP .form-check-label {
background: url('https://ww2.uwco.ca/servlet/eAndar.WebExtDocument/styleimage/65313A41664A7477416F6D794959616E49514D76714E516E356F7479684F48685442496F624A41536B34572D4D43535941/icon-creditpp-blue.png') no-repeat center;
}

.Area-Registration #PledgePaymentInfo .CreditPP input[type="radio"]:checked + span + .form-check-label,
.Page-IPledgeCombined #PledgeTypeSelectionSection .CreditPP input[type="radio"]:checked + span + .form-check-label,
.Page-EmpRegPledge #PledgeTypeSelectionSection .CreditPP input[type="radio"]:checked + span + .form-check-label {
background: url('https://ww2.uwco.ca/servlet/eAndar.WebExtDocument/styleimage/65313A41613464556A734452426C4532485A4A5971716B50554A7868385174587A33496B71345A784A57544A4545727667/icon-creditpp-selected.png') no-repeat center;
}
/*Credit Pre-Auth END*/

/*PPExprChkout*/
.Area-Registration #PledgePaymentInfo .PPXChkout .form-check-label,
.Page-IPledgeCombined #PledgeTypeSelectionSection .PPExprChkout .form-check-label {
/*background: url('https://ww2.uwco.ca/servlet/eAndar.WebExtDocument/styleimage/65313A41525456613667764F4F554F784649555A6C30624A754E5A6968386A4671357A514C43743468514A637334396967/icon-paypal.png') no-repeat center;*/
background: url('https://ww2.uwco.ca/servlet/eAndar.WebExtDocument/styleimage/65313A4164387859576764655358784C6C4D486C52786379633873365849713162583268696170773633733676766C3451/icon-paypal-blue.png') no-repeat center;
}

.Body-Page-EmpRegPledge #PledgeTypeSelectionSection .PPExprChkout .form-check-label {
background: url('https://ww2.uwco.ca/servlet/eAndar.WebExtDocument/styleimage/65313A4164387859576764655358784C6C4D486C52786379633873365849713162583268696170773633733676766C3451/icon-paypal-blue.png') no-repeat center;
}

.Area-Registration #PledgePaymentInfo .PPXChkout input[type="radio"]:checked + span + .form-check-label,
.Page-IPledgeCombined #PledgeTypeSelectionSection .PPExprChkout input[type="radio"]:checked + span + .form-check-label,
.Page-EmpRegPledge #PledgeTypeSelectionSection .PPExprChkout input[type="radio"]:checked + span + .form-check-label {
background: url('https://ww2.uwco.ca/servlet/eAndar.WebExtDocument/styleimage/65313A416246384D4B50556666433941735F394B54486F6A7466743972486C54424E33373138386C55425F514B49775041/icon-paypal-selected.png') no-repeat center;
}
/*PPExprChkout END*/

/*Payroll*/
.Area-Registration #PledgePaymentInfo .Payroll .form-check-label,
.Page-IPledgeCombined #PledgeTypeSelectionSection .Payroll .form-check-label {
/*background: url('andar:dbImage?file=icon-payroll.png&style=SPRPPledgeTypeIcons') no-repeat center;*/
background: url('https://ww2.uwco.ca/servlet/eAndar.WebExtDocument/styleimage/65313A41597535634B2D77484642677A466555634C6A416845356C3762446F63685F7444304141636E464B616671456451/icon-payroll-blue.png') no-repeat center;
}

.Page-EmpRegPledge #PledgeTypeSelectionSection .Payroll .form-check-label {
background: url('https://ww2.uwco.ca/servlet/eAndar.WebExtDocument/styleimage/65313A41597535634B2D77484642677A466555634C6A416845356C3762446F63685F7444304141636E464B616671456451/icon-payroll-blue.png') no-repeat center;
}

.Area-Registration #PledgePaymentInfo .Payroll input[type="radio"]:checked + span + .form-check-label,
.Page-IPledgeCombined #PledgeTypeSelectionSection .Payroll input[type="radio"]:checked + span + .form-check-label,
.Page-EmpRegPledge #PledgeTypeSelectionSection .Payroll input[type="radio"]:checked + span + .form-check-label {
background: url('https://ww2.uwco.ca/servlet/eAndar.WebExtDocument/styleimage/65313A4159656279306D7A433539375363746F5F73714D56536B5A69756443367335465346675A31544976417077766A77/icon-payroll-selected.png') no-repeat center;
}
/*Payroll END*/

.Area-Registration #PledgePaymentInfo .Credit,
.Area-Registration #PledgePaymentInfo .CreditPP,
.Area-Registration #PledgePaymentInfo .PPXChkout,
.Page-IPledgeCombined #PledgeTypeSelectionSection .Credit,
.Page-IPledgeCombined #PledgeTypeSelectionSection .CreditPP,
.Page-IPledgeCombined #PledgeTypeSelectionSection .PPExprChkout,
.Page-EmpRegPledge #PledgeTypeSelectionSection .Credit,
.Page-EmpRegPledge #PledgeTypeSelectionSection .CreditPP,
.Page-EmpRegPledge #PledgeTypeSelectionSection .PPExprChkout,
.Page-EmpRegPledge #PledgeTypeSelectionSection .Payroll  {
flex-grow: 1;
/*CHANGE WIDTH TO CHANGE NUMBER OF COLUMNS // (2) 50% - (3) 33% - (4) 25% - (5) 20% */
width: 22%;
max-width: 22%;
/*MAX WIDTH FOR LAST ROW*/
margin-bottom: 0;
}

/*Small devices (tablets, 1024px and down)*/
@media (max-width: 1024px) {
	
.Area-Registration #PledgePaymentInfo .Credit,
.Area-Registration #PledgePaymentInfo .CreditPP,
.Area-Registration #PledgePaymentInfo .PPXChkout,
.Page-IPledgeCombined #PledgeTypeSelectionSection .Credit,
.Page-IPledgeCombined #PledgeTypeSelectionSection .CreditPP,
.Page-IPledgeCombined #PledgeTypeSelectionSection .PPExprChkout {
width: 31% ;
max-width: 31%;
}

.Page-EmpRegPledge #PledgeTypeSelectionSection .Credit,
.Page-EmpRegPledge #PledgeTypeSelectionSection .CreditPP,
.Page-EmpRegPledge #PledgeTypeSelectionSection .PPExprChkout,
.Page-EmpRegPledge #PledgeTypeSelectionSection .Payroll {
width: 22% ;
max-width: 22%;
}
}
/*
.PledgeTypeSelection .TypeSelection-Items > div {
width: 33%;
max-width: 33%;
}
}
/* Small devices (tablets, 768px and down)
@media (max-width: 768px) {
.Area-Registration #PledgePaymentInfo > div {
width: 50%;
max-width: 50%;
}
*/
/* Small devices (tablets, 420px and down)*/

@media (max-width: 420px) {

.Area-Registration #PledgePaymentInfo .Credit,
.Area-Registration #PledgePaymentInfo .CreditPP,
.Area-Registration #PledgePaymentInfo .PPXChkout,
.Page-IPledgeCombined #PledgeTypeSelectionSection .Credit,
.Page-IPledgeCombined #PledgeTypeSelectionSection .CreditPP,
.Page-IPledgeCombined #PledgeTypeSelectionSection .PPExprChkout,
.Page-EmpRegPledge #PledgeTypeSelectionSection .Credit,
.Page-EmpRegPledge #PledgeTypeSelectionSection .CreditPP,
.Page-EmpRegPledge #PledgeTypeSelectionSection .PPExprChkout,
.Page-EmpRegPledge #PledgeTypeSelectionSection .Payroll {
	width: 100% ;
	max-width: 100%;
	display: block;
}

.Body-Page-SinglePageRegPledge .Area-Registration #PledgePaymentInfo .Credit,
.Body-Page-SinglePageRegPledge .Area-Registration #PledgePaymentInfo .CreditPP,
.Body-Page-SinglePageRegPledge .Area-Registration #PledgePaymentInfo .PPXChkout {
	width: 100% ;
	max-width: 100%;
	display: block;
}

.GiveButton {
	display: inline-block !important;
	font-size: 10px;
	line-height: .25;
	width: 45% !important;
	text-align: center;
}

.GiveButton a {
	display: block;
	border-radius: 10px;
	margin: 5px;
	padding: 20px 30px 20px 30px;
	background-color: #ffffff;
	color: #9661A8;
	border: solid 2px #9661A8;
	/*background-color: #e0e0e0;*/
	font-size: 1.5em;
	font-style: italic;
	font-weight: bold;
}

.Page-IPledgeCombined #PledgeTypeSelectionSection .PPExprChkout .form-check {
	width: 100%;
}

}