/*
 *	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 16px/normal 'Open Sans', sans-serif;
	min-height: 100%;
}

/* Modular layout classes [MODLC]
   ============================================================================================== */
.one-time-cc-text,
.one-time-check-text {
	display: none;
}
.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;
}
.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: 35px 0 25px;
    min-height: 380px;
}

#Home .content-bottom {
	min-height: initial;
}

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

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

/* Form elements */

fieldset div {
	clear: both;
	margin: 20px 0;
}
label {
	color: #0072CE;
	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;
	height: 36px;
	color: #595959;
}

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

input[type="submit"], .btn-primary, button[type="submit"] {
	background: #0072CE;
	cursor: pointer;
	padding: 11px 60px;
	-webkit-appearance: none;
	color: #fff;
	font: bold 1.250em/normal 'Open Sans', sans-serif; /* 16px */
	border: 0;
}

.btn-primary:after {
	font-family: FontAwesome;
	content: "\f054";
	display: inline-block;
	padding-left: 15px;
	vertical-align: middle;
	font-weight: normal;
	color: #0072CE;
}

.btn-secondary {
	cursor: pointer;
	padding: 14px 10px 14px 20px;
	-webkit-appearance: none;
	color: #0072CE;
	font: normal 0.889em/normal 'Open Sans', sans-serif; /* 16px */
}
.btn-secondary:after {
	font-family: FontAwesome;
	content: "\f054";
	display: inline-block;
	padding-left: 35px;
	vertical-align: middle;
	font-weight: normal;
	color: #0072CE;
}

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

input[type="submit"]:hover, .btn-primary:hover {
	filter: none;
	text-decoration: none;
}

.btn-primary {
	display: inline-block;
	padding: 16px 55px;
}
.btn-secondary {
	font-size: 16px;
}
	.no-cssgradients .btn-secondary { border-radius: 0;}
.btn-secondary:hover {
	/* background: #4f4f4f; */
	filter: none;

	text-decoration: none;
}
select {
	background-color: transparent;

	font: normal 1em/1em 'Open Sans', sans-serif;
	margin-right: 5px;
}
textarea {
	resize:vertical;
}

/* List elements */

ul {
	list-style: disc outside url(../img/ico-bullet-square-blue.png);
	margin-left: 1.417em; /*17px */
	word-wrap: break-word;
}
ol {
	list-style: decimal outside none;
	margin-left: 1.417em; /*17px */
}

/*Sticky Footer */
html {
	overflow-y: scroll;
}
html, body {height: 100%;}
#PageWrapper {min-height: 100%;}


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

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

#FooterWrapper {
	position: relative;
	/* margin-top: -120px; negative value of footer height */
	height: 120px;
	clear:both;
}

/* Structural elements */

#PageWrapper {
}

	/* Header elements */

	header {

		background: #1e3575;
	}
		.header-container {
			margin: 0 auto;
			width: 100%;
			max-width: 940px;
			position: relative;
			display: flex;
			justify-content: space-between;

		}
			#Logomark {
				padding: 2rem 0;
				float: left;
				max-width: 15%;
				flex-basis: 15%;
			}

				#Logomark a {
					background: url('../img/DTE_PAC_REV-01.png') no-repeat;
					display: block;
					float: left;
					height: 90px;
					width: 100%;
					top: -10px;

					text-indent: -9999px;
					overflow:hidden;
					/*margin-top: 17px;*/
					position: relative;
					/*top: 20px; */
					background-size: cover
				}
				#Logomark span {
					float: left;
					margin: 18px 0 0 3.191489%; /* 30px */
					padding: 10px 3.191489%; /* 30px */
					color: #fff;
					font: normal 16px/normal 'Open Sans', sans-serif;
					text-shadow: 1px 1px #333;
				}

			.Header__RightSide {
				display: flex;
				flex-direction: row-reverse;
				flex-basis: 100%;
				/* align-items: center; */
				font-size: .9em;
			}

			#UserInfo {
				color: white;
				/* margin-right: 20px; */
				position: inherit;
				top: inherit;
				/* width: 100%; */
				display: flex;
				justify-content: flex-end;
				margin-bottom: 15px;

			}
				#UserInfo a {
					color: #ffffff;
				}
		nav {
			height: 55px;
			float: right;
			/* padding-top: 30px; */
			width: 80%;
			position: relative;
			font-family: Arial, Tahoma, sans-serif;
		}
			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: 0;
					float: right;
					display: flex;
					justify-content: flex-end;
					/* 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 {
					color: #fff;
					text-decoration: none;
				}
					nav > ul > li > a {
						display: block;
						color: #fff;
						font-weight: 400;
						font-size: 1.000em; /*16px */
						/*line-height: 70px;*/

					}
					nav ul li a:hover {
						color: #fff;
						text-decoration: none;
					}
					nav > ul > li:first-child > a {
						/*border-left: 1px solid #3e647b; */
					}
					nav >ul > li:hover > a {
						color: #fff;
					}
					nav > ul > li  > ul {
						/* background: #c2dbe7 url(../img/bg-grad-nav-hover.png) repeat-x top; */
						background-color: #f1f1f1;
						height: auto;
						left: -9999em;
						position: absolute;
						color: #464646;
					}
					nav ul li ul li:hover {
						/* background-color: green; */
						text-decoration: none;
						color: #464646;

					}
					nav ul li:hover ul {
						color: #464646;
						left: auto;
						-webkit-user-select: none;
						-webkit-touch-callout: none;
					}
						nav ul li ul li {
							border: 0;
							color: #464646;
							display: table;
						}
							nav ul li ul li a {
								border: 0;
								color: #464646;
								font-size: 1.000em; /*16px */
								font-weight: normal;
								line-height: 25px;
								padding:5%;
							}
							nav ul li ul li a:hover {
								text-decoration: none;
								background: #e6e6e6;
								color: #464646;
							}

							.menu-arrow {
								/* padding-left: 5px; */
							}
	/* Body elememnts */

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

	.center-content {
		width: 100%;
		max-width: 940px;
		margin: 35px auto;
		position: relative;
		clear: both;
	}

/* Footer elements */

#FooterWrapper:before {
    
    content: "";
    display: block;
    height: 1px;
    position: relative;
    top: -2px;
}

#FooterWrapper {
	background: #1e3575;
	background-position: center top;
	background-size: contain;
	clear: both;
	font-size: 14px;
	padding: 20px 0;
}
	footer {
		margin: 0 auto;
		max-width: 940px;
		width: 100%;
		text-align: center;
	}
		#Copyright {
			color: #fff;
			font-weight: bold;
			float: left;
			padding: 1rem 0 2rem;
		}
		#FooterLinks {
			padding: 1rem 0 1rem;
			float: right;
		}
			#FooterLinks ul {
				list-style: none;
				margin: 0;
			}
				#FooterLinks ul li {
					display: inline-block;
					padding: 0 10px;
					line-height: normal;
					border-left: 1px solid #fff;
				}
				#FooterLinks ul li:first-child {
					border: 0;
				}
					#FooterLinks ul li a {
						color: #fff;
						text-decoration: none;
						text-transform: none;
						font-weight: normal;
					}

.Social__Links ul {
	display: flex;
	justify-content: center;
	list-style: none;
	margin: 2rem 0 0;
}

.Social__Links ul li {
	display: inline-block;
	padding: 0 2rem;
}

.Social__Links ul li a {
	color: #fff;
	font-size: 1.5em;
}


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

aside .callouts li {
	/* border-top: 1px solid #c8c8c8; */
	margin: 0;
	padding: 10px 0 0;
}
aside .callouts li a:hover {
	text-decoration: none;
}
aside .callouts li p {
	text-align: left;
	color: #595959;
	font-weight: normal;
}
#Donate-Options aside .callouts li {
	padding: 0;
}
aside .callouts li:first-child {
	margin-bottom: 1rem;
	padding-top: 0;
}
.my-contributions li {
	margin: 0;
	padding: 10px 0;
	width: 100%;
    max-width: 900px;
}
.my-contributions {
	list-style: none;
    margin: 0 -10px;
}
.my-contributions li:first-child {
	border: 0;
	padding-top: 0;
	margin-bottom: 20px;
}

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

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

.accordion {
	margin-top: 25px;
}

	.accordion dt {
		/*background: #0072CE;*/
		cursor: pointer;
		margin-top: 2px;
		padding: 20px 11px 17px 2px;
		font-weight: bold;
		color: #0072CE;
		font-size: 1.167em; /*14px; */
		border-top: 1px solid #ddd;
	}
		.accordion .last-child {
			border-bottom: 1px solid #ddd;
		}
		.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: 14px;
			background: url(../img/img-arrowdown.png) no-repeat right;
		}
		.accordion dt .arrow-right{
			float: right;
			height: 10px;
			margin: 6px 0 0;
			width: 14px;
			background: url(../img/img-arrowup.png) no-repeat right;
		}
	.accordion dd {
		padding: 0 5px 5px 10px;
	}
.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: 15px 20px;
			font-size: 1.375em;
			color: inherit;
		}
		.callouts li img {
			width: 100%;
		}




/* 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]
   ============================================================================================== */



#Home #WelcomeMessage {
	min-height: 325px;
	height: 0;
	margin-bottom: 10px;
	/* padding: 40px 0 0 4.255319%; 0 0 40px  */
	padding: 0;
	width: 100%;


	/*font-size: 1.333em;*/
	width: 100%;
	/*padding-bottom: 29.36170%;	/* 276 / 940 = 29.261% */
	/*padding: 19.36170% 0 0 0;*/

	position: relative;
	max-width: 940px;
	margin: 0 auto;24

}
	.welcomemessage-wrapper {
		background: #dde9e9;
		width: 100%;
		background: #eaf2f3 url(../img/img-ceo.jpg) no-repeat right;
		background-position: right bottom;
	}
	#Home #WelcomeMessage>div {
		position: absolute;
		/*top: 10.8%;*/
		left: 0;
		width: 52%;
		top: 5%;
		transform: translateY(-5%);
	}
	#Home #WelcomeMessage h1 {
		background: none;
		padding: 0;
		color: #2b2b2b;
		font-size: 2em;
		text-align: left;
		font-weight: 700;
	}
	#Home #WelcomeMessage p {
		text-align: left !important;
	}

	#Home #WelcomeMessage .btn-primary {
		margin-top: 13px;
		padding: 0;
		/* background: #D2D755; */
		color: #0072CE;
		background: transparent;

	}

	#Home #WelcomeMessage .btn-primary:after {
		/* color: #fff; */
	}

#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%;
		border: 1px solid rgb(217, 217, 217);
		position: relative;
		cursor: pointer;
	}
	#Home  .callouts  li  p:first-of-type {
		margin: 15px 20px 20px;
		padding-bottom: 60px;
	}
	#Home .callouts li a:hover {
		text-decoration: none;
	}


	#Home .callouts li p {
		text-align: left;
		color: #595959;
		font-weight: normal;
	}
	#Home .callouts li p:last-child {
		margin-right:0;
		/* margin-bottom:12px; */
		text-align: right !important;
		position: absolute;
		bottom: 2px;
		color: #0072CE;
		font-weight: bold;
	}
	#Home .callouts li h3 {
		margin: 15px 20px;
		color: #2b2b2b;
	}
.blue {
	color:#0072CE;
}
.btn {
	margin: 0 auto;
}

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

/* Pledge Progress Bar */

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

	list-style: none;
	margin: 20px auto;
	padding: 7px 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: 16px;
		line-height: normal;
	}
	#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: #fa8537;
		}

/* Pledge Option Pills */

.pills {
	list-style: none;
	margin: 0 0 15px;
}
.pills.horizontal.horse {
	width: 100%;
}
	.pills li {
		background: #fff;
		/* border: 1px solid #004990; */
		cursor: pointer;
		color: #fff;
		font-size: 14px;
		line-height: normal;
		text-align: center;
		/*height: 80px;*/
		margin: 20px 1px;
	}
	ul.pills li.selected {
		background: #004990;
		color: #fff;
	}


	.pills.horizontal li {
		float: left;

		font-size: 12px;
		font-weight: bold;
	}
	.pills.horizontal li:first-child {
		/*border: 1px solid #adadad;*/
		/*-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;
	}

	#RecurringPercentage .pills.horizontal.pills-1 li {
		width: 100%;
	}
	.pills.horizontal.pills-2 li {
		width: 49%;
	}
	.pills.horizontal.options-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: 33%;
	}
		.pills li input[type="radio"], .pills li .jqTransformRadioWrapper {
			left: -9999px;
			position: absolute;
		}
		.pills li label {
			cursor: pointer;

			color: #0072CE;
			line-height: normal;
		}
		.pills.vertical li label {
			font-weight: normal;
		}
		.pills.vertical li  span{
			text-transform: uppercase;
			position: relative;
			top: 10px;
}
		}
		.pills li.selected label {
			color: #fff;
		}
		.pills.horizontal.horse li label {
			font-weight: normal;
			padding: 15px 0;
			display: block;
		}
	.pills label[data-club] span {
		display:none;
		text-transform: uppercase;
	}

	ul.pills li.selected label {
		color: #fff;
	}

/* Step 1 - User Information */

#ConfirmUserInfo {
	border: 1px solid #1e3575;
	margin: 20px auto;
	max-width: 600px;
	width: 52.55319%;
}
	#ConfirmUserInfo div {
		float: left;
		padding: 10px;
		max-width: 260px;
		width: 65%;
		word-wrap: break-word;
	}
	#ConfirmUserInfo .col-header {

		background: #1e3575;
		clear: both;
		padding: 10px 0;
		width: 100%;
		max-width: none;

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

	#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 .callouts li h3 {
    text-align: left;
		line-height: 2em;
		margin-left: 0;
}
#Donate-Options .callouts li {
		line-height: 1.5em;
}
#Donate-Options .callouts li:first-child h3 {
	margin-top: 0;
}
#Donate-Options aside .callouts li p {
    margin: 0;
		text-align: left !important;
}

#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; */
	width: 100%;


}
#Donate-Options fieldset.bucket.last {
	margin: 0;
}
#Donate-Options fieldset.bucket legend:last-child {
	border-bottom: 1px solid #ccc;
}
	#Donate-Options .submit-btn {
		margin: 15px auto;
		padding-bottom: 30px;
	}

		#Donate-Options fieldset.bucket legend span {
			display: block;

			color: #fa8537;
			/*font-size: 0.786em;  */
			/* 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;
				width: 100%;

	}

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

		#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%;
	text-align: center;
}
	#Donate-Options .callouts #ContributionHistory tr {
		border-bottom: 1px solid #ebe1c5;
	}
		#Donate-Options .callouts #ContributionHistory tr td {
			padding: 5px 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%;
}

#Donate-Options #OneTime  {

}
#Donate-Options .pledge-text  {
	text-align: center;
	padding-bottom:10px;
}
#Donate-Options .pledge-text h4  {
	color: #004990;
}
#Donate-Options select {
	margin-top: 10px;
	width: 100%;
}

/* 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 p:first-child {
	    margin: 30px 0 10px 0;
}
#Donate-Confirm input[type="text"], #ConfirmUserInfo input[type="text"]  {
	width: 100%;
	height: 36px;
}
#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: 2px 0 0 5px;
	width: 94.9016393%; /*585px; */

	line-height: 1.25em;
}

#PayrollFreeFormWrapper,
#OneTimeFreeFormWrapper {
	clear: both;
}

#PayrollFreeFormWrapper label,
#OneTimeFreeFormWrapper label {
	color: #595959;
}

/* Section 6 - Disbursements [SEC06]
   ============================================================================================== */
#StatePicker {
	display: none;
}

#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;
		border-top: 1px solid #ebe1c5;
		border-bottom: 1px solid #ebe1c5;
	}
		#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: 740px;
	padding-bottom:45%;
	position: relative;
	margin-top: 2rem;
	flex-basis: 75%;
}



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

#Disbursements aside {
	width: 100%;
}

#Disbursements .content-bottom {
	margin-top: 0;
}

#Disbursements aside .callouts li {
	max-width: none;
}

#Disbursements aside .callouts li p:first-of-type {
	padding-bottom: 0;
	margin-bottom: 2rem;
}

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


/* Events Page
   ============================================================================================== */
   #Events {
	width: 100%;
	max-width: 940px;
	margin: 0 auto;
}
#Events ul {
	list-style: none;
	margin: 30px 0 0;
	padding: 0;
}
#Events ul li {
	display: inline-block;
	position: relative;
	height: 216px;
	width: 47%;
	margin: 0 20px 20px 0;
}
#Events ul li div {
	background: #179eda;
	position: absolute;
	left: 90px;
	top:13px;
	color: #ffffff;
	width: 80%;
	height: 100%;
	padding: 20px;
}
#Events ul li h3 {
	color: #ffffff;
}

#event-photos {
	width: 100%;
	padding: 40px 0;
}
#event-photos h2 {
	margin-bottom: 20px;
}
#event-photos > div {
	width: 100%;
	max-width: 940px;
	margin: 0 auto;
}

/* SPECIAL EVENTS */
#event-photos #owl-demo .item{
	margin: 3px;
}
#event-photos .owl-item img{
	display: block;
	width: 90%;
	height: 170px;
}
/* Pure CSS Calendar Icon
   ============================================================================================== */
.calendar{
	margin:.25em 10px 0px 0;
	padding:15px 0 4rem;
	float:left;
	width:90px;
	background:#1159a0;
	font-size: 50px;
	text-align:center;
	color:#fff;
	position:relative;
}
.calendar em{
	display:block;
	font-size: 28px;
	line-height: 0.8em;
	margin-bottom: 20px;
	text-transform:uppercase;
	font-style: normal;
	color:#fff;
	background:#1159a0;
	border-top:1px solid #1159a0;
}

.calendar:after{
	background: transparent url(../img/calendar.png) no-repeat right;
	background-size: 100% 100%;
	content:'';
	float:left;
	position:absolute;
	left: 18px;
	width:55px;
	height: 58px;
	z-index:1;
}

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

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

/* Section 9 - Board of Directors
   ============================================================================================== */
#BoardofDirectors {
	padding: .5vw;
	font-size: 0;
	display: -ms-flexbox;
	-ms-flex-wrap: wrap;
	-ms-flex-direction: column;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	display: -webkit-box;
	display: flex;
}
#BoardofDirectors div {
	-webkit-box-flex: auto;
	-ms-flex: auto;
	/* flex: auto; */
	width: 31%;
	max-width: 300px;
	margin: .5vw;
}
#BoardofDirectors div img {
	width: 100%;
	height: auto;
}
#BoardofDirectors div h4 {
	color: #464646;
	font: bold 1.500em/normal 'Open Sans', sans-serif; /* 16px */
}
#BoardofDirectors .item-heading {
  padding: 1rem 0;
  font-size: 1.6rem;
  text-align: left;
}

aside > .callouts > li {
	cursor: pointer;
	position: relative;
	border: 1px solid rgb(217, 217, 217);
}
aside .callouts  li  p:first-of-type {
	margin: 15px 20px 50px;
	padding-bottom: 30px;
}
aside .callouts li .btn {
	/* margin-right:0;
	margin-bottom:3px;
	text-align: right !important;
	position: absolute;
	bottom: 0;
	right: 0; */
	/* color: #ffffff; */
}

.callouts p:last-child {
    margin-right: 0;
    text-align: right !important;
    position: absolute;
    bottom: 2px;
    color: #0072CE;
    font-weight: bold;
}

.donate-confirm-page .callouts p:last-child, .disbursements-page .callouts p:last-child{
	/* margin: 0; */
	position: inherit;
	margin-bottom: 0;
    text-align: left !important;
    color: inherit !important;
    font-weight: normal;
}

#Donate-Options aside > .callouts > li {
	background: none;
}

#Content img {

}

/* 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) */
}
/* FontAwesome
   ============================================================================================== */
.fa-chevron-right:before {
    content: "\f054";
    font-size: 12px;
	padding-left: 3px;
}


/* MyLegislators
   ============================================================================================== */

#MyLegislators {
	margin: 3rem 0 25px;
	padding-top: 2rem;
	border-top: 1px solid rgb(217, 217, 217);
}

#MyProfile h1 {
	color: #2b2b2b;
}

#MyLegislators h1 {
	clear: both;
	margin: 2rem 0;
	color: #2b2b2b;
	text-align: center;
}
 	#MyLegislators h4 {
 		clear: both;
 		margin: 10px 0;
 	}
 	#MyLegislators ul {
 		list-style: none;
		 /* margin: 0 -15px; */
		 margin: 0;
 	}
 		#MyLegislators ul li {
 			float: left;
 			height: 230px;
			padding: 0;
			margin: 10px;
			display: flex;
			flex-direction: column;
 			width: 30%;
			text-align: center;
			border: 1px solid rgb(217, 217, 217);
		 }
		/*
 		#MyLegislators ul li:hover {
 			background: -webkit-linear-gradient(top, #e9e9e9, #d4d8de);
 			background:    -moz-linear-gradient(top, #e9e9e9, #d4d8de);
 			background:         linear-gradient(top, #e9e9e9, #d4d8de);
 			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#d4d8de');
 			background-image: linear-gradient(to bottom, #e9e9e9 0%, #d4d8de 100%);
 		}
		*/
		#MyLegislators .legislator-image {
			background: #000;
			flex-basis: 150px;
			max-height: 150px;
		}

		#MyLegislators .legislator-info {
			padding: 0 2rem;
			text-align: left;
			height: 100%;
			display: flex;
			align-items: center;
		}


			/* Legislator Detail
			   ============================================================================================== */

			#LegislatorDetail #ContactInfo {
				padding: 10px 0 30px;
			}
				#LegislatorDetail #ContactInfo img {
					/*border: 6px solid #d4d8de; */
					float: left;
				}
				#LegislatorDetail #ContactInfo h4 {
					margin: 0 0 7px;
				}#LegislatorDetail #ContactInfo strong
				 {
					display: block;
					float: left;
					width: 50px;
				}
				#LegislatorDetail #ContactInfo #CapAddress, #LegislatorDetail #ContactInfo #DistAddress {
					float: left;
					margin-left: 6.5573770491%; /* 40px */

					line-height: 1.5em;
				}
					#LegislatorDetail #ContactInfo #CapAddress div, #LegislatorDetail #ContactInfo #DistAddress div {
						margin: 7px 0 0;
					}
			#LegislatorDetail #PersonalInformation label {
				color: #595959;
			}
				#LegislatorDetail #Education table {
					clear: both;
					width: 100%;
				}
					#LegislatorDetail #Education table tr {
						background: #f5f5f5;
						border-bottom: 1px solid #fff;
					}
					#LegislatorDetail #Education table tr:first-child {
						background: #fff;
					}
						#LegislatorDetail #Education table tr th, #LegislatorDetail #Education table tr td {
							padding: 5px;
						}
						#LegislatorDetail #Education table tr th {
							color: #174560;
							font-weight: bold;
							text-align: left;
						}
				#LegislatorDetail #Biography {
					margin: 13px 0 0;
				}
					#LegislatorDetail #Biography div {
						border: 1px solid #d9d9d9;
						clear: both;
						mini-height:300px;
						max-height: 400px;
						overflow: auto;
						padding: 10px;
					}
			.scorecard-bill {
				margin: 20px 0 0;
				padding: 20px 0 0;
			}
			.scorecard-bill:first-child {
				margin: 0;
				padding: 0;
			}
				.scorecard-bill > h5 {
					float: left;
					margin: 0 5px 0 0;
				}
				.scorecard-bill h5 a {
					background: url(../img/ico-scorecard-arrow-closed.png) no-repeat left;
					padding: 0 0 0 12px;

					color: #174560;
				}
				.scorecard-bill h5 a:hover {
					text-decoration: none;
				}
				.scorecard-info {
					margin: 10px 0;
				}
					.scorecard-info span {
						display: block;
						float: left;
						width: 125px;
					}
					.scorecard-info img {
						vertical-align: middle;
					}
				.scorecard-bill .desc-open {
					background: url(../img/ico-scorecard-arrow-open.png) no-repeat left;
				}
				.scorecard-bill .scorecard-desc {
					clear: both;
					display: none;
					padding-top: 5px;
				}


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

#Donate-Options fieldset.bucket .arrow{
	float: right;
	height: 29px;
	margin: 6px 0 0;
	width: 29px;
	background: url(../img/img-pledgearrowup.png) no-repeat right;
	top: 25%;
	right: 10px;
	position: absolute;
}

#Donate-Options fieldset .arrow.arrow-down {
  -webkit-transform:rotate(180deg);
     -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
     -o-transform:rotate(180deg);
      transform:rotate(180deg);
  margin: 0 2px 0;
}
#Donate-Options .two-columns  fieldset.bucket {
  margin-lefT:auto;
  margin-right: auto;
  float: none;
  width: 100%;
  display: flex;
  flex-direction: column;
}
#Donate-Options fieldset div input[type="text"] { width:20%; }


#Donate-Options fieldset.bucket legend {
	background: none;
	filter: none;
	color: #2b2b2b; !important
	border-top: 1px solid #ccc;
	border-radius: 0 0 0 0 ;
	width: 100%;
	text-align: center;
	/* margin-bottom: 10px; */

}
#Donate-Options fieldset.bucket legend:last-child {
	border-bottom: 1px solid #ccc;
}

#Donate-Options	#OneTime hr {
		margin: 0 0 20px;
	}
	#Donate-Options fieldset.bucket legend span {
		color:#2b2b2b;
		margin: 20px 5px;
		cursor: pointer;
	}
#Donate-Options fieldset.bucket div {
	border: 0 none;
}

#AboutUs img, #Faq img{
	   margin: 5px 15px 0px 10px;
}
/* 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:940px){
header {
	padding: 0 10px;
}

	#BodyWrapper  {
		padding: 25px 10px;
	}
	#BodyWrapper-Home {
	    padding: 0 0 30px;
	}
		#FooterWrapper{
			margin-top: -30px;
		}
			#FooterWrapper footer {
				padding: 0 10px;
			}

	nav ul li ul li a {
		padding:0;
	}
	#PledgeProgressBar li {
		width: 33%;
	}

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

	#Home .callouts {
	    margin: 0;
	}
		#Home .callouts li {
			width: 30.505673758865248226950354606596%;
		}
	.menu-arrow {display:none;}
	#Home #WelcomeMessage {
		border: 0 none;
	}
		#Home #WelcomeMessage {
			position: relative;
			background-position: right top ;
			background-size:contain;

		}

		#Home #WelcomeMessage>div {
			left: 2%;
		}

	.home-page .content-bottom{
		padding: 0px 10px;
		margin: 5px auto 0;
	}

	.home-page .content-bottom .callouts li {
		margin-top:22px;
	}
	.home-page .content-bottom .callouts p:last-child {
		/* text-align:left!important; */
	}
	#MyLegislators ul li {
	    width: 46%;
	}

}
@media only screen and (max-width:940px){
	.pills.horizontal.pills-2 li, .pills.horizontal.pills-5 li {
    width: 32%;
	}
}
@media only screen and (max-width: 780px) {
	nav { width: 75%;}

	#Home #WelcomeMessage {
		height: auto;
		/*padding: 20px 20px 0 20px; */
	}
		#WelcomeMessage br {
			display:none;
		}

	.home-page .content-bottom .callouts p {
		text-align: left!important;
	}
	.callouts li h3 {
		text-align: left;
	}
	.home-page .content-bottom {
		padding: 0 10px;
	}

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

	nav {
		height: auto;
		background: none;
	}

	#NavWrapper { 
		padding-top: 0;
	}

	#Home .callouts li {
    width: 30.405673758865248226950354606596%;
	}
	#Logomark{
		float: none;
		margin: 0 auto;
		width: 250px;
		padding:0;
		text-align:center;

	}

		#Logomark a {
			/* height: 40px; */
			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;

	}
	#Home #WelcomeMessage>div {
		left: 5%;
	}

	.header-container {
		position: inherit;
		display: block;
	}

	nav {
		background: none;
		height: auto;
		width: 100%;
		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;
	}

	header {
		padding: 0;
	}

	#UserInfo {
		overflow:hidden;
		text-indent: -99999px;
		height: 60px;
		width: 35px;
		padding: 0;
		top:0;
		display: block;

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

	#Content img {
		width: auto;
		padding: 10px !important;
	}

}
@media only screen and (max-width: 720px) {
	#BodyWrapper-Home {
	    padding: 0 0 50px;
	}
	#Home #WelcomeMessage > div {
		position: relative;
		background-color:#dfeaf7;
		padding: 28px 20px;
		bottom: 0;
		left:0;
		width: 100%;
	}

	#Home #WelcomeMessage h1,
	#Home #WelcomeMessage p {
		width: auto;
	}
	#Home #WelcomeMessage h1 {
		color:#0091da;
	}
	#Home #WelcomeMessage p {
		color:#000;
	}

	#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: 100%;
		margin-right: 1em;
		max-width: 300px;
	}

	.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: 0;
	}
	header {
		background-size:contain;
	}

	#Logomark span {
		border-left: 0;
		margin:0;
		padding: 5px 0 0;
		clear: left;
	}



	#ConfirmUserInfo {
		width: 80%;
	}

}

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

	.pills.horizontal.pills-2 li, .pills.horizontal.pills-5 li {
		width: 32%;
	}


}

ul#ddcGeneratedMenu {
    display: flex;
    align-items: flex-end;
}
@media only screen and (max-width: 725px) {

	/*
		header {
			background: #0072CE url(../img/bg-border-320.jpg) no-repeat right;
			background-position: center bottom;
			background-size: contain;
			min-height: 90px;
		}
	*/
	ul#ddcGeneratedMenu {
		display: block;
	}
		#UserInfo a {
			right: 5px;
		}
		#Logomark {
		    max-width: 250px;
		    width: 220px;
		}

	.welcomemessage-wrapper {
		/*width: 100%;
		background: #034691 url(../img/img-ceo.jpg) no-repeat right;
		background-position: right top;
		background-size: contain;*/
		background: none;
	}
	#Home #WelcomeMessage {
		height: 165px;
		padding: 32.3617% 0 0 0;
		clear: both;
		display: table;
		background-size: 100%;
		background: #034691 url(../img/img-ceo.jpg) no-repeat right;
		background-position: right top;
		background-size: contain;
	}
	#Home #WelcomeMessage > div {
		background-color: #034691;
	}
	#Home #WelcomeMessage h1 {
		color: #fff;
		text-align: left;
		font-size: 24px;
    font-weight: bold;
	}
	#Home #WelcomeMessage p {
		color: #fff;
		font-size: 14px;
		line-height: 1.5em;
	}
	#Home  .btn-primary {
		padding: 14px 16%;
		text-align: center;
		width: 100%;
		font-size: 18px;
	}
	#BodyWrapper-Home {
    padding: 0 0 25px;
	}

	#FooterLinks {
		float: none;
		text-align: center;
	}
	#FooterWrapper {
    	clear: both;
		margin-top: 10px;
	}

	#Copyright {
		float: none;
		padding-bottom: 10px;
		text-align: center;
	}
	#Home #WelcomeMessage > div {
		padding: 20px 20px 10px;
		text-align: center;
	}

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

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

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

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

	.callouts li h3 {
		 font-size: 1.250em;
	}

	.pills li:first-child{
		/*padding-top: 8%;*/
	}
	.pills li {
		/*height: 130px;
		padding-top: 4%;*/
		margin: 2px 1px;
	}

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

	.home-page .content-bottom .callouts p {

	}

	.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:#004990;
		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:#004990;
		}
	#Donate-Options fieldset.bucket div {
		border: 0 none;
	}
	*/
	.callouts  p {
		text-align: center;
	}

	#BoardofDirectors div { margin: 0; }
	#BoardofDirectors { padding: 0; }

	#BoardofDirectors div {
		width: 100%;
		margin: .5vw auto;
	}


}

@media only screen and (max-width: 530px) {
	#MyLegislators ul li {
		width: 100%;
		margin: 0;
	}
	#StatePicker {
		display: block;
		width: 100%;
	}
}

@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;
	}
	#UserInfo a {
    right: 0;
	}
	#FooterLinks ul li:first-child	{
	}
	#PledgeProgressBar li {
		text-align:center;
	}
	#PledgeProgressBar li span{
		display: block;
		float: none;
		text-align: center;
	}

}

.disbursement-map-container__wrapper {
	display: flex;

}

#Disbursements .disbursement-map-container__wrapper .callouts { 
	flex-basis: auto;
}

#Disbursements .disbursement-map-container__wrapper .callouts h3 { 
	margin-left: 0;
}
#Disbursements .disbursement-map-container__wrapper .callouts p{ 
	text-align: left;
}

@media(max-width: 650px) {

	#Disbursements .disbursement-map-container__wrapper {
		flex-direction: column; 
	}

	.disbursement-map-container {
		flex-basis: 100%;
	}
	
	#Disbursements .disbursement-map-container__wrapper .callouts {
		flex-basis: 100%;
	}
}

@media(max-width: 630px) {
	.content-bottom img {
		width: 100%;
	}
}

.disbursements-page #BodyWrapper {
    padding: 25px 20px;
}

.most_recent_pledge { 
	/* border: 1px solid rgb(217, 217, 217); */
	padding: 10px !important;
}


nav#NavWrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
	justify-content: center;
	width: 100%;
	height: auto;
    justify-content: space-between;
}

div#PayrollDeduction li label {
    background: #0072CE;
    color: white;
}
div#PayrollDeduction li.selected label {
    background: #004990;
}

#OneTime li label {
    background: #0072CE;
    color: white;
}
#OneTime li.selected label {
    background: #004990;
}

div#PayrollDeduction {
	border-top: 1px solid #ccc;
	/* margin-bottom: 20px; */
}
	
div#OneTime {
    border-top: 1px solid #ccc;
}

span.label__top {
    font-size: 12px;
	margin: 0 !important;
}

span.label__bottom { 
	margin: 0 !important;
}

#Donate-Options fieldset.bucket div {
	margin: 0;
}

@media(max-width: 768px) { 
	nav#NavWrapper {

		align-items: flex-start;
	}

	#PayrollFreeFormWrapper, #OneTimeFreeFormWrapper {
		padding-top: 20px;
	}

	ul#ddcGeneratedMenu {
		display: none;
	}

}