/*
 *	Use the section codes below to Ctrl+F jump to their respective sections.
 *
 *	CODE	SECTION
 *	=================================
 *	MODLC	Modular layout classes
 *	GLOBL	Globals
 *	RGTRL	Right rail
 *	CUCLS	Custom classes
 *	SEC02	Login
 *	SEC03	Home
 *	SEC05	Pledge Card
 *	SEC06	Disbursements
 *	SEC08	Contact Us
 *
 */



@import url('reset.css');



#__asptrace { display: none; }

html {
	-webkit-box-sizing: border-box;
		-moz-box-sizing:border-box;
		 -ms-box-sizing:border-box;
			 box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
			font-smoothing:antialiased;
}
*, *:before, *:after {
	 -webkit-box-sizing: inherit;
		-moz-box-sizing: inherit;
		 -ms-box-sizing: inherit;
			 box-sizing: inherit;
}


/* html element 62.5% font-size for REM use; This = 10px */
html {
	font-size:62.5%;
	height: 100%;
}
body {
	font:normal 1.400em/normal Arial, Tahoma, sans-serif;
	min-height: 100%;

	display: flex;
	flex-direction: column;
	height: 100vh; /* Avoid the IE 10-11 `min-height` bug. */
}

/* Modular layout classes [MODLC]
   ============================================================================================== */

.one-column {
	clear: both;
	margin-bottom: 25px;
	max-width: 940px;
	width:100%;
}
.two-columns, .three-columns, .column-rail, aside {
	float: left;
	margin: 0 3.19148936% 25px 0; /* 0 30px 25px 0 */
}
.column-rail, aside {
	margin-right: 0;
}
.two-columns {
	width: 64.8937%; /*610px; */
}
	.two-columns.equal-width {
		width: 48.404255%; /*455px; */
	}
	.two-columns.with-border {
		border-right: 1px solid #fff;
		margin: 0 0 25px;
		padding: 0 30px 0 0;
		width: 50%; /* 470*/
	}
	.two-columns.with-border.column-rail {
		border: 0;
		border-left: 1px solid #c8c8c8;
		padding: 0 0 0 30px;
	}
.three-columns {
	width: 30.85106%; /*290px; */
}
.column-rail, aside {
	width: 31.91489%; /*300px; */																					/* duplicated to cascade - do not move */
}
.content-top {
	margin: 0 0 20px;
}
.content-bottom {
	clear: both;
	margin: 20px 0 25px;
}



/* Globals [GLOBL]
   ============================================================================================== */

hr {
	border: 0;
	border-top: 1px solid #b3babe;
	clear: both;
	height: 1px;
	margin: 20px 0;
}

/* Form elements */

fieldset div {
	clear: both;
	margin: 5px 0;
}
label {
	color: #199cd6;
	font-weight: bold;
	line-height: 2em;
}
input[type="text"], input[type="password"],
input[type="tel"], input[type="number"],
select, textarea {
	background: #fff url(../img/bg-grad-input-text.png) repeat-x bottom;
	border: 1px solid #adadad;
	padding: 5px;

	color: #595959;
}

input[type="text"]:focus, input[type="password"]:focus,
input[type="tel"]:focus,
select:focus, textarea:focus {
	border-color: #3c7a9f;
}

input[type="button"],
input[type="submit"], .btn-primary, .btn-secondary {
	text-transform:uppercase;
	border:0;
	background: url("../img/img-arrow.png") no-repeat	right;
	color: #199cd6;
	letter-spacing: 2px;
	cursor: pointer;
	padding: 8px 20px 8px 0;
	font: bold 1.143em/normal Arial, Tahoma, sans-serif;
}

.no-cssgradients input[type="button"],
.no-cssgradients input[type="submit"],
.no-cssgradients .btn-primary {
  border-radius: 0;
}

input[type="button"]:hover,
input[type="submit"]:hover,
.btn-primary:hover {
	/* background: #ca3b00; */
	filter: none;

	text-decoration: none;
}

.btn-primary {
	display: inline-block;
}

.no-cssgradients .btn-secondary { border-radius: 0;}
.btn-secondary:hover {
	text-decoration: none;
}
select {
	background-color: transparent;

	font: normal 1em/1em Helvetica, Arial, Tahoma, sans-serif;
}
textarea {
	resize:vertical;
}

/* List elements */

ul {
	list-style: disc outside;
	margin-left: 2.5em; /*17px */
}
ol {
	list-style: decimal outside none;
	margin-left: 1.417em; /*17px */
}

/*Sticky Footer */
html {
	overflow-y: scroll;
}

#PageWrapper {
	flex: 1 0 auto;
}



footer
 flex-shrink: 0;
}

.italic {
	font-style: italic;
}
/* Structural elements */


	/* Header elements */

	header {
		background: #ffffff url(../img/img-gradient-full.png) no-repeat bottom;
		background-size: contain;
		/* max-width: 938px; */
		margin: 30px auto 0;
	}
		.header-container {
			margin: 0 auto;
			width: 100%;
			max-width: 940px;
			position: relative;
		}
			#Logomark {
				/*padding: 19px 0 0;*/
				float: left;
				width: 63%;
			}
				#Logomark a {
					background: url(../img/img-logomark.png) no-repeat;
					display: block;
					float: left;
					height: 105px;
					width: 235px;
					text-indent: -9999px;
					overflow:hidden;
					margin-top: 10px;
					margin-left: 15px;
				}
				#Logomark span {
					border-left: 1px dotted #999;
					float: left;
					margin: 18px 0 0 3.191489%; /* 30px */
					padding: 10px 3.191489%; /* 30px */

					color: #fff;
					font-family: Arial, Tahoma, sans-serif;
					font-size: 1.667em; /* 20px */
					text-shadow: 1px 1px #333;
				}
			#UserInfo {
				float: right;
				padding: 20px 38px 0;

				color: #333333;
				position: absolute;
				right:0;
				top:-34px;
				font-weight:normal;
				text-transform:uppercase;
				font-size: 11px;

			}
				#UserInfo a {
					color: #3DBC95;
				}
		nav {
			height: 55px;
			float: left;
			width: 37%;
			position: relative;
			padding-right: 13px;
			right: -20px;
		}
			nav ul{
				margin: 0;
				display: inline;
				list-style: none;
				overflow: hidden;																	/* uses this instead of clearfix because we're using Menu tag control */

			}
			nav > ul > li:last-child {
				display: none;
				width: 0;
				height: 0;
			}
				nav>ul {
					margin: 50px 0 0;
					float: right;
					display:block;
					width: 100%;
				}
				nav ul li {
					/* border-right: 1px solid #3e647b; */
					float: left;
				}
				nav > ul > li:first-child {
					/*border-left: 1px solid #133950; */
				}
				nav ul li:hover {
					/*background-color: #c2dbe7; */
					text-decoration: none;

				}
					nav ul li a {
						/*border-right: 1px solid #133950;*/
						display: block;
						/*padding: 0 30px; */

						color: #3cba8f;
						font-size: 1.167em; /*14px */
						font-weight: 800;
						line-height: 35px;
						text-transform: uppercase;
						letter-spacing: 2px;
					}
					nav ul li a:hover {
						text-decoration: none;
					}
					nav > ul > li:first-child > a {
						/*border-left: 1px solid #3e647b; */
					}
					nav ul li:hover a {
						color: #179CD6;
					}
					nav ul li ul {
						/* background: #c2dbe7 url(../img/bg-grad-nav-hover.png) repeat-x top; */
						background-color: #ffffff;
						height: auto;
						left: -9999em;
						position: absolute;
					}
					nav ul li:hover ul {
						left: auto;
						/* -webkit-user-select: none;
						-webkit-touch-callout: none;
					    -webkit-box-shadow: 0 0 1px 0 #000000;
					       -moz-box-shadow: 0 0 1px 0 #000000;
					       	-ms-box-shadow: 0 0 1px 0 #000000;
					    	    box-shadow: 0 0 1px 0 #000000; */
					}
						nav ul li ul li {
							border: 0;
						}
							nav ul li ul li a {
								border: 0;
							}

	/* Body elememnts */

	#BodyWrapper {
		margin: 0 auto;
		/*padding: 25px 0 79px;*/
		position: relative;																			/* required for z-index to work */
		max-width: 940px;
		width: 100%;
		background: #ffffff;
		padding: 3% 2%;

	}

	.home-page #BodyWrapper {
		background: none;
		padding: 0;
		border-top: none;
	}

/* Footer elements */

#FooterWrapper:before {
    /*border-bottom: 1px solid #8194ad;*/
    content: "";
    display: block;
    height: 1px;
    position: relative;
    top: -2px;
}

#FooterWrapper {
	/*border-top: 1px solid #8194ad;*/
	clear: both;
	font-size: 10.5px;
	text-transform: uppercase;

	height: auto;
  position: relative;
	margin-top: -1px;
}
	footer {
		margin: 0 auto 20px;
		/* max-width: 940px; */
		width: 100%;
		background: #143862;
		/*height:70px;
		 padding-top: 25px; */
		     padding: 15px 10px;

		margin: 0 auto;

		flex-shrink: 0; /* Prevent Chrome, Opera, and Safari from letting these items shrink to smaller than their content's default minimum size. */
  	padding: 20px;
    /* position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); */
	}
		#Copyright {
			/*float: left;*/
			text-align:center;
			color:#ffffff;
			text-transform: none;
		}
		#FooterLinks {
			/*float: right;*/
			text-align:center;
			padding-bottom: 10px;
		}
			#FooterLinks ul {
				list-style: none;
				margin: 0;
			}
				#FooterLinks ul li {
					border-left: 1px solid #3dbc95;
					display: inline-block;
					padding: 0 5px;
					line-height: normal;
				}
				#FooterLinks ul li:first-child {
					border: 0;
				}
					#FooterLinks ul li a {
						font-weight: bold;
						color:#3dbc95;
						font-size: 10px;
					}



/* Right rail [RGTRL]
   ============================================================================================== */

aside .callouts li {
	border-top: 1px solid #c8c8c8;
	margin: 0;
	padding: 10px 0;
}
aside .callouts li:first-child {
	border: 0;
	padding-top: 0;
}


.callouts {
	list-style: none;
	margin: 0 -10px;
}
	.callouts li {
		float: left;
		margin:0 10px;
		width: 100%;
		max-width:300px;

		line-height: normal;
	}
	.callouts li:first-child {
	}
		.callouts li h3 {
			margin-bottom: 5px;
		}
		.callouts li img {
			/*border: 6px solid #d4d8de;*/
			width: 100%;
		}

/* Custom classes [CUCLS]
   ============================================================================================== */

.dotted-border {
	border-top: 1px dotted #ccc;
}
.dotted-border:first-child {
	border: 0;
}


.accordion {
 margin-top: 15px;
}

 .accordion dt {
	 background: #41a686;
	 cursor: pointer;
	 margin-top: 2px;
	 padding: 6px 11px 6px 12px;

	 color: #fff;
	 font-size: 1.167em; /*14px; */
 }
 #Donate-Options .accordion  ul li {
    float: none !important;
	}
	 .arrow-down >.accordion dt {
		 /*background: red;*/
		 cursor: pointer;
		 margin-top: 2px;
		 padding: 6px 11px 6px 12px;

		 color: #fff;
		 font-size: 1.167em; /*14px; */
	 }

	 .accordion dt .arrow-down {
		 float: right;
		 height: 10px;
		 margin: 6px 0 0;
		 width: 10px;
		 background: url(../img/img-arrowdown.png) no-repeat right;
	 }
	 .accordion dt .arrow-right{
		 float: right;
		 height: 10px;
		 margin: 6px 0 0;
		 width: 10px;
		 background: url(../img/img-arrowright.png) no-repeat right;
	 }
 .accordion dd {
	 padding: 5px;
 }
	.selected-accordion {
    background: #4fba5c !important;
	}


/* Section 2 - Login [SEC02]
   ============================================================================================== */

#Login fieldset {
	border: 3px double #3cba8f;
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
			border-radius: 10px;
	padding: 20px;
}
#Login input[type="text"], .login-page input[type="password"] {
	width: 94.26229%; /*230px */
	clear: both;
	display: block;
}
#Login input[type="submit"] {
	margin-top: 10px;
}

/* Section 3 - Home [SEC03]
   ============================================================================================== */
	 #BodyWrapper-Home {
	 background: #dfe3ee url(../img/img-ceo.png) no-repeat center center fixed;

	 /*background-position: right bottom;*/
		background-position: center;
	 -webkit-background-size: cover;
		 -moz-background-size: cover;
		 -o-background-size: cover;
		 background-size: cover;

		 min-height: 100vh;
		 height: 100%;

	 }
	 .welcomemessage-wrapper {
			/*position:absolute;
	    top: 50%;
	    transform: translateY(-50%);*/
	    max-width: 940px;
			margin: 0 auto;

			min-height: 70vh;
			height: 100px;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;

			align-items: center;
			justify-content: center;
			-ms-flex-pack: center;

			position: relative;
			/*border: 1px solid yellow;*/
	 }

#Home #WelcomeMessage {
	/* background: #dfe3ee url(../img/img-ceo.png) no-repeat right; */
	/*border: 6px solid #d4d8de;
		min-height: 264px;  */
	/* height: 0; */
	/* margin-bottom: 10px;
	padding: 40px 0 0 4.255319%; 0 0 40px  */
	/* padding: 0;*/
	width: 100%;
	color: #fff;
	font-size: 1.333em;/*16px */
	/*padding-bottom: 29.36170%;	/* 276 / 940 = 29.261% */
	/* padding: 46% 0 0 0; */
	/* postion: relative; */
}
	#Home #WelcomeMessage>div {
		/* position: absolute;
		top: 27.8%; */
		/*left:  4.255319%;*/
		width: 100%;
		max-width: 700px;
		margin:0 auto;
		text-align: center;
		padding:4%;
		background: url("../img/img-hero-gradient.png") no-repeat	top;
	}
	#Home #WelcomeMessage h1 {
		background: none;
		padding: 0;
		font-family: Arial, Tahoma, sans-serif;
		font-weight:bold;
		color: #ffffff;
		line-height: 1em;
		font-size: 1.65em;
	}
	#Home #WelcomeMessage p {
		color:#ffffff;
		font-size: .96em;
	}
	#Home #WelcomeMessage .btn-primary {
		margin-top: 13px;
	}

#Home .callouts {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;

	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}
	#Home .callouts li {
		width: 31.205673758865248226950354606596%;
	}



/* Section 5 - Pledge Card [SEC05]
   ============================================================================================== */

/* Pledge Progress Bar */

#PledgeProgressBar {
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
			border-radius: 10px;
	border: 1px solid #e0e0e0;

	list-style: none;
	margin: 20px auto;
	padding: 15px 0;
	width: 100%;
}
	#PledgeProgressBar li {
		background: url(../img/img-arrow-pledgeprogressbar.png) no-repeat left;
		float: left;
		padding: 0 3.278688524590% 0 6.229508196%; /*0 20px 0 38px */

		color: #d3d3d3;
		font-size: 15px;
		line-height: normal;
	}
		#Donate-UserInfo  #PledgeProgressBar li {
			width:33%;
		}
	#PledgeProgressBar li:first-child {
		background-image: none;
	}
	#PledgeProgressBar li.current {
		color: #595959;
		font-weight: bold;
	}
		#PledgeProgressBar li span {
			vertical-align: middle;

			font-size: 28px;
			font-weight: bold;
		}
		#PledgeProgressBar li.current span {
			color: #199cd6;
		}

/* Pledge Option Pills */

.pills {
	list-style: none;
	margin: 8px 0 12px;
}
.pills.horizontal.horse {
	width: 100%;
}
	.pills li {
		/*background: -webkit-linear-gradient(top, #f8f2e3, #d3cdbe);
		background:    -moz-linear-gradient(top, #f8f2e3, #d3cdbe);
		background:     -ms-linear-gradient(top, #f8f2e3, #d3cdbe);
		background:         linear-gradient(top, #f8f2e3, #d3cdbe);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f2e3', endColorstr='#d3cdbe');*/
		border: 2px solid #ffffff;
		background:#e0e0e0;
		cursor: pointer;
		padding: 7px 0;
		color: #000000;
		font-size: 14px;
		line-height: normal;
		text-align: center;
	}
	ul.pills li.selected {
		/*background: -webkit-linear-gradient(top, #e48622, #cc4812);
		background:    -moz-linear-gradient(top, #e48622, #cc4812);
		background:     -ms-linear-gradient(top, #e48622, #cc4812);
		background: 		linear-gradient(top, #e48622, #cc4812);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e48622', endColorstr='#cc4812');
		border: 1px solid #732f00;*/
		background: #3dbc95;
	}
	.pills.vertical li:first-child {
		/* -webkit-border-radius: 6px 6px 0 0;
		   -moz-border-radius: 6px 6px 0 0;
 	  		    border-radius: 6px 6px 0 0; */
	}
	.pills.vertical li.last-child {
		/* -webkit-border-radius: 0 0 6px 6px;
		   -moz-border-radius: 0 0 6px 6px;
				border-radius: 0 0 6px 6px; */
	}
	.pills.horizontal li {
		border-left: 0;
		float: left;

		font-size: 12px;
		font-weight: bold;
	}
	.pills.horizontal li:first-child {
		border: 2px solid #ffffff;
		/* -webkit-border-radius: 6px 0 0 6px;
		   -moz-border-radius: 6px 0 0 6px;
				border-radius: 6px 0 0 6px; */
	}
	.pills.horizontal li.last-child {
		/* -webkit-border-radius: 0 6px 6px 0;
		   -moz-border-radius: 0 6px 6px 0;
				border-radius: 0 6px 6px 0; */
	}
		.no-cssgradients .pills.horizontal li {
			border-radius: 0;
		}

	.pills.horizontal.horse li {
		font-size: 14px;
	}
	.pills.horizontal.pills-2 li {
		width: 33%;
	}
	.pills.horizontal.pills-3 li {
		width: 33.33333%;
	}
	.pills.horizontal.pills-4 li {
		width: 25%;
	}
	.pills.horizontal.pills-5 li {
		width: 20%;
	}
		.pills li input[type="radio"], .pills li .jqTransformRadioWrapper {
			left: -9999px;
			position: absolute;
		}
		.pills li label {
			cursor: pointer;

			color: #000000;
			line-height: normal;
			text-transform:uppercase;
		}
		.pills.vertical li label {
			font-weight: normal;
		}
		.pills li.selected label {
			color: #fff;
		}
		.pills.horizontal.horse li label {
			font-weight: normal;
		}
	.pills label[data-club] span {
		display:none;
		text-transform: uppercase;
	}

/* Step 1 - User Information */

#ConfirmUserInfo {
	border: 1px solid #3cba8f;
	-webkit-border-radius: 9px;
	   -moz-border-radius: 9px;
			border-radius: 9px;
	margin: 20px auto;
	max-width: 400px;
	width: 42.55319%;
}
	#ConfirmUserInfo div {
		float: left;
		padding: 10px;
		max-width: 260px;
		width: 65%;
	}
	#ConfirmUserInfo .col-header {
		/*background: -webkit-linear-gradient(top, #1b6996, #093b68);
		background:    -moz-linear-gradient(top, #1b6996, #093b68);
		background:     -ms-linear-gradient(top, #1b6996, #093b68);
		background:         linear-gradient(top, #1b6996, #093b68);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b6996', endColorstr='#093b68');
		-webkit-border-radius: 10px 10px 0 0;
		   -moz-border-radius: 10px 10px 0 0;
				border-radius: 10px 10px 0 0;*/
		background: #3cba8f;
		clear: both;
		padding: 10px 0;
		width: 100%;
		max-width: none;

		color: #fff;
		font-size: 1.167em; /* 14px */
		font-weight: bold;
		text-align: center;
	}

	#ConfirmUserInfo .col-header:first-child {
		-webkit-border-radius: 8px 8px 0 0;
		   -moz-border-radius: 8px 8px 0 0;
			 	border-radius: 8px 8px 0 0;
	}
	#ConfirmUserInfo .row-header {
		clear: both;
		padding: 10px;
		max-width: 140px;
		width: 35%;

		color: #000;
		font-weight: bold;
	}

	.no-cssgradients #ConfirmUserInfo .col-header,
	.no-cssgradients #ConfirmUserInfo .col-header:first-child,
	.no-cssgradients #ConfirmUserInfo {
		border-radius: 0;
	}

/* Step 2 - Pledge Selection */

#Donate-Options .two-columns {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;

	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;

}
#Donate-Options  hr { width: 100%;}

#Donate-Options .two-columns p {
		-ms-flex: 0 1 auto
}

#Donate-Options .two-columns h1,
#Donate-Options .two-columns h2{
	width: 100%;
}

#Donate-Options fieldset.bucket {
	float: left;
	margin: 0 3.2786885% 20px 0; /*20px; */
	position: relative;
	width: 48.360655737%; /*295px; */


}
#Donate-Options fieldset.bucket.last {
	margin: 0 0 20px;
}
	#Donate-Options fieldset.bucket legend {
		background: -webkit-linear-gradient(top, #1b6996, #093b68);
		background:    -moz-linear-gradient(top, #1b6996, #093b68);
		background:     -ms-linear-gradient(top, #1b6996, #093b68);
		background:         linear-gradient(top, #1b6996, #093b68);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b6996', endColorstr='#093b68');
		-webkit-border-radius: 10px 10px 0 0;
		   -moz-border-radius: 10px 10px 0 0;
		        border-radius: 10px 10px 0 0;
		display: block;
		padding: 10px 0;
		width: 100%; /*295px; */

		color: #fff;
		font-size: 1.167em; /*14px; */
		font-weight: bold;
		text-align: center;
		-webkit-text-size-adjust: 100%;
	}
		#Donate-Options fieldset.bucket legend span {
			display: block;

			color: #fa8537;
			font-size: 0.786em; /*11px */
			text-transform: uppercase;

		}
	#Donate-Options fieldset.bucket legend + div {
		-webkit-border-radius: 0 0 10px 10px;
		   -moz-border-radius: 0 0 10px 10px;
		        border-radius: 0 0 10px 10px;

	}

	.no-cssgradients #Donate-Options fieldset.bucket legend ,
	.no-cssgradients #Donate-Options fieldset.bucket legend + div {
		border-radius: 0;
	}



	#Donate-Options fieldset.bucket div {
		border: 1px solid #093b68;
		margin: 0 auto 1px;
		padding: 10px;
		width: 100%;

	}
		#Donate-Options fieldset.bucket div p:first-child {
			margin: 0 0 10px;

			line-height: 2.4em;
		}
		#Donate-Options fieldset div input[type="radio"] {
			left: -9999px;
			position: absolute;
		}
		#Donate-Options fieldset div input[type="text"] {
			width: 50px;
		}
#Donate-Options .callouts .ContributionHistory {
	border-top: 1px solid #ebe1c5;
	width: 100%;
	margin-top: 15px;
}
	#Donate-Options .callouts .ContributionHistory tr {
		border-top: 1px solid #dddddd;
	}
		#Donate-Options .callouts .ContributionHistory tr td {
				padding: 7px 0;
		}
		#Donate-Options .callouts .ContributionHistory tr td:first-child {
			width: 80px;
		}
#Donate-Options .callouts #ClubLevelDescriptions {
	width: 100%;
}
	#Donate-Options .callouts #ClubLevelDescriptions thead tr {
		color: #cf651b;
		font-size: 0.917em;/*11px*/
		font-weight: bold;
		text-align: left;
		text-transform: uppercase;
	}
		#Donate-Options .callouts #ClubLevelDescriptions thead tr th {
			padding: 5px;
		}
	#Donate-Options .callouts #ClubLevelDescriptions table tbody {
		border-top: 1px solid #ebe1c5;
		border-top: 1px dotted #999;
		padding: 5px;
	}
	#Donate-Options .callouts #ClubLevelDescriptions table tbody.club-president {
		border-top: 1px solid #e8d674;
	}
	#Donate-Options .callouts #ClubLevelDescriptions tbody.selected {
		background-color: #d9d9d9;
	}
		#Donate-Options .callouts #ClubLevelDescriptions table tbody tr:first-child td {
			padding: 8px 5px 0;

			color: #000;
			font-weight: bold;
		}
		#Donate-Options .callouts #ClubLevelDescriptions table tbody tr:first-child td:first-child {
			color: #cf651b;
		}
	#Donate-Options .callouts #ClubLevelDescriptions table tbody tr td {
		padding: 2px 5px 9px;
	}

#Donate-Options fieldset + fieldset +div {
	clear: both;
	width: 100%;
}

.PledgeDesignation__wrapper {
	padding-top: 1rem;
}
.PledgeDesignation__wrapper h4 {
	padding-bottom: .5rem;
}

/* Step 3 - Pledge Confirmation */

#Donate-Confirm .adjacent-field {
	clear: none;
	float: left;
	margin-bottom: 25px;
	min-width: 60px;
}
#Donate-Confirm label {
	display: block;
}
#Donate-Confirm input[type="text"] {
	width: 267px;
}
#Donate-Confirm #cc_first_name, #Donate-Confirm #cc_last_name {
	margin-right: 5px;
	width: 125px;
}
#Donate-Confirm #cc_billing_zip {
	width: 100px;
}
#Donate-Confirm .jqTransformCheckboxWrapper + label {
	float: left;
	padding: 4px 0 0 5px;
	width: 94.9016393%; /*585px; */

	line-height: 1.25em;
}



/* Section 6 - Disbursements [SEC06]
   ============================================================================================== */

#Disbursements .map-state table {
	width: 100%;
}
	#Disbursements .map-state table tr {
		border-top: 1px solid #ebe1c5;
	}
	#Disbursements .map-state table tr:first-child {
		border: 0;
	}
		#Disbursements .map-state table tr th {
			font-weight: bold;
		}
		#Disbursements .map-state table tr th, #Disbursements .map-state table tr td {
			padding: 5px 0;

			text-align: left;
		}

#Disbursements .disbursement-map-container {
	width:100%;
	height:0;
	max-width: 600px;
	padding-bottom:66.66666666666667%;
	position: relative;
}
	#Disbursements .disbursement-map-container > div {
		width: 100%;
		height: 100%;
		position: absolute ;
		top: 0;
	}
	#Disbursements .disbursements-map {
		width: 100%;
		height: 100%;
	}
		#Disbursements .mobile-select {
			display: none;
		}

.jvectormap-tip { z-index: 999;}

/* Section 8 - Contact Us [SEC08]
   ============================================================================================== */

#ContactUs textarea {
	height: 100px;
	width: 50%;
}



/* Clearfix - http://css-tricks.com/snippets/css/clear-fix/
   ============================================================================================== */

.group:before, .group:after {
	content: "";
	display: table;
}
.group:after {
	clear: both;
}
.group {
	zoom: 1;																						/* for IE 6/7 (trigger hasLayout) */
}

/* Pure CSS Calendar Icon
 ============================================================================================== */
.calendar{
	margin:.25em 10px 10px 0;
	padding-top:5px;
	float:left;
	width:50px;
	background:#ededef;
	/* background: -webkit-gradient(linear, left top, left bottom, from(#ededef), to(#ccc)); */
	background: -moz-linear-gradient(top, #ededef, #ccc);
	font:bold 20px/40px Arial Black, Arial, Helvetica, sans-serif;
	text-align:center;
	color:#000;
	text-shadow:#fff 0 1px 0;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	position:relative;
	-moz-box-shadow:0 2px 2px #888;
	-webkit-box-shadow:0 2px 2px #888;
	box-shadow:0 2px 2px #888;
}
.calendar em{
	display:block;
	font:normal bold 11px/20px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#fff;
	text-shadow:#00365a 0 -1px 0;
	background:#04599a;
	background:-webkit-gradient(linear, left top, left bottom, from(#04599a), to(#00365a));
	background:-moz-linear-gradient(top, #04599a, #00365a);
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
	border-top:1px solid #00365a;
}
.calendar:before, .calendar:after{
	content:'';
	float:left;
	position:absolute;
	top:4px;
	width:6px;
	height:6px;
	background:#111;
	z-index:1;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-moz-box-shadow:0 1px 1px #fff;
	-webkit-box-shadow:0 1px 1px #fff;
	box-shadow:0 1px 1px #fff;
}
.calendar:before{left:7px;}
.calendar:after{right:7px;}
.calendar em:before, .calendar em:after{
	content:'';
	float:left;
	position:absolute;
	top:-3px;
	width:2px;
	height:10px;
	background:#dadada;
	/* background:-webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#aaa)); */
	background:-moz-linear-gradient(top, #f1f1f1, #aaa);
	z-index:2;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
.calendar em:before{left:9px;}
.calendar em:after{right:9px;}

#Signup label {
  display: block;
}

#Signup [type="text"],
#Signup select {
  width: 100%;
}

#Signup .signup-step-1,
#Signup .signup-step-2 {
  margin: 0 auto;
  max-width: 600px;
  width: 100%;
}

#Signup .signup-step-2 {
  display: flex;
  flex-wrap: wrap;
}

#Signup .signup-step-1 div,
#Signup .signup-step-2 div {
  padding: .5rem 1rem;
}

#Signup .signup-step-2 div {
  max-width: 50%;
  width: 100%;
}

#Signup .signup-step-2 div:last-child {
  max-width: 100%;
  width: 100%;
}


/* disable auto-zoom on iphone input field focus */
@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width:768px)  {

	select, textarea,
	input[type="text"], input[type="password"],
	input[type="number"], input[type="email"],
	input[type="tel"], input[type="color"] {
		font-size: 1.6rem;
	}

		select {
			-webkit-appearance:none;
			background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/4QA6RXhpZgAATU0AKgAAAAgAA1EAAAQAAAABAAAAAFEBAAMAAAABAAEAAFEEAAEAAAAB/AAAAAAAAAD/2wBDAAIBAQIBAQICAgICAgICAwUDAwMDAwYEBAMFBwYHBwcGBwcICQsJCAgKCAcHCg0KCgsMDAwMBwkODw0MDgsMDAz/2wBDAQICAgMDAwYDAwYMCAcIDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAz/wAARCAA/AA0DASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD9yKKKKACiovtieoo+2J6igD84/wDgp/8A8Eo/hp/wVNtPDl34um1DQPFnhq4hjg8R6WsZv5tN87fcafJvBV42VpTEzhvIlfzFDK00U30X8DvAvhz9mr4S6D4E8B6VbeGPCXhm2Fpp2m2ZZYoEyWYkklnd3ZneRyzyO7u7MzMxtUUAFFFFAH//2Q==), -webkit-linear-gradient(top, #ffffff, #E1E1E1);
			background-position: 100% 53% ;
			background-repeat: no-repeat;
			padding:7px 15px 7px 0;
		}
}
@media only screen and (max-width:1024px){
	.welcomemessage-wrapper {
    min-height: 79vh;
	}
}
@media only screen and (max-width:940px){
	#BodyWrapper  {
		padding: 25px 10px;
	}
		#FooterWrapper{
			margin-top: -1px;
		}
			#FooterWrapper footer {
				padding: 15px 10px;
			}
	#Logomark {
		padding-left: 10px;
	}
	#PledgeProgressBar li {
		width: 33%;
	}

	.home-page #BodyWrapper {
		padding: 0 0;
	}

	#Home #WelcomeMessage {
		border: 0 none;
	}
		#Home #WelcomeMessage {
			position: relative;
			background-position: right top ;
			background-size:contain;

		}


	.home-page .content-bottom{
		padding: 25px 10px;
	}

	.home-page .content-bottom .callouts li {
		margin-top:22px;
	}
	.home-page .content-bottom .callouts p:last-child {
		text-align:left!important;
	}

	#Home .callouts {
		margin: 0;
	}
		#Home .callouts li {
			display:block;
			width: 100%;
			float: none;
			max-width: none;
			margin-lefT: 0;
		}
			#Home .callouts li img {
				float: left;
				width: auto;
				margin-right: 1em;
			}


}

@media only screen and (max-width: 780px) {
	nav { width: 75%;}
	nav > ul > li:last-child {
		display: block;
		width: auto;
		height: auto;
	}
}
@media only screen and (max-width: 780px) {
	#Home #WelcomeMessage {
		/*height: auto;*/
		/*padding: 20px 20px 0 20px; */
	}
		#WelcomeMessage br {
			display:none;
		}


}
@media only screen and (max-width: 768px) {
	header {
	  	margin-top: 0;
			/* background: #ffffff url(../img/img-gradient-full-320.png) repeat-x bottom; */
	}

	/* Nav work */
	nav {
		height: auto;
		background: none;
		padding-right: 0;
	}
	#UserInfo {
  display: none;
	}
	/* End Nav work */
	#Logomark{
		float: none;
		margin: 0 auto;
		width: 100%;
		padding:0;
		text-align:center;

	}

		#Logomark a {
			height: 52px;
			background-size:contain;
			background-position: top center;
			top: 0;
			width: 100%;
			margin: 0 auto 8px;

		}
	#Logomark span {
		display: block;
		font-size:1em;
		margin: 0;
		padding: 5px 0 0;
		border: 0 none;
		float: none;

	}

	.header-container {
		position: inherit;
	}

	nav {
		background: none;
		height: auto;
		width: auto;
		float: none;
		position: inherit;
	}
		nav ul {
			display:none;
			margin: 0 auto;
		}

	nav ul li:hover ul {
		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
				box-shadow: none;
	}


	#UserInfo {
		overflow:hidden;
		text-indent: -99999px;
		height: 29px;
		width:29px;
		padding: 5px;
		top:0;
	}
		#UserInfo a {
			background: url("../img/btn-register.png") no-repeat scroll 0 0;
			border: 0 none;
			cursor: pointer;
			display: block;
			height: 20px;
			overflow: hidden;
			position: absolute;
			right: 7px;
			text-indent: -99999px;
			top: 10px;
			width: 19px;
		}
	.callouts {
		margin: 0;
	}

	#Home #WelcomeMessage {
		/* padding: 53% 0 0 0; */
	}
	#Home #WelcomeMessage > div {
		position: relative;
/*		background-color:#d5d8df;
*/		padding: 28px 20px;
		bottom: 0;
		left:0;
		width: 100%;
		background: none ;
		/* top:-235px; */
		text-align: center;
	}


	#Home #WelcomeMessage h1,
	#Home #WelcomeMessage p {
		width: auto;
	}
		#Home #WelcomeMessage h1 {
			color:#ffffff;
			font: bold 1.875em/normal Arial, Tahoma, sans-serif;
		}
		#Home #WelcomeMessage p {

		}

	h1 {
		font-size: 2.833em;
	}


}
@media only screen and (max-width: 720px) {
	.three-columns,
	.two-columns,.two-columns.with-border,
	.two-columns.with-border.column-rail,
	aside {
		width: 98%;
		float: none;
		margin: 0 0 25px;
		border:none;
		min-height: 0!important;
		padding-left: 0;
		max-width: 100%;
		padding: 0 5px;
	}

		.callouts li {
			max-width: none;
		}
	#Logomark {
		padding-lefT:1em;
	}
	header {
		/* background-size:contain; */
	}
	#UserInfo {
		position: absolute;
		top:0;
		right: 10px;
	}
	#Logomark span {
		border-left: 0;
		margin:0;
		padding: 5px 0 0;
		clear: left;
	}



	#ConfirmUserInfo {
		width: 80%;
	}

}

@media only screen and (max-width: 640px) {


}

@media only screen and (max-width: 500px) {
  #Signup .signup-step-2 {
    flex-direction: column;
  }

  #Signup .signup-step-2 div {
    max-width: 100%;
  }
}

@media only screen and (max-width: 480px) {

	#Logomark{
		float: right;
		margin: 0 auto;
		width: 320px;
		padding:0;
		text-align:center;

	}
	#FooterWrapper {
    margin-top: 100px;
}

		#Logomark a {
			height: 50px;
	    background-position: left;
	    margin-bottom: 10px;
		}
	#Home #WelcomeMessage {
		height: auto;
		background: #ffffff url(../img/img-ceo-320.png) no-repeat right;
		position: relative;
		background-position: right top;
		background-size: contain;
		/* min-height: 660px; */
	}
	#Home #WelcomeMessage > div {
		background: none ;
		top: 250px;
		background: #fff;
	}
	#Home #WelcomeMessage h1 {
		color:#143862;
		font-size: 1.575em;
	}
	#Home #WelcomeMessage p {
		font-size: 1em;
		color: #000000;
		line-height: 2em;
	}
	#Home .content-bottom	{
		width: 100%;
		float:none;
	}

	#Home .callouts li img {
		float: none;
		margin: 0 auto;
		max-width: 100%;
		width: 100%;
		display:block;
	}
	.welcomemessage-wrapper {
    min-height: 79vh;
		display: block;
	}

	#ContactUs textarea {
		width: 100%;
	}
	#ConfirmUserInfo {
		width: 98%;
	}

	#Donate-Options fieldset.bucket legend {
		position:relative;
	}

	#Donate-Options fieldset.bucket .arrow{
		height: 0;
		margin: 4px 0 0;

		width: 0;

		border-bottom: 10px solid transparent;
		border-left: 10px solid #dd7520;
		border-top: 10px solid transparent;
		position: absolute;
		right: 10px;
		-webkit-transform: translateY(-50%);
		-moz-transform:    translateY(-50%);
		-ms-transform:     translateY(-50%);
		-o-transform:      translateY(-50%);
		transform:         translateY(-50%);
		top: 50%;
	}

	#Donate-Options fieldset .arrow.arrow-down {
		-webkit-transform:rotate(90deg);
		   -moz-transform:rotate(90deg);
			-ms-transform:rotate(90deg);
			 -o-transform:rotate(90deg);
				transform:rotate(90deg);
		margin: 0 2px 0;
	}

	.pills.horizontal.horse {
			width: 100%;
	}

	.pills.horizontal.horse{
		margin-left: auto;
		margin-right: auto;
	}
		.pills.horizontal.group li	{
			width: 100%;
			clear: none;
			border: 1px solid #ffffff;
		}
			.pills.horizontal.group.pills-2 li	{
				width: 50%;
			}
		/* .pills.horizontal.group li:first-child{
			-webkit-border-radius: 6px 6px 0 0;
			   -moz-border-radius: 6px 6px 0 0;
					border-radius: 6px 6px 0 0;
		}
		.pills.horizontal.group li:first-child+ li {
			-webkit-border-radius: 0 0 0 0;
			   -moz-border-radius: 0 0 0 0;
					border-radius: 0 0 0 0;
		}
		.pills.horizontal.group:not(.pills-2) li:last-child	{
			width: 100%;
			-webkit-border-radius: 0 0 6px 6px ;
			   -moz-border-radius: 0 0 6px 6px ;
					border-radius: 0 0 6px 6px ;
		}
		.pills.horizontal.group.pills-2 li:first-child{
			-webkit-border-radius: 6px 0 0 6px;
			   -moz-border-radius: 6px 0 0 6px;
					border-radius: 6px 0 0 6px;
		}

		.pills.horizontal.group.pills-2 li:last-child{
			-webkit-border-radius: 0 6px 6px 0;
			   -moz-border-radius: 0 6px 6px 0;
					border-radius: 0 6px 6px 0;
		} */
	.pills label[data-club] span {
		display: inline;
		text-transform: capitalize;
	}

/*
	.pills.horizontal {
		width: 100%;
	}
	.pills.horizontal.horse{
		margin-left: auto;
		margin-right: auto;
	}
		.pills.horizontal.group li	{
			width: 100%;
			clear: left;
			border: 1px solid #adadad
		}
			.pills.horizontal.group li:first-child {
				-webkit-border-radius: 6px 6px 0 0;
				   -moz-border-radius: 6px 6px 0 0;
						border-radius: 6px 6px 0 0;
			}
			.pills.horizontal.group li.last-child {
				-webkit-border-radius: 0 0 6px 6px;
				   -moz-border-radius: 0 0 6px 6px ;
						border-radius: 0 0 6px 6px ;

			}
*/
	.bucket .form-note {
		clear: both;
		display:block;
	}
	#Donate-Options .two-columns  fieldset.bucket {
		margin-lefT:auto;
		margin-right: auto;
		float: none;
		width: 100%;
	}
	#Donate-Options fieldset div input[type="text"] { width:20%; }

	#Disbursements .mobile-select {
		display: block;
	}

	#Donate-Options fieldset.bucket legend {
		background: none;
		filter: none;
		color:#174560;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		text-align:left;
		border-radius: 0 0 0 0 ;
	}
		#Donate-Options fieldset.bucket legend span {
			color:#174560;
		}
	#Donate-Options fieldset.bucket div {
		border: 0 none;
	}


}
@media only screen and (max-width:375px){
	#Disbursements .disbursements_map {
		height: 250px;
	}
	#Donate-Confirm .jqTransformCheckboxWrapper + label	{
		width: 90%;
	}
}

@media only screen and (max-width:360px){
	footer #Copyright,	footer #FooterLinks {
		width: 100%;
		text-align:center;
		float: none;
	}
	#FooterLinks ul li:first-child	{
	}
	#PledgeProgressBar li {
		text-align:center;
	}
	#PledgeProgressBar li span{
		display: block;
		float: none;
		text-align: center;
	}
}