/*
 *	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%;
	font-size: 16px;
}

/* 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;
	margin-top: 15px;
}
.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; */
}

.forgotpassword-page .three-columns,
.resetpassword-page .three-columns {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}
#fldResetPassword {
	max-width: 500px;
	width: 100%;
}
#btnResetPassword {
	padding-left: 0;
	padding-right: 0;
	text-align: center;
	width: auto;
	display: block;
	width: 100%;
}

@media (max-width:600px) {
	#btnResetPassword {
		font-size: 98%;
	}
}

.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 #ddd;
	clear: both;
	height: 1px;
	margin: 20px 0;
}

/* Form elements */
.btn {
	font-size: 2rem;
	text-transform: uppercase;
	padding: .75rem 1.5rem;
	border-radius: 0;
}
 .btn-block + .btn-block {
	 margin-top: 0;
 }
fieldset div {
	clear: both;
	margin: 5px 0;
}
label {
	color: #000000;
	font-weight: bold;
	line-height: 2em;
}

@media (max-width: 480px) {

	

}



/*Sticky Footer */
html {
	overflow-y: scroll;
}
html, body {height: 100%;}
#PageWrapper {
	min-height: 100%;
	margin-bottom: 10px;
}
.home-page #PageWrapper {
	min-height: auto;
}

#BodyWrapper{
	padding-bottom: 79px;}  /* must be same height as the footer */

#FooterWrapper {
	position: relative;
	height: 105px;
	clear:both;
}

.home-page #FooterWrapper {

	margin-top: -9px; /* negative value of footer height */
	
}

/* Structural elements */

#PageWrapper {
}

/* Header elements */

header {
	/*background: #1b6996 url(../img/bg-grad-header.png) repeat-x top;*/
	 box-shadow: 0 0 40px #cdccce;
}
.header-container {
	margin: 0 auto;
	width: 100%;
	max-width: 940px;
	position: relative;

}
#Logomark {
	padding: 25px 0;
	float: left;
	width: 50%;
}
#Logomark a {
	background: url(../img/img-logomark.png) no-repeat;
	display: block;
	float: left;
	height: 73px;
	width: 280px;

	text-indent: -9999px;
	overflow:hidden;

}
#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 0 0;
	position: absolute;
	right:0;

}
#UserInfo a {
	color: #007dbc;
}
nav {
	height: 55px;
	float: right;
	width: 50%;
	position: relative;
}
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 {
	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: #000000;
	font-size: 1.333em; /*16px */
	font-weight: bold;
	line-height: 45px;
	font-family:  Arial, sans-serif;
	font-family: "Arial Narrow", Arial, sans-serif;
}
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: #000000;
}
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;
	border-top: 5px solid #007dbc;
	border-bottom: 1px solid #ffffff;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
}
nav ul li:hover ul {
	left: auto;
	-webkit-user-select: none;
	-webkit-touch-callout: none;

}
nav ul li ul li {
	border: 0;
}
nav ul li ul li a {
	border: 0;
}
nav .fa {
	    width: 17px;
}
nav .fa-chevron-down:before, nav .fa-chevron-right:before  {
    color: #007dbc;
}
.fa-chevron-right:before {
    color: #007dbc;
    padding-left: 4px;
    font-size: 16px;
	}
/* Body elememnts */

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

}



/* Footer elements */

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

#FooterWrapper {
	/*border-top: 1px solid #c8c8c8;*/
	clear: both;
	background: #007dbc;
	font-size: 10.5px;
	text-transform: uppercase;
}
footer {
	margin: 35px auto 0;
	max-width: 940px;
	width: 100%;
}
#Copyright {
	text-align: center;
	color: #ffffff;
}
#FooterLinks {
	text-align: center;
  padding-top: 5px;
}
#FooterLinks ul {
	list-style: none;
	margin: 0;
}
#FooterLinks ul li {
	border-left: 1px solid #ffffff;
	display: inline-block;
	padding: 0 5px;

	line-height: normal;
}
#FooterLinks ul li:first-child {
	border: 0;
}
#FooterLinks ul li a {
	font-weight: normal;
	color: #ffffff;
}



/* 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;
}



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

.freeform-option-container {
	background-color: #f0f0f0;
	padding: 20px;
	display: flex;
	align-content: space-between;
}
input#PledgeOther {
	border: 1px solid #ccc;
	padding: 5px;
}

.freeform-label {
	font-weight: bold;
	flex: 1 1 auto;
}
.freeform-option-container > div {
	align-self: center;
}
   
/* Progress bar */
.eei-progress {
    list-style: none;
    margin: 0;
    padding: 15px 0;
    padding-bottom: 30px;
    font-size: 1rem;
}

.eei-progress__item {
    position: relative;
    display: flex;
    justify-content: flex-start;
    flex-grow: 1;
}

.eei-progress__item:first-child {
    justify-content: flex-start;
}

.eei-progress__item:last-child {
    flex-grow: 0;
}

.eei-progress__item span {
    display: inline-block;
    width: 2em;
    height: 2em;
    text-align: center;
    padding: .5em;
    line-height: 1;
    background: #CBCBCB;
    color: #fff;
    border-radius: 2em;
	position: relative;
	font-family: 'Arial Black', sans-serif;
	font-size: 1.7em;
}

.eei-progress__item:before {
    content: '';
    background: #CBCBCB;
    height: .25em;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.eei-progress__item--completed span,
.eei-progress__item--current span {
    background: #007dbc;
}

.eei-progress__item--completed:before {
    background: #007dbc;
}

.btn-primary {
	color: #fff;
	background-color: #007dbc;
	border-color: #007dbc;
}
.btn-outline-primary {
	border-width: 3px;
}
.btn {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
/* forms */

fieldset {
    padding: 15px 0;
}

.form-control {
	display: block;
	width: 100%;
	height: calc(1.5em + 2.3rem + 2px);
	padding: 1.15rem 1.15rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: 0;
	-webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
	transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
	-o-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
	font-size: 16px;
}
.custom-control-label::after,
.custom-control-label::before {
	width: 2rem;
	height: 2rem;
	left: -2.5rem;
}
.custom-control-label::before {
}
.custom-control {
	padding-left: 2.5rem;
}
.form-spacer {
    padding: 15px;
    display: block;
}

/* content */
.content__main {
    padding-bottom: 30px;
}


/* callout */
.overlay-gradient-to-top {
    background: rgba(0, 123, 255, 0.98);
    background: linear-gradient(to bottom,  rgba(0,123,255,0) 0%,rgba(0, 123, 255, 0.98) 87%);
}



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

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

	 .accordion {
	 	margin-top: 15px;
	 }

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

	 		color: #fff;
	 		font-size: 1.167em; /*14px; */
	 	}
	 		.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;
	 	}
	 .callouts {
	 	list-style: none;
	 	margin: 0 -10px;
	 }
	 .callouts a {
			color: #000000;
			font-size: 1.143em;
			font-weight: bold;
			text-transform: uppercase;
			font-family: "Arial Narrow", Arial, sans-serif;
	 }
	 	.callouts li {
	 		float: left;
	 		margin:0 10px;
	 		width: 100%;
	 		max-width:300px;

	 		line-height: normal;
	 	}
	 	.callouts li:first-child {
	 	}
	 		.callouts li h3 {
	 			margin-bottom: 8px;
				color: #000000;
				font: 900   1.600em/normal "Arial Narrow", Arial, sans-serif; /*24px */
				text-transform: uppercase;
	 		}
	 		.callouts li img {
	 			width: 100%;
	 		}

			.callouts a[href^="mailto:"] 		{
				text-transform: none;
				color: #007dbc;
			}


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

#Login fieldset {
	border: 3px double #1B6996;
	-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 {
	 

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

		min-height: 671px;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;

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

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

 .carousel-inner {
	 min-height: 650px;
 }
.carousel-item {
	height: 650px;
	color: #fff;
	font-size: 1.333em;
	background-position: center center;
	background-size: cover;

}
.carousel-item .aligner {
	display: flex;
	flex-direction: column;
	/* justify-items: center; */
	align-content: center;
	text-align: center;
	align-items: center;
	height: 100%;
	justify-content: center;
	padding: 0 200px;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
	width: 35px;
	height: 35px;
}
.carousel-item h1 {
	color: #fff;
	text-transform: uppercase;
	font-family: 'Arial Narrow', sans-serif;
	font-size: 2em;
	text-shadow: 2px 2px 2px #555;
}
.carousel-item p {
	line-height: 1.5;
	text-shadow: 2px 2px 2px #555;
	
	width: 100%;
}
.carousel-item .btn {
	-webkit-box-shadow: 2px 3px 5px 0px rgba(85,85,85,1);
-moz-box-shadow: 2px 3px 5px 0px rgba(85,85,85,1);
box-shadow: 2px 3px 5px 0px rgba(85,85,85,1);
}
.carousel-item .aligner {
	.carousel-item .aligner {
		display: flex;
		flex-direction: column;
		/* justify-items: center; */
		align-content: center;
		text-align: center;
		align-items: center;
		height: 100%;
		justify-content: center;
	}
}
#Home #WelcomeMessage>div {
	/*position: absolute;
	top: 8.8%;
	left:  4.255319%;
	width: 57%;*/


}
#Home #WelcomeMessage h1 {
	background: none;
	padding: 0;
	color: #fff;
	line-height: 1em;
	font-size: 2em;
	font-size: 2.5em;
}
#Home #WelcomeMessage p {
	font-size: 1.500em;
}
#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%;
}

#Home .carousel {
	min-height: 650px;
}
.video-callout {
	margin: 20px 0;
}

.video-callout .content-container {
	max-width: 921px;
	max-height: 518px;
	margin: 0 auto;
	height: 518px;
	display: flex;
	align-items: end;
	justify-content: end;
	background-position: center center;
}
.video-callout .content-text p {
	
	padding: 50px;
	margin: 0;
}
.video-callout .content-container a {
	color: #ffffff;
	background-image: url('../img/ico-playbutton.png');
	background-position: right center;
	background-repeat: no-repeat;
	height: 47px;
	padding: 15px 53px 15px 0;
}

.callout {
	display: flex;
	width: 100%;
}
.callout > div {
	flex: 1 1 50%;
	justify-content: center;
	display: flex;
	align-items: center;
}
.callout_image {
	min-height: 358px;
	height: 358px;
	background-position: center center;
	background-size: cover;
}
.callout_text_container {
}
.callout_text {
	flex-basis: 100%;
	max-width: 540px;
}
.callout_text h3, .callout_text p {
	padding: 0 3rem;
}

.easy-autocomplete {
	width:100%!important;
	}

.contrib_history {
	margin-top: 20px;
	padding-top: 20px;
	display: flex;
	border-top: 1px solid #dddddd;
	margin-bottom: 75px;
}
.pledge_instructions {
	margin-bottom: 75px;
}
.contrib_history > div {
	flex: 1 1 33%;
	display: flex;
}
.contrib_history > div > div {
	flex: 1 1 30%;
}
.contrib_history > div > div + div {
	flex: 1 1 70%;
}
.contrib_label {
	font-weight: bold;
}
/* Section 5 - Pledge Card [SEC05]
   ============================================================================================== */

/* Pledge Progress Bar */

#PledgeProgressBar {

	border: 2px solid #ddd;

	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 7.229508196%; /*0 20px 0 38px */

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

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

/* Pledge Option Pills */

.pills {
	list-style: none;
	margin: 8px 0;
	padding: 0;
}
.pills.horizontal.horse {
	display: flex;
}
.pills li {
	background: #bcbcbc;
	/*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: 1px solid #ffffff;
	cursor: pointer;
	padding: 10px;
	color: #666;
	font-size: 14px;
	line-height: normal;
	justify-content: center;
	display: flex;
	align-items: 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');*/
	background: #007dbc;
	border: 1px solid #ffffff;
}
.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;
	flex: 1 1 auto;

	font-size: 12px;
	font-weight: bold;
}
.pills.horizontal li:first-child {
	border: 1px 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 li input[type="radio"], .pills li .jqTransformRadioWrapper {
	left: -9999px;
	position: absolute;
}
.pills li label {
	cursor: pointer;

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

/* Step 1 - User Information */

#ConfirmUserInfo {
	border: 1px solid #007dbc;
	/*-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: #007dbc;
	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: 100px;
}
#Donate-Options .callouts .ContributionHistory {
	border-top: 1px solid #dddddd;
	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: 175px;
}
#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%;
}

/* Step 3 - Pledge Confirmation */
.input-group-text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 1.15rem 1.15rem;
	margin-bottom: 0;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	text-align: center;
	white-space: nowrap;
	background-color: #e9ecef;
	border: 1px solid #ced4da;
}
.input-group-prepend {
	margin: 0;
}
.input-group-prepend .input-group-text {
	border-right: none;
}
#cc_number {
	border-left: none;
}

/* 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;
}
#Disbursements h4 {
	font-size:  1.300em;
}
.jvectormap-tip { z-index: 999;}

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

#ContactUs textarea {
	height: 100px;
	width: 100%;
	border: 1px solid #707070;
}

/* 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;}


/* 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) */
}

blockquote {
	text-indent: 10px;
}

/* disable auto-zoom on iphone input field focus */
@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width:800px)  {
	.callout {
		flex-wrap: wrap;
	}
	.callout > div {
		flex: 1 0 100%;
	}
	.callout .callout_image {
		order: 1;
	}
	.callout .callout_text_container {
		order: 2;
		padding: 20px 0;
	}
	.carousel-item {
		height: 400px;
	}
	.carousel-inner {
		min-height: 400px;
	}
	#Home .carousel {
		min-height: 400px;
	}
	.carousel-item .aligner {
		padding: 0 100px;
	}
	.video-callout .content-container {
		max-height: 300px;
		height: 300px;
	}
	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:940px){
	#BodyWrapper  {
		padding: 25px 10px;
	}
	.home-page #FooterWrapper{
		margin-top: -10px;
	}
	#FooterWrapper{
		margin-top: 0px;
	}
	#FooterWrapper footer {
		padding: 7px 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%;}
	#Home #WelcomeMessage p {
	    font-size: 1.200em;
	}

}
@media only screen and (max-width: 780px) {
	#Home #WelcomeMessage {
		height: auto;
		/*padding: 20px 20px 0 20px; */
	}
	#WelcomeMessage br {
		display:none;
	}
	#PledgeProgressBar li span {
	    font-size: 24px;
	}
	#PledgeProgressBar li {
		 font-size: 12px;
	}

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

	nav {
		height: auto;
		background: none;
	}
	nav .fa-chevron-down:before, nav .fa-chevron-right:before {
	    display: none;
	}
	#Logomark{
		float: none;
		margin: 0 auto;
		width: 250px;
		padding:5px 0;
		text-align:center;

	}

	#Logomark a {
		height: 80px;
		background-size:contain;
		background-position: top center;
		top: 0;
		width: 100%;
		margin: 0 auto;
	}
	#Logomark span {
		display: block;
		font-size:1em;
		margin: 0;
		padding: 5px 0 0;
		border: 0 none;
		float: none;

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


	#Home #WelcomeMessage > div {
		position: relative;
		/*background-color:#d5d8df;*/
		padding: 28px 20px;
		bottom: 0;
		left:0;
		width: 100%;
	}

	#Home #WelcomeMessage h1,
	#Home #WelcomeMessage p {
		width: auto;
	}
	#Home #WelcomeMessage h1 {

	}
	#Home #WelcomeMessage p {
		/*color:#000;*/
	}




}
@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;
	}

	.member .pills.horizontal.pills-2 li {
	    width: 100%;
	}

	#ConfirmUserInfo {
		width: 80%;
	}

}

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

	.carousel-item {
		height: 300px;
	}
	.carousel-inner {
		min-height: 300px;
	}
	#Home .carousel {
		min-height: 300px;
	}
	.video-callout .content-container {
		max-height: 200px;
		height: 200px;
	}
	.callout_image {
		min-height: 115px;
		height: 115px;
	}
	.carousel-item .aligner {
		padding: 0 40px;
	}
	.carousel-item p {
		line-height: 1;
		font-size: 1.3rem;
	}

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

	#Home .content-bottom	{
		width: 100%;
		float:none;
	}

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

	#BodyWrapper-Home {
      background-position: 35% 10%;
	}

	#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 li:first-child{
		/*-webkit-border-radius: 6px 0 0 0;
		-moz-border-radius: 6px 0 0 0;
		border-radius: 6px 0 0 0;*/
	}
	.pills.horizontal.group li:first-child+ li {
		/*-webkit-border-radius: 0 6px 0 0;
		-moz-border-radius: 0 6px 0 0;
		border-radius: 0 6px 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:80%; }

	#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;
	}

	footer {
	    margin: 10px auto 0px;

	}

}
@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;
	}






}

.btn-outline-primary {
	border-color: #007dbc;
	color: #007dbc;
}
.modal-dialog {
	max-width: 75%;
	margin: 0 auto;
}
ul.committee li {
	list-style: none;
	padding: 7px;
	margin: 0;
	flex: 0 1 40%;
}
ul.committee {
	padding: 0 0 10px 0;
	margin: 10px 0;
	display: flex;
	flex-wrap: wrap;
	width: 80%;
	border-bottom-color: rgb(216, 216, 216); border-bottom-width: 1px; border-bottom-style: solid;
}
@media(max-width:800px) {
	ul.committee {
		width: 100%;
	}
}
@media(max-width:400px) {
	ul.committee li {
		flex-basis: 100%;
	}
}