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

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

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

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

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

}