.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://uwco.ca/servlet/eAndar.WebExtDocument/styleimage/65313A41594D4B7A6C68644168547A5148687664423561706F444238795F645942496A57372D4B6F78657A325469645567/icon-credit.png') no-repeat center;*/
background: url('https://uwco.ca/servlet/eAndar.WebExtDocument/styleimage/65313A415733336D73746C54676D6E424B6A796D706C486B6354726A4C7452556D6B4E394651433037725F5A4574796651/icon-credit-blue.png') no-repeat center;
}

.Page-EmpRegPledge #PledgeTypeSelectionSection .Credit .form-check-label {
background: url('https://uwco.ca/servlet/eAndar.WebExtDocument/styleimage/65313A415733336D73746C54676D6E424B6A796D706C486B6354726A4C7452556D6B4E394651433037725F5A4574796651/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://uwco.ca/servlet/eAndar.WebExtDocument/styleimage/65313A415176574D326576424C5269336C475A7A67492D5A4B626D5A626338716C7655586551336266666757624C736177/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://uwco.ca/servlet/eAndar.WebExtDocument/styleimage/65313A415A54465F4752554A5F58534B397875374A31342D2D3269396537306550533046377970664B516936516C6D4367/icon-creditpp.png') no-repeat center;*/
background: url('https://uwco.ca/servlet/eAndar.WebExtDocument/styleimage/65313A415A584F4A553032356D707A51646970706341453269644848643652645F4B6A3075786964583336516B70794251/icon-creditpp-blue.png') no-repeat center;
}

.Page-EmpRegPledge #PledgeTypeSelectionSection .CreditPP .form-check-label {
background: url('https://uwco.ca/servlet/eAndar.WebExtDocument/styleimage/65313A415A584F4A553032356D707A51646970706341453269644848643652645F4B6A3075786964583336516B70794251/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://uwco.ca/servlet/eAndar.WebExtDocument/styleimage/65313A4158593264425F5547713664544C6C726B746331435058634B35316A506D707832654672427A704C7A3532784B51/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://uwco.ca/servlet/eAndar.WebExtDocument/styleimage/65313A415634415555537176466E5F304976474A454A5554705F57543964764C6B6231547841505A3156344F4A53694451/icon-paypal.png') no-repeat center;*/
background: url('https://uwco.ca/servlet/eAndar.WebExtDocument/styleimage/65313A41547A6C7231526E68527270726974366C66543541684B4D304C56464C6444795459627633753143302D50455151/icon-paypal-blue.png') no-repeat center;
}

.Body-Page-EmpRegPledge #PledgeTypeSelectionSection .PPExprChkout .form-check-label {
background: url('https://uwco.ca/servlet/eAndar.WebExtDocument/styleimage/65313A41547A6C7231526E68527270726974366C66543541684B4D304C56464C6444795459627633753143302D50455151/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://uwco.ca/servlet/eAndar.WebExtDocument/styleimage/65313A4151777A61784F57764F78474855326E6F6F6E65304568504459755F39346F5235596B706E577A7234536B572D41/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://uwco.ca/servlet/eAndar.WebExtDocument/styleimage/65313A41647333554F4B593048666443676251326D4D4D5F6934382D794A626C525037754D435A7A4A5847665651357941/icon-payroll-blue.png') no-repeat center;
}

.Page-EmpRegPledge #PledgeTypeSelectionSection .Payroll .form-check-label {
background: url('https://uwco.ca/servlet/eAndar.WebExtDocument/styleimage/65313A41647333554F4B593048666443676251326D4D4D5F6934382D794A626C525037754D435A7A4A5847665651357941/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://uwco.ca/servlet/eAndar.WebExtDocument/styleimage/65313A4161754752433662383169357A65626A52796B366F3939595170767A64566E4C556B445250366168485878517077/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%;
}

}