/*-----Type Selection Layout-----*/

/*  Dark Blue - #005191
 *  Orange - #f47f1f
 *  Light Blue -#539ed0 
 */

.TypeSelection > div {
	margin:0 auto;
/*	margin-bottom: 1em !important;*/
}

.Section-PledgeAddInfo {
    max-width: 70%;
}

TypeSelection {
 	margin: 0 auto;
 	text-align: center;
 	display: inline-flex;
 	flex-wrap: wrap;
}

/********************************** This is CSS for WORKPLACE  *****************************/
.TypeSelection .ACHPP, 
.TypeSelection .Payroll, 
.TypeSelection .Bill, 
.TypeSelection .Cash, 
.TypeSelection .Credit, 
.TypeSelection .Check, 
.TypeSelection .Securities, 
.TypeSelection .ACH, 
.TypeSelection .ACHPP, 
.TypeSelection .IncentiveComp, 
.TypeSelection .IntendedGift, 
.TypeSelection .NoGift, 
.TypeSelection .PartnerWithdwl, 
.TypeSelection .PTO, 
.TypeSelection .Corporate, 
.TypeSelection .CreditPP, 
.TypeSelection .WorkplaceSE,
.TypeSelection .PPExprChkout {
/* USE UWAYLC StyleSheet for CSS Styling
    max-height: 175px;  
    max-width: 250px; 
    display:inline-block;
    margin: 3px;
*/
width: 16.0%;
display: inline-block;
}

.TypeSelection .ACHPP .RadioLabel,
.TypeSelection .Check .RadioLabel, 
.TypeSelection .Credit .RadioLabel, 
.TypeSelection .Payroll .RadioLabel,
.TypeSelection .Bill .RadioLabel,
.TypeSelection .CreditPP .RadioLabel,
.TypeSelection .Cash .RadioLabel,
.TypeSelection .Securities .RadioLabel,
.TypeSelection .NoGift .RadioLabel {
    background-color: #ffffff !important; /*CHOOSE YOUR DEFAULT COLOR HERE - white*/
    color: #005191; /*Default font color - UW dark blue*/
    border-radius: 10px;
    border: 4px solid #999999;
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
	vertical-align:text-top;
    max-width: 100% !important;
    	padding: 20px 30px 20px 30px;
    	text-align:center important!;
    	margin:auto;
    text-decoration: none !important;
    transition: background-color 0.1s ease-in-out 0s !important;
    cursor: pointer !important;
    flex-grow: 1;
    float: left;
}
.TypeSelection .ACHPP .RadioLabel:hover,
.TypeSelection .Check .RadioLabel:hover,
.TypeSelection .Credit .RadioLabel:hover,
.TypeSelection .Payroll .RadioLabel:hover,
.TypeSelection .Bill .RadioLabel:hover,
.TypeSelection .CreditPP .RadioLabel:hover,
.TypeSelection .Cash .RadioLabel:hover,
.TypeSelection .Securities .RadioLabel:hover,
.TypeSelection .NoGift .RadioLabel:hover

{
    background-color: #539ed0 !important;  /* CHOOSE YOUR MOUSE OVER COLOR HERE - Light blue from hover top menu*/
    color: #FFFFFF;
}

.TypeSelection .ACHPP input[type="radio"]:checked + span + label,
.TypeSelection .Check input[type="radio"]:checked + span + label,
.TypeSelection .Credit input[type="radio"]:checked + span + label, 
.TypeSelection .Payroll input[type="radio"]:checked + span + label,
.TypeSelection .Bill input[type="radio"]:checked + span + label,
.TypeSelection .CreditPP input[type="radio"]:checked + span + label,
.TypeSelection .Cash input[type="radio"]:checked + span + label,
.TypeSelection .Securities input[type="radio"]:checked + span + label,
.TypeSelection .NoGift input[type="radio"]:checked + span + label {
    background-color: #005191 !important; /*Selected Type Background color - UW Dark Blue*/
    color: #FFFFFF; /*Selected font color - White*/
}


.TypeSelection .ACHPP input[type="radio"],
.TypeSelection .Check input[type="radio"],
.TypeSelection .Credit input[type="radio"],
.TypeSelection .Payroll input[type="radio"],
.TypeSelection .Bill input[type="radio"],
.TypeSelection .CreditPP input[type="radio"],
.TypeSelection .Cash input[type="radio"],
.TypeSelection .Securities input[type="radio"],
.TypeSelection .NoGift input[type="radio"]
{
    display: none !important;
}

.TypeSelection .PledgeSelectIcon	{
	display:block;
	padding-bottom:3px;
	text-align: center;
}


/********************************** This is CSS for INDIVIDUAL - SPRP *****************************/

#PledgePaymentInfo .ACH,
#PledgePaymentInfo .CreditPP,
#PledgePaymentInfo .Bill,
#PledgePaymentInfo .Credit{
 	margin: 0 auto;
 	text-align: center;
	display: inline-block;
	margin: 10px 10px 20px 0;
	width:125px;
	height:130px;
	vertical-align: top;
}
 	
#PledgePaymentInfo .ACH label:hover,
#PledgePaymentInfo .CreditPP label:hover,
#PledgePaymentInfo .Bill label:hover,
#PledgePaymentInfo .Credit label:hover{
    background-color: #539ed0 !important;  
    color: #FFFFFF;
		background-color: #005191;
	color:#ffffff;
	font-weight:bold;
	border:1px solid #7a7a7a;
 
	 border-radius: 0px;
     border: 1px solid #999999;
}


#PledgePaymentInfo .ACH label,
#PledgePaymentInfo .CreditPP label,
#PledgePaymentInfo .Bill label,
#PledgePaymentInfo .Credit label{

	display: inline-block;
  width:100%;
	height: 100%;  
    float: left;
    background-color: #ffffff !important; /*CHOOSE YOUR DEFAULT COLOR HERE - white*/
    color: #005191; /*Default font color - UW dark blue*/
    border-radius: 0px;
    border: 1px solid #999999;
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
	vertical-align:text-top;
    max-width: 100% !important;
    	padding: 0px !important;
    	text-align:center important!;
    	margin:auto;
    text-decoration: none !important;
    transition: background-color 0.1s ease-in-out 0s !important;
    cursor: pointer !important;
    flex-grow: 1; 
    float: left; 
	padding:15px 0 !important;
	
}
 #PledgePaymentInfo .Block .BlockDetails .form-check.ACH, #PledgePaymentInfo .Block .BlockDetails .form-check.CreditPP{
     padding-left:0;
}



#PledgePaymentInfo .ACH input[type="radio"]:checked + span,
#PledgePaymentInfo .CreditPP input[type="radio"]:checked + span,
#PledgePaymentInfo .Bill input[type="radio"]:checked + span,
#PledgePaymentInfo .Credit input[type="radio"]:checked + span{
    background-color: #005191 !important; /*Selected Type Background color - UW Dark Blue*/
    color: #FFFFFF; /*Selected font color - White*/
    border-radius: 5px;
	font-style: normal;
	font-weight: bold;
	vertical-align:middle;
    max-width: 100% !important;
    	padding: 0px 10px 0px 10px;
    	
    	text-align:center important!;
    	margin:0 auto;
	width: 100%;
height: 100%;
    /*! line-height: auto; */
    width: 100%;
    /*! height: 100%; */
    /*! line-height: inherit; */
    vertical-align: middle;
}

#PledgePaymentInfo .ACH input[type="radio"],
#PledgePaymentInfo .CreditPP input[type="radio"],
#PledgePaymentInfo .Bill input[type="radio"],
#PledgePaymentInfo .Credit input[type="radio"]{
    display: none !important;
}



#PledgePaymentInfo .PledgeSelectIcon	{
	display:block;
	padding-bottom:3px;
	text-align: center;
	vertical-align: middle;
}

.Page-SinglePageRegPledge {
    max-width: 800px;
    margin: 0 auto;
}

#ACHAmountDisplay, #ccppAmountDisplay {
    max-width: 240px;
    height: auto !important;
}