/* =Wrappers
------------------------------------------ */

.nf-wrap {
	font-size:14px;
}

.nf-wrap .nf-cell {
	padding:1em 1em 1em 2em;
}

.nf-wrap .nf-cell.collapse {
	padding:0 1em 0 2em;
}

.nf-wrap .divider {
	border:1px solid #dedede;
}

.nf-wrap .divider-top {
	border-top:1px solid #dedede;
}

.nf-wrap .divider-right {
	border-right:1px solid #dedede;
}

.nf-wrap .divider-bottom {
	border-bottom:1px solid #dedede;
}

.nf-wrap .divider-left {
	border-left:1px solid #dedede;
}

.nf-wrap .aligncenter {
	text-align:center;
}

.nf-wrap .buttonset {
	margin:1em 0;
}


/* =Text Elements
------------------------------------------ */

.nf-wrap p {
	padding:1em 2em;
	margin:0;
}

.nf-wrap p + p {
	padding-top:0;
}

.nf-wrap .nf-cell p {
	padding:1em 0;
}

.nf-wrap .nf-highlight > .columns,
.nf-wrap h3 {
	padding:1em 2em !important;
}

.nf-wrap .nf-highlight,
.nf-wrap h3,
.nf-wrap th {
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
	color:#004174;
	margin:0;
	background:#b4d8e1;
	border-bottom:1px solid #dcdcdc;
}

.nf-wrap .edit-address {
    text-decoration: underline;
    text-transform: capitalize;
    font-weight: normal;
    color: #464646;
}

.nf-wrap #my-account-section-addresses table {
	width:100%;
}

.nf-wrap .edit {
	font-size:12px;
	padding-top:1.2em;
	text-decoration:underline;
	background:url('../images/icon-edit.png' ) 6px center no-repeat;
}

.nf-wrap .delete {
	font-size:12px;
	padding-top:1.2em;
	text-decoration:underline;
	background:url('../images/icon-delete.png' ) 6px center no-repeat;
}

.nf-wrap .empty-cart {
	font-size:12px;
	padding-top:2em;
	text-decoration:underline;
	background:url('../images/icon-delete.png' ) 12px 23px no-repeat;
}

.nf-wrap .edit a {
	color:#a0a0a0;
}

.nf-wrap .row > .nf-highlight {
	margin-top:1em;
	padding:.3em 0;
}

.nf-wrap .row > .nf-highlight-double {
	margin-top:0;
}

.nf-wrap h1 {
	font-size:30px;
	margin:0;
	color:#004174;
}

.nf-wrap h2 {
	color:#004174;
	font-size:18px;
}

.nf-wrap h4 {
	color:#004174;
	font-size:16px;
	font-weight:bold;
}

.nf-wrap .nf-highlight-secondary {
	background:#f0f7f9;
	border-bottom:1px solid #fff;
}

.nf-wrap .nf-highlight-secondary.divider-bottom {
	border-bottom:1px solid #dedede;
}

.nf-wrap .nf-highlight-secondary label {
	font-weight:bold;
}

.nf-wrap p {
	font-size:14px;
}

.nf-wrap p.small,
.nf-wrap small {
	font:11px/1.5em Arial,sans-serif;
	display:block;

}

.nf-wrap small {
	-moz-opacity:.75;
	-webkit-opacity:.75;
	filter:alpha(opacity=75);
	opacity:.75;
}

.nf-wrap .nf-account-link {
	color:#464646;
	text-decoration:underline;
}

.nf-wrap .text-right {
	text-align:right;
}

.nf-wrap .nf-cell li {
	background:none;
}


/* =Form Elements
------------------------------------------ */

.nf-wrap label {
	font-size:1em;
}

.nf-wrap .nf-highlight label {
	text-transform:none;
}

.nf-wrap input[type="radio"] + label,
.nf-wrap input[type="checkbox"] + label {
	display:inline-block;
	margin-left:1em;
	width:80%;
	vertical-align:top;
	margin-top:0;
}

.nf-wrap label,
.nf-wrap input[type="text"],
.nf-wrap input[type="password"],
.nf-wrap select {
	margin:1em 1em 1em 0;
}

.nf-wrap .nf-cell li label {
	margin:0;
}

.nf-wrap .inline {
	margin:.8em 0 0;
}

.nf-wrap input[type="text"],
.nf-wrap input[type="password"],
.nf-wrap select {
	border:1px solid #dcdcdc;
	font-size:14px;
}

.nf-wrap input[type="text"],
.nf-wrap input[type="password"],
.nf-wrap select,
.nf-wrap small {
	width:87%;
}

.nf-wrap input[type="text"],
.nf-wrap input[type="password"],
.nf-wrap input[type="submit"],
.nf-wrap .nf-button {
	-moz-border-radius:3px;
	-webkit-border-radius:-3px;
	border-radius: 3px;
}

.nf-wrap .sfg-row input {
	margin:1em;
}

.nf-wrap .nf-cell li input[type="text"] {
	width:50%;
}

.nf-wrap select {
	height:2em;
	display:block;
}

.nf-wrap select.small {
	width:40%;
}

.nf-wrap .dollar-input {
	padding-top:0;
	padding-bottom:0;
}

@media screen and (min-width: 1024px) {
	.nf-wrap .dollar-input {
		margin-top:1.5em;
	}
}

.nf-wrap .dollar-input label,
.nf-wrap .dollar-input input {
	margin-top:0;
	margin-bottom:0;
}

.nf-wrap .dollar-input .radio-other input[type="radio"],
.nf-wrap .dollar-input .radio-other .gft_amount_other_box {
	display:inline;
}

.nf-wrap .dollar-input .radio-other .gft_amount_other_box {
	width:82px;
	height:28px;
	padding:0 5px;
}


/* =Buttons
------------------------------------------ */

.nf-wrap input[type="submit"],
.nf-wrap .nf-button {
	background:#004174;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	padding:.5em 1em;
	margin:1em 0;
	width:auto;
	text-decoration:none;
	text-transform:uppercase;
	border:0;
	display:inline-block;
}

.nf-wrap .nf-button,
.nf-wrap input[type="submit"].nf-button-next {
	width:170px;
	background:#004174 url('../images/icon-arrow-sprite.png') 13px -22px no-repeat;
	white-space:pre-wrap;
	line-height:1.2em;
}

.nf-wrap .nf-button-previous {
	text-align:right;
}

.nf-wrap .nf-button-next,
.nf-wrap input[type="submit"].nf-button-next {
	text-align:left;
	background-position:151px 9px;
}

@media screen and (max-width: 1024px) {
	.nf-wrap .nf-button,
	.nf-wrap input[type="submit"].nf-button-next {
		width:119px;
	}

	.nf-wrap input[type="submit"].nf-button-next {
		background-position:100px 9px;
	}
}

.nf-wrap input[type="submit"].nf-button-huge,
.nf-wrap a.nf-button-huge {
	padding:1.3em;
	background:#b4d8e1;
	color:#004174;
	font-size:14px;
}

.nf-wrap a.nf-button-print {
	background: url('../images/icon-printer.png') 12.5em center no-repeat #b4d8e1;
	width:auto;
	padding:1.3em 3.3em 1.3em 1.3em;
}

.nf-wrap .nf-button.nf-button-secondary {
	width:200px;
	background:#b4d8e1 url('../images/icon-arrow-dash-sprite.png' ) no-repeat 180px 11px;
	color:#004174;
	padding:.9em 1em;
}

.nf-wrap .nf-button.nf-button-inverted {
	background: #004174 url('../images/icon-arrow-inv-sprite.png') 180px 10px no-repeat;
	color: #b4d8e1;
}


/* =Banners
------------------------------------------ */

.nf-banner h2, .nf-banner p {
	color:#004174;
}

.nf-banner h2 {
	font:italic normal 2.5em Arial,sans-serif;
	text-transform:none;
}

.nf-banner p {
	font-size:16px;
	padding:0 0 2em;
}

.nf-banner-box {
	background:#fff;
	padding:1em 0;
}

.nf-banner-box h4 {
	font-size:1em;
	color:#303030;
	margin:1em 2em 0;
}


/* =Tables
------------------------------------------ */


.clear-border {
	border:solid 1px #fff;	
}

.nf-wrap .table-plain {
	margin:.7em 0;
	border:0;
	width:100%;
}

.nf-wrap .table-plain tr:nth-of-type(even) {
	background:#fff;
}

.nf-wrap .table-plain tr td {
	font-size:14px;
	padding:0.2em 0.625em;
	color:#464646;
}

.nf-wrap .table-plain tr td small {
	width:100%;
	opacity:1;
	padding-top:.4em;
}

.nf-wrap .table-large {
	margin:0;
	table-layout:fixed;
}

.nf-wrap .table-large tr th,
.nf-wrap .table-large tr td {
	padding:1em 1em 1em 2em;
}

.nf-wrap .table-large tr:nth-child(even) {
	background:#f0f7f9;
}


/* =Box Grid
------------------------------------------ */

.nf-wrap .nf-box-grid {
	margin:1.5em;
}

.nf-wrap .nf-box-grid li {
	background:none;
	padding:0 .9em 1.5em;
}

.nf-wrap .nf-box-grid .nf-fund-huge {
	width:100%;
}

@media screen and (max-width: 1024px) {
	.nf-wrap .nf-box-grid li {
		width:100%;
	}
}

.nf-wrap .nf-box-grid .nf-cell {
	background:#f2f5f8;
	padding:16px;
	overflow:auto;
	border:1px solid #dcdcdc;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	height:350px;
}

@media screen and (max-width: 1024px) {
	/* no fixed height on smaller sizes */
	.nf-wrap .nf-box-grid .nf-cell {
		height:auto;
	}
}

.nf-wrap .nf-box-grid-text + select {
	width:180px;
	max-width:100%;
}

/* .nf-wrap .dollar-input input[type="text"] {
	width:auto;
	display:inline-block;
} */


/* =Full-Screen Spacing
------------------------------------------ */

@media screen and (min-width: 1024px) {

	.nf-wrap .nf-form,
	.nf-wrap .nf-generic-wrap {
		width:940px;
	}

	.nf-wrap input[type="text"],
	.nf-wrap input[type="password"],
	.nf-wrap select,
	.nf-wrap small {
		width:77%;
	}

	.nf-wrap .full {
		width:100%;
	}

	.nf-wrap input[type="text"].double {
		width:89%;
	}

	.nf-wrap label.long {
		white-space:nowrap;
	}

	.nf-banner-box {
		width:30em;
		float:right;
		margin:4em 5em;
	}

}


/* =Progress Bar
------------------------------------------ */

.agu-progress-bar {
	margin:0 36px;
	line-height:1.0;
	font-weight:bold;
	background:url( '../images/progress-bar-middle.png' ) 0 32px repeat-x;
	padding:32px 0 0;
}

.agu-progress-bar .step {
	color:#b4d8e1;
	float:left;
	display:block;
	padding:30px 0;
	text-transform:uppercase;
	text-align:center;
	width:22%;
	font-size:14px;
}

.agu-progress-bar .active {
	color:#004174;
	position:relative;
}

.agu-progress-bar .active .marker {
	position:absolute;
	width:27px;
	height:25px;
	top:-9px;
	left:43%;
	overflow:hidden;
	background:url('../images/progress-bar-marker.png') 0 0 no-repeat;
}

.agu-progress-bar .active .marker span {
	display:none;
}

.agu-progress-bar .step:first-child {
	background:url('../images/progress-bar-left.png') 0 0 no-repeat;
	text-align:left;
	width:15%;
}

.agu-progress-bar .step:first-child .marker {
	left:27%;
}

.agu-progress-bar .step:last-child {
	float:right;
	background:url('../images/progress-bar-right.png') right top no-repeat;
	text-align:right;
	width:auto;
}

.nf-wrap .clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

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

	.agu-progress-bar {
		margin:0 16px;
	}

	.agu-progress-bar .step {
		width:21%;
	}

}

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

	.agu-progress-bar {
		text-align:center;
		margin:0;
		padding:0 0 10px 0;
		background:#f9f9f9;
		border-top:1px solid #dcdcdc;
		border-bottom:1px solid #dcdcdc;
	}

	.agu-progress-bar .step {
		float:none;
		display:block;
		padding:8px;
		width:auto;
		color:#aaa;
		text-align:center;
		font-weight:normal;
		font-size:12px;
	}

	.agu-progress-bar .step:first-child {
		background:transparent;
		width:auto;
		text-align:center;
		float:none;
	}

	.agu-progress-bar .step:last-child {
		background:none;
		text-align:center;
		width:auto;
		float:none;
		padding:10px 0 0;
	}

	.agu-progress-bar .active,
	.agu-progress-bar .active:first-child,
	.agu-progress-bar .active:last-child {
		font-weight:bold;
		display:block;
		color:#fff;
		background:#004174;
		border-top:2px solid #fff;
		border-bottom:2px solid #fff;
	}

	.agu-progress-bar .active:first-child {
		border-top:0;
	}

	.agu-progress-bar .active:last-child {
		border-bottom:0;
		padding-bottom:10px;
		margin-bottom:-10px;
	}

	.agu-progress-bar .active .marker {
		display:none;
	}

	.agu-progress-bar .active .marker span {
		display:none;
	}

}


/* =JavaScript
------------------------------------------ */

/* Accordions */

.nf-wrap .nf-accordion-open,
.nf-wrap .nf-accordion-closed {
	padding-right: 20px;
}

.nf-wrap .nf-accordion-open {
	background: url( '../images/icon-accordion-arrow-down.png' ) right 4px no-repeat;
}

.nf-accordion-closed {
	background: url( '../images/icon-accordion-arrow-right.png' ) right 4px no-repeat;
}

.nf-wrap .ui-accordion {
	padding:0 2em;
	margin-bottom:1.7em;
}

.nf-wrap .ui-accordion-header {
	border-radius:5px;
	border:1px solid #dcdcdc;
	margin:1.2em 0 0;
	color:#122f5e;
	cursor:pointer;
	background:#edf6f8;
}

.nf-wrap .ui-accordion-header:first-child {
	margin-top:0;
}

.nf-wrap .nf-cell.accordion {
	padding-right:2em;
}

.nf-wrap .accordion .nf-spinner {
	margin:1em;
}

.nf-wrap .ui-accordion-header.ui-state-active {
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
}

.nf-wrap .ui-accordion-content,
.nf-wrap .ui-accordion-content .nf-table {
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}

.nf-wrap .ui-accordion-content {
	margin:0 0 1.2em;
	padding:0;
}

.nf-wrap .ui-accordion-content .nf-table {
	margin:0;
	width:100%;
	border:0;
}

.nf-wrap .ui-accordion-content th {
	background:#f7fbfc;
}

.nf-wrap .ui-accordion-content th,
.nf-wrap .ui-accordion-content td {
	padding:1em;
}

.nf-wrap .ui-accordion-content th:first-child,
.nf-wrap .ui-accordion-content td:first-child {
	padding-left:2em;
}

.nf-wrap .ui-accordion-content a {
	line-height:1.6em;
}

.nf-wrap .ui-accordion-content a .ui-icon {
	float:left;
	padding-right:.2em;
}

/* Autocomplete */

.nf-wrap .ui-autocomplete-input + span {
	float:right;
	margin:-2.5em 1em;
}

@media screen and (min-width: 1024px) {
	.nf-wrap .ui-autocomplete-input + span {
		margin:-2.5em 2em;
	}
}

ul.ui-autocomplete {
	max-height: 250px;
	overflow-y: auto;
}

ul.ui-autocomplete .ui-menu-item {
	background:none;
}

ul.ui-autocomplete .ui-menu-item a {
	color:#4d4d4d;
}

.ui-autocomplete-loading,
input[type="text"].ui-autocomplete-loading:focus {
	background: url( "../../../../../wp-includes/images/wpspin.gif" ) 98% center no-repeat;
}

/* Help Bubbles */

.nf-wrap .help-bubble {
	background:url( '../images/icon-help.png' ) 0 0 no-repeat;
	display:inline-block;
	height:33px;
	width:33px;
	overflow:hidden;
}

.nf-wrap .help-bubble span {
	display:none;
}

/* Error Validation */

.nf-wrap .error {
	border-color:#c90000;
}

.nf-wrap .nf-required label:nth-child(1):after {
	content: "*";
	color:#c90000;
}

/* ToolTip  */
.has-tip { color: #122f5e !important; }


/* =Custom
------------------------------------------ */

@media screen and (min-width: 1024px) {

	/* Login/Signup */

	.nf-login-form {
		background:url('../images/login.jpg' ) right 0 no-repeat;
	}

	#nf-donations-form.nf-login-form {
		background:none;
	}	

	.nf-login-wrap {
		height:426px;
	}

	/* Membership Packages */

	.nf-wrap .membership-packages {
		height:265px;
	}

	.nf-wrap .package-pricing {
		height:217px;
	}

	.nf-wrap .membership-packages .columns {
		height:100%;
	}

	/* Order Complete */

	.nf-wrap .nf-banner-receipt-thanks {
		background:url( '../images/thank-you.jpg' );
		width:938px;
		height:260px;
		font-style:italic;
		padding:45px 67px;
	}

	.nf-wrap .nf-banner-receipt-thanks h2 {
		color:#fff;
	}

	/* Order Complete - Donations */

	.nf-wrap .nf-banner-receipt-thanks {
		background:url( '../images/donation-banner.jpg' );
	}

	/* My Account */

	.nf-wrap .nf-account-banner {
		background:url( '../images/fpo-header-dashboard.jpg' );
		height:277px;
	}

}


/* =Print Receipt
------------------------------------------ */

@media print {

	header, nav, footer, .no-print {
		display:none !important;
	}

}