a:link {
    color: #da291c;
    text-decoration: underline;
}

/*Event Banner Full Width*/
img.AndarImgExLG {
    width: 100%;
}
/*Top Margin for Body*/
#main-body {
    margin-top: 3em;
}
.Page-IPledgeSelection {
	margin-top: -3em !important;
}
/*Inline Navigation Buttons*/
nav.Navigation ol li {
    display: inline-block;
}

.PortletLanguage a {
font-family: 'Nunito', sans-serif;
    font-size: 15px;
    line-height: 1.2;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
    color: #4a4a4a;
}

#main-body-nav .body-nav ul.pureCssMenu.pureCssMenum {
    background: #ee0000;
    }
    #main-body-nav .body-nav li {
        width: auto;
        }

nav.PledgeNavigation ol li {
    display: inline-block;
}

.footer .cta-left .cta-side {
    background-size: contain;
    width: 60px  !important;
    float: center;
    height: 200px !important;
}

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

.TypeSelection > div, #PledgePaymentInfo > div {
	margin:0 auto;
	margin-bottom: 1em !important;
}

.TypeSelection {
 	margin: 0 auto;
     text-align: center;
     display: inline-block;

}
#PledgePaymentInfo .radio {
 	margin: 0 auto;
 	text-align: center;
 	display: inline-flex;
 	flex-wrap: wrap;
}
 	
.TypeSelection .BlockDetails #NoSelection, #PledgePaymentInfo .BlockDetails #NoSelection, {
   display: none !important;
}


.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,
#PledgePaymentInfo .CreditPP,
#PledgePaymentInfo .Bill,
#PledgePaymentInfo .PPXChkout {
    max-height: 175px;  
    max-width: 250px; 
    display:inline-block;
    margin: 3px;

}

/*project #169443:modified CSS to fix Stock radio and othe frequency radio button*/
.TypeSelection .Check .RadioLabel, 
.TypeSelection .Credit .RadioLabel, 
.TypeSelection .Payroll .RadioLabel,
.TypeSelection .Bill .RadioLabel,
.TypeSelection .CreditPP .RadioLabel,
.TypeSelection .Cash .RadioLabel,
.TypeSelection .Securities .RadioLabel,
.TypeSelection .NoGift .RadioLabel,
#PledgePaymentInfo .radio label {
    background-color: #ffffff !important; /*CHOOSE YOUR DEFAULT COLOR HERE - white*/
    color: #da291c; /*Default font color - white*/
    border-radius: 10px;
    border: 4px solid #ffffff;
	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 .RadioLabel:hover, #PledgePaymentInfo .radio label:hover
{
    background-color: #da291c !important;  /* CHOOSE YOUR MOUSE OVER COLOR HERE - Light blue from hover top menu*/
    color: #FFFFFF;
}

.TypeSelection input[type="radio"]:checked + span + label {
    background-color: #10167f !important; /*Selected Type Background color - UW Dark Blue*/
    color: #FFFFFF; /*Selected font color - White*/
}

/*project #169443:modified CSS to fix Stock radio and other frequency radio button*/
.IPledgeTable .RadioLabel, #PledgePaymentInfo .radio label {
	border-radius:3px;
	display: inline-block;
	/*min-width:90px;*/
	/*max-width:140px;*/
	width:113px;
	line-height:25px;
	background-color: #ffffff;
	color: #10167F;
	font-weight:bold;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	text-shadow: none;
	padding: 6px 5px 6px 5px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition:    all 0.1s ease-in-out;
	-ms-transition:     all 0.1s ease-in-out;
	-o-transition:      all 0.1s ease-in-out;
	transition:         all 0.1s ease-in-out;
	margin-right:10px;
	border:1px solid #7a7a7a;
    cursor: pointer !important;
    flex-grow: 1;
    float: left;
}

/*BEGIN: project #169443: added below CSS to fix Stock radio and other frequency radio button*/
.IPledgeTable .RadioLabel:hover, #PledgePaymentInfo .radio label:hover
{
	background-color: #10167F;
	color:#ffffff;
	font-weight:bold;
	-webkit-box-shadow: none;
	box-shadow: none;
	border:1px solid #7a7a7a;
}
.IPledgeTable input[type="radio"]:checked + span + label {
    background-color: #10167f !important; /*Selected Type Background color - UW Dark Blue*/
    color: #FFFFFF; /*Selected font color - White*/
}
.Page-IPledgeSelection .TypeSelection .IPledgeTable .radio {
	display: inline !important;
	padding-top: 5px;
	float:left !important;
}


/*fix frequency radio spacing on left side*/
.IPledgeTable .PaymentFrequencyOptions input[type="radio"] + span.radioSpace + label, .IPledgeTable .BillingFrequencyOptions input[type="radio"] + span.radioSpace + label {
	padding-left: 5px !important;
}
/*END: project #169443:*/

#PledgePaymentInfo input[type="radio"]:checked + span {
    background-color: #10167f !important; /*Selected Type Background color - UW Dark Blue*/
    color: #FFFFFF; /*Selected font color - White*/
    border-radius: 10px;
    border: 0px solid #999999;
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
	vertical-align:text-top;
    max-width: 100% !important;
    	padding: 0px 10px 0px 10px;
    	
    	text-align:center important!;
    	margin:auto;

}
.TypeSelection input[type="radio"], #PledgePaymentInfo input[type="radio"] {
    display: none !important;
}

/***** Center the navigation buttons only for this page *****/
/*.Page-IPledgeSelection .PledgeNavigationB .PledgeNavigation {
    text-align:center; /*Centers Next & Cancel Buttons, remove for left-align*/
/*}
.Page-IPledgeSelection .PledgeNavigationB .PledgeNavigation li {
    text-align: center;
    display:inline-block; */
/*} */
/***** Hide icon from web note other than on pledge selection *****/
.PledgeSelectIcon {
	display:none;  /*This must also be on the master stylesheet for the style to have it not affect companies not using feature*/
}
.TypeSelection .PledgeSelectIcon,  #PledgePaymentInfo .PledgeSelectIcon	{
	display:block;
	font-size:2em;
	padding-bottom:3px;
	text-align: center;
}

/*fix spacing below  "Please select your investment type*/
.PledgeTypeSelection .page-header {padding-bottom:0;}
.PledgeTypeSelection .BlockHeader {margin-bottom:0;padding-bottom:0}
.PledgeTypeSelection .page-header {margin-left:30px !important;}

.TypeSelection .EntrySection {
      text-align: left;
}

.TypeSelection #AskDesSection input[type="radio"] {
  display: inline !important;
  margin-right: 4px !important;
}

/* Large devices (1024px and down) */
@media (max-width: 1024px) {
#mobile-header .mobile-header #logo-mobile img {
    height: 60px;
    width: auto;
}
.DIV-EventRegTop img {
    width: 100%;
    margin-top: 100px !important;
}
section#main-banner {
    margin-top: 100px !important;
}
}

/* Large devices (740px and down) */
@media (max-width: 740px) {
.banner {
    height: auto !important;
    min-height: auto;
}
.Logo.WebLogoR img {
    display:none !important;
  
}
}

/*Centers Pledge Buttons*/
nav.PledgeNavigation ol {
    text-align: center;
}
nav.PledgeNavigation ol .DefaultButtons .button {
    margin: 0.5em;
}

/*Makes Banner Smaller*/
.banner {
    height: 500px; /*Sets Banners Height*/
}
.banner .banner-container {
    top: 50%; /*Vertically Aligns Banner Text*/
}

header#top-header .primary-bottom-row { 
/*
    position: relative !important; 
*/
} 
header#top-header .primary-bottom-row nav#top-nav-2 { 
    background: rgba(0, 0, 0, 0.60);
}

.TypeSelection #StepUpMessage input[type="radio"] {
  display: inline !important;
  margin-right: 4px !important;
}

#StepUpPgm input[type="radio"] {
    display: block !important;
    margin-right: 0.5em;
}
/*
.askDesYes {
      margin-top: 2em;
}
.askDesNo {
      margin-top: -5em;
}
*/
.askDesYes input[type="radio"],
.askDesNo input[type="radio"] {
    display: inline-block;
    width: 5%;
    vertical-align: top;
    margin-top: 5px !important;
}
.askDesYes label.RadioLabelYes,
.askDesNo label.RadioLabelNo {
    display: inline-block;
    width: 90%;
}

header#top-header .primary-bottom-row { 
position: relative !important; 
    width: unset;
    width: auto;
} 
header#top-header .primary-bottom-row nav#top-nav-2 { 
background: rgba(0, 0, 0, 0.60); 
    margin: 0;
    height: unset;
}
header#top-header .header {
    padding-bottom: 0;
}


/*-----Logo Placement-----*/

.Logo.WebLogoR img {
   max-width:250px !important;
   max-height:200px !important;
   float:right !important;
   margin-top:2em;
   margin-bottom:-200px;
   margin-right: 50px;
}

.note.WebPNoteCC.T img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.note.WebPNoteCCPP.T img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.note.WebPNotePayroll.T img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.note.WebPNoteSec.T img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.Area-Survey .form-group {
    margin: 0;
}
.Area-Survey label {
    font-weight: normal;
}
.Area-Survey .Col-Text {
    margin-top: 1em;
}

.TableFormDetails .form-group.Row-LineDetail .col-sm-12 .checkbox label.Col-Label {
    font-weight: normal !important;
}