

.fapForm legend {
	color: #fff;
	font-size: 3em;
	font-weight: bold;
	margin: 0;
	padding: 0 0 5px;
}
.fapForm .btn {
	font-size: 1.2em;
}
/* Widget unit CSS */
#fapWidget {
	background: url(../images/nt-findaplace-banner-tall.jpg) 0 0 no-repeat;
	padding: 35px 20px 40px 20px;
}
#fapWidget form {
	font-size: 1.2em;
	position: relative;
}
#fapWidget form label {
	color: #fff;
	float: left;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.3em;
	margin: -5px 0 15px;
	width: 100%;
}
#fapWidget form legend {
	color: #fff;
	font-size: 2.4em;
	padding: 0 0 20px;
	width: 100px;
}	
#fapWidget form .longInput {
	color: #666;
	float: left;
	font-size: 1.4em;
	margin: 0 0 10px;
	padding: 2px 4px;
	width: 162px;
}
#fapWidget form input[type='submit'] {
	font-size: 1.2em;
}
/* 3 col widget CSS (same as main search page thingy */
#fapSearch {
	background: url(../images/nt-findaplace-banner-wide.jpg) 0 0 no-repeat;
	float: left;
	margin: -20px 0 20px;
	padding: 20px 0 20px;
	position: relative;
	width: 100%;
}
#fapUnit #fapSearch {
	padding: 20px 0 10px;
}
#fapSearchForm {
	color: #333;	
	margin: 0 0 10px 0;
	padding: 0;
}
#fapSearchForm fieldset {
	font-size: 1.2em;
	margin: 0 0 10px 25px;
	padding: 0;
}
#fapUnit #fapSearchForm legend {
	left: -9999em;
	position: absolute;
}
#fapSearchForm ul {
	border: none;
}
#fapSearchForm label {
	color: #fff;
	float: left;
	font-size: 1.4em;
	font-weight: normal;
	margin: 0 10px 10px 0;
	padding: 4px 0 0;
	width: 100%;
}
#fapUnit #fapSearchForm label {
	font-size: 1.2em;
}
#fapSearchForm input.longInput {
	color: #666;
	float: left;
	font-size: 1.4em;
	margin: 0 10px 0 0;
	padding: 3px;
	width: 300px;
}
#fapSearchForm input.btn {
	margin: 0;
}


.btn,
.button {
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
	background: -moz-linear-gradient(top, #fff, #eee);
	background-color: #eee;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #ccc;
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
	color: #246be2;	
	cursor: pointer;
	display: block;
	float: left;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 1.4em;
	font-weight: normal;	
	margin: 0 10px 5px 0;
	padding: 6px 12px;	
	text-decoration: none;
	text-shadow: 1px 1px 0px #fff;
}
.btn:focus,
.button:focus {
	background-color: #246be2;
	border-color: #fff;
	color: #fff;
	text-shadow: none;
}
.btn:hover,
.button:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
	background: -moz-linear-gradient(top, #eee, #ccc);
	background-color: #ccc;
	border-color: #ccc;
	color: #000;
}
.btn:active,
.button:active {
	background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#eee));
	background: -moz-linear-gradient(top, #ccc, #eee);
	background-color: #eee;
	border-color: #ccc;
}
.editBtn {
	background: -webkit-gradient(linear, left top, left bottom, from(#50a9f5), to(#1974c1));
	background: -moz-linear-gradient(top, #50a9f5, #1974c1);
	background-color: #1974c1;
	border-color: #1974c1;
	color: #fff;
	margin: 0 0 3px 0;
	text-shadow: -1px -1px 0px #135790;	
}
.editBtn:focus {
	background-color: #1244aa;	
}
.editBtn:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#1974c1), to(#104f85));
	background: -moz-linear-gradient(top, #1974c1, #104f85);
	background-color: #104f85;
	border-color: #104f85;
	color: #fff;
}
.editBtn:active {
	background: -webkit-gradient(linear, left top, left bottom, from(#104f85), to(#1974c1));
	background: -moz-linear-gradient(top, #104f85, #1974c1);
	background-color: #1974c1;
	border-color: #1974c1;
}
.pinkBtn {
	background: #e61464;
	border: none;
	color: #fff;
	text-shadow: none;
}
.pinkBtn:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#e66797), to(#e61464));
	background: -moz-linear-gradient(top, #e66797, #e61464);
	color: #fff;	
}
.pinkBtn:active {
	background: -webkit-gradient(linear, left top, left bottom, from(#e61464), to(#e66797));
	background: -moz-linear-gradient(top, #e61464, #e66797);
}



.selfPromotion,
.selfPromotionOne {
	background-position: 100% 0;
	background-repeat: no-repeat;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;	
	margin: -10px 0 10px 0;
	padding: 15px 10px;
	position: relative;	
}
.selfPromotionOne {
	float: left;
	padding: 15px 10px 145px;
	width: 200px;
}
.selfPromotionOne.spDonate,
.selfPromotionOne.spMember,
.selfPromotionOne.spVisit,
.selfPromotionOne.spVolunteer,
.selfPromotionOne.spEvents,
.selfPromotionOne.spMobapps,
.selfPromotionOne.spHolCot {
	background-position: 70% 100%;
}
.selfPromotion h4,
.selfPromotionOne h4 {
	font-size: 3em;
	line-height: 1em;
	margin: 0 0 5px 0;
}
.selfPromotionOne h4 a,
.selfPromotion h4 a {
	color: #333;
}
/* Custom user journey thematic colour matching! 
.spDonate h4 a {
	color: #00828a;
}
.spMember h4 a {
	color: #7b7700;
}
.spVolunteer h4 a {
	color: #00828a;
}
.spVisit h4 a {
	color: #e61464;
}
.spEvents h4 a {
	color: #e61464;
}
*/
.selfPromotion h4 a:focus,
.selfPromotion h4 a:hover,
.selfPromotionOne h4 a:focus,
.selfPromotionOne h4 a:hover {
	text-decoration: underline;
}
.selfPromotionOne p,
.selfPromotion p {
	color: #666;
	font-weight: normal;
	margin: 0;
}
.selfPromotionOne p {
	width: 180px;
}
.selfPromotion p {
	width: 380px;
}
.selfPromotionOne p a,
.selfPromotion p a {
	background-color: #246be2;
	background-image: url(../images/nt-selfpromo-icon-arrow.gif);
	background-position: 99% 50%;
	background-repeat: no-repeat;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #fff;
	padding: 2px 14px 2px 6px;
	text-decoration: none;
}
.selfPromotionOne p a:focus,
.selfPromotion p a:focus {
	background-color: #333;
	color: #fff;
}
.selfPromotionOne p a:hover,
.selfPromotion p a:hover {
	background-color: #333;
}
.spDonate {
	background-image: url(../images/nt-selfpromo-wide-donate.jpg);
}
.spMember {
	background-image: url(../images/nt-selfpromo-wide-member.jpg);
}
.spVolunteer {
	background-image: url(../images/nt-selfpromo-wide-volunteer.jpg);
}
.spVisit {
	background-image: url(../images/nt-selfpromo-wide-visit.jpg);
}
.spEvents {
	background-image: url(../images/nt-selfpromo-wide-events.jpg);
}
.spMobapps {
	background-image: url(../images/nt-selfpromo-wide-mobapps.jpg);
}
.spHolCot {
	background-image: url(../images/nt-selfpromo-wide-holcot.jpg);
}