/*================
 Resets / Utility
================*/

html { /* force a vertical scrollbar to prevent a jumpy page */
	overflow-y: scroll;
}

body { /* avoid text resizing for mobile (http://blog.55minutes.com/2012/04/iphone-text-resizing/) */
	-webkit-text-size-adjust: 100%;
	    -ms-text-size-adjust: 100%;
}

/* future-proof (and IE10+ compatible) device width for responsive design (http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/ and http://www.netmagazine.com/features/five-steps-gettin-flexy-responsive-web-design) */
@-webkit-viewport {width: device-width;}
   @-moz-viewport {width: device-width;}
    @-ms-viewport {width: device-width;}
     @-o-viewport {width: device-width;}
        @viewport {width: device-width;}

.page-container *,
.page-container *:before,
.page-container *:after { /* "better" box model. (http://www.paulirish.com/2012/box-sizing-border-box-ftw/) */
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.page-container img { /* responsive-ize images (http://www.abookapart.com/products/responsive-web-design) */	
	width: auto;
	max-width: 100%;
	height: auto;
}

/* h5bp.com/v */
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/* http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}


/*==========
 Base Fonts
==========*/
@font-face {
    font-family: 'asap';
    src: url('../fonts/asap/asap-regular-webfont.eot');
    src: url('../fonts/asap/asap-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/asap/asap-regular-webfont.woff') format('woff'),
         url('../fonts/asap/asap-regular-webfont.ttf') format('truetype'),
         url('../fonts/asap/asap-regular-webfont.svg#asapregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'asap';
    src: url('../fonts/asap/asap-bold-webfont.eot');
    src: url('../fonts/asap/asap-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/asap/asap-bold-webfont.woff') format('woff'),
         url('../fonts/asap/asap-bold-webfont.ttf') format('truetype'),
         url('../fonts/asap/asap-bold-webfont.svg#asapbold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'asap';
    src: url('../fonts/asap/asap-bolditalic-webfont.eot');
    src: url('../fonts/asap/asap-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/asap/asap-bolditalic-webfont.woff') format('woff'),
         url('../fonts/asap/asap-bolditalic-webfont.ttf') format('truetype'),
         url('../fonts/asap/asap-bolditalic-webfont.svg#asapbold_italic') format('svg');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'asap';
    src: url('../fonts/asap/asap-italic-webfont.eot');
    src: url('../fonts/asap/asap-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/asap/asap-italic-webfont.woff') format('woff'),
         url('../fonts/asap/asap-italic-webfont.ttf') format('truetype'),
         url('../fonts/asap/asap-italic-webfont.svg#asapitalic') format('svg');
    font-weight: normal;
    font-style: italic;
}

.page-container {
	font: 13px asap, sans-serif;
	color: #553407;
}

.page-container h1 {
	font: italic 42px asap, sans-serif;
	color: #553407;
}
.page-container h1.section-parent {
	font: italic 60px asap, sans-serif;
	color: #579ab1;
}

.page-container h2 {
	font: bold 18px asap, sans-serif;
}

.page-container a {
	text-decoration: none;
}
.page-container a:hover {
	text-decoration: underline;
}

.page-main a {
	color: #1270a3;
}

.page-main ul {
	padding-left: 30px;
}

.page-main hr {
	height: 1px; 
	border: none;
	background-color: #d2c5af;
	margin: 17px 0;
}

.page-main td {
	padding: 3px 0;
}

/* styles available in tinymce */
.page-container .bold-blue {
	font: bold 18px asap, sans-serif;
	color: #046fa5;
	}
	.page-container .bold-blue a {
		color: #bf8059;
	}

.page-container a.external:after,
.page-container a.external-with-alert:after {
	content: url(../images/external-link-icon.png);
	padding-left: 3px;
}

.page-container a.pdf:before {
	content: url(../images/pdf-link-icon.png);
	padding-right: 3px;
}

.page-container table.styled-table-1 {
	/*border-collapse: collapse;*/
	width: 100%; 
	margin: 1em 0;
}
	@media screen and (max-width: 700px) {
		.page-container table.styled-table-1 {
			font-size: .8em;
		}
	}
		.page-container table.styled-table-1 th {
			vertical-align: bottom; 
			padding: 2px 5px;
			border-bottom: 3px solid #d2c5af;
			text-align: left;
			color: #056fa5;
		}
			@media screen and (max-width: 700px) {
				.page-container table.styled-table-1 th {
					padding: 2px 3px;
				}
			}
		.page-container table.styled-table-1 td {
			vertical-align: top; 
			padding: 2px 5px;
		}
			@media screen and (max-width: 700px) {
				.page-container table.styled-table-1 td {
					padding: 2px 3px;	
				}
			}


/*======================
 Base Margins & Padding
======================*/
.page-container h1 {
	margin: 0;
}

.page-container h2 {
	margin: 0;
}

.page-container h3 {
	margin: 0;
}

.page-container p {
	margin-top: 0;
}


/*=============================
 Page Layout / Responsive Grid
=============================*/
.grid-row {
	margin: 0 auto;
	max-width: 960px;
	width: 95%;
}
.page-type-home .grid-row.page-header-upper {
	max-width: 1280px;
	width: 100%;
}
.grid-row .grid-row { /* reset styles for inner rows (rows within rows) */
	margin: 0;
	max-width: none;
	width: auto;
}
.grid-row:after { /* http://nicolasgallagher.com/micro-clearfix-hack/ */
	content: "";
	display: block;
	clear: both;
}
	
.grid-col-primary {
	float: right;
	width: 70%;
}

.grid-col-secondary {
	float: left;
	width: 24%;
}

.grid-col-inner-left {
	float: left;
	width: 46%;
}
.grid-col-inner-right {
	float: right;
	width: 46%;
}


@media screen and (max-width: 600px) {
	.grid-col-primary,
	.grid-col-secondary,
	.grid-col-inner-left,
	.grid-col-inner-right {
		float: none;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	
	.page-main .grid-col-primary {
		padding-bottom: 20px;
		margin-bottom: 20px;
		background: transparent url(../images/border-bottom-brown.gif) repeat-x bottom center;
	}
}


/*===============
 Header Elements
===============*/
.bg-holder-header-upper { background-color: #bf8059; height: 12px; }

.page-type-home .bg-holder-header-upper { background-color: #fff; }

@media screen and (max-width: 600px) {
 .bg-holder-header-upper { height: 6px; }
}

.page-header-upper {
 position: relative; /* so child elements can be positioned absolutely */
 height: 185px;
}

@media screen and (max-width: 600px) {
 .page-header-upper { height: auto; }
}

.page-type-home .page-header-upper { height: auto; }

.page-header-upper .logo { position: absolute; top: 32px; }

.page-type-home .page-header-upper .logo { left: 20px; }

.page-header-upper .utility-nav {
 display: table; position: absolute; top: 45px; right: 0; }

.page-type-home .page-header-upper .utility-nav { right: 20px; }

.page-header-upper .utility-nav__item { display: table-cell; }

.page-header-upper .utility-nav__item a {
 padding-left: 20px; margin-left: 20px; border-collapse:separate; border-spacing:10px;
 background: transparent no-repeat center left; white-space: nowrap;
 font: bold 12px asap, sans-serif; color: #c08055;
}

.page-type-home .page-header-upper .utility-nav__item a { color: #fafafa; }

@media screen and (max-width: 800px) {
/*.page-type-home .page-header-upper .utility-nav__item a { color: #8b4513; }*/
}

@media screen and (min-width: 601px) {
/* do this one "mobile first" because it would be more difficult to "undo" these styles once they are in place */
 .page-header-upper .utility-nav__item a span.hidden-text {
  /* same as .visuallyhidden style (h5bp.com/v) */
  border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden;
  padding: 0; position: absolute; width: 1px;
 }
}

@media screen and (max-width: 800px) {
 .page-header-upper .utility-nav { right: auto; top: 150px; }

 .page-type-home .page-header-upper .utility-nav { top: 126px; }

 .page-header-upper .utility-nav__item a { margin-left: 6px; margin-right: 20px; }
}

/*@media screen and (max-width: 600px) {*/
@media screen and (max-width: 800px) {
 .page-type-not-home .page-header-upper .logo {	position: static; margin-top: 10px; }

 .page-type-not-home .page-header-upper .utility-nav {
  position: static; display: block; /*display: none;*/ margin-top: 20px;
 }
 .page-type-not-home .page-header-upper .utility-nav__item { display: inline-block; margin-bottom: 15px; }

 .page-type-home .page-header-upper .utility-nav {
  /*display: none; display:block; top: 35%; left: 3%; right: 0 */
  position: static; display: block; /*display: none;*/ margin-top: 0px; background-color: #1a4f8f; padding: 15px 15px 0; border-bottom: 1px solid #eee;
 }
 .page-type-home .page-header-upper .utility-nav__item { display: inline-block; margin-bottom: 15px; }
}

@media screen and (max-width: 500px) {
 .page-type-home .logo img { width: 300px; }
}

@media screen and (max-width: 400px) {
 .page-type-home .logo img { width: 250px; }
}

@media screen and (max-width: 350px) {
 .page-type-home .logo img { width: 200px; }
}

@media screen and (max-width: 300px) {
 .page-type-home .logo img { width: 150px; }
}

/* position the c5 edit mode red dotted line absolutely so that it surrounds the nav elemet */
.page-header-upper .utility-nav-edit-wrapper {
 position: absolute; width: 65%; top: 40px; right: 0;
}

.page-header-upper .utility-nav-edit-wrapper .ccm-block { height: 30px; }

.page-header-upper .utility-nav-edit-wrapper .utility-nav { top: 5px; }

.bg-holder-header-lower { position:relative; }

.bg-holder-header-lower-sides {
 position: absolute; top: 0; width: 50%; height: 60px; z-index: -1;
}

.bg-holder-header-lower-left {
		left: 0;
		background-color: #bf8059;
	}
	.bg-holder-header-lower-right {
		right: 0;
		background-color: #095192;
	}
	.page-header-lower nav {
		display: table;
		table-layout: fixed; /* forces child elements to keep same width as each other */
		height: 60px;
		width: 100%;
		}
		.page-header-lower nav a {
			display: table-cell;
			vertical-align: middle;
			text-align: center;
			padding: 5px;
			font: bold 15px asap, sans-serif;
			letter-spacing: .05em;
			text-transform: uppercase;
			/* note that `color` and `background-color` are dynamically outputted as inline styles on the elements themselves (because they are provided by the user via the CMS) */
		}
	@media screen and (max-width: 600px) {
		.page-header-lower {
			width: 100%;
		}
		.bg-holder-header-lower-sides {
			display: none;
		}
		.page-header-lower nav {
			display: block;
			height: auto;
		}
		.page-header-lower nav a {
			display: block;
		}
	}



/*===============
 Footer Elements
===============*/
.bg-holder-footer-upper {
	background: #fff url(../images/page-footer-upper-bg.gif) repeat-x top center;
}
.bg-holder-footer-middle {
	border-top: 10px solid #c08055;
	background-color: #004f94;
}

.page-footer-upper {
	padding-top: 75px;
	padding-bottom: 65px;
	
	}
	@media screen and (max-width: 600px) {
		.page-footer-upper {
			padding-bottom: 0;
		}
	}
	.footer-news-list {
		margin-bottom: 45px;
		}
		.footer-news-list h4 {
			margin: 0 0 17px 0;
			padding: 0 0 13px 0;
			border-bottom: 2px solid #e9e2d7;
			font: bold 18px asap, sans-serif;
			}
			.footer-news-list--blue h4 {
				color: #046fa5;
			}
			.footer-news-list--brown h4 {
				color: #c08055;
			}
		.footer-news-list ul {
			list-style: none;
			margin: 0;
			padding: 0;
			}
			.footer-news-list li {
				padding: 2px 0;
			}
			.footer-news-list a {
				font: 14px asap, sans-serif;
				}
				.footer-news-list--blue a {
					color: #553407;
				}
				.footer-news-list--brown a {
					color: #7c5228;
				}


	.footer-news-feature {
		}
		@media screen and (max-width: 600px) {
			.footer-news-feature {
				margin-bottom: 40px;
			}
		}
		.footer-news-feature h4 {
			margin: 0 0 30px 0;
			padding: 0 0 17px 0;
			font: bold 13px asap, sans-serif;
			text-transform: uppercase;
			}
			.footer-news-feature--blue h4 {
				background: transparent url(../images/border-bottom-blue.gif) repeat-x bottom center;
			}
			.footer-news-feature--brown h4 {
				background: transparent url(../images/border-bottom-brown.gif) repeat-x bottom center;
			}
		.footer-news-feature h5 {
			margin: 20px 0;
		}
		.footer-news-feature h5 a {
			font: italic 24px asap, sans-serif;
		}
		.footer-news-feature__article-link {
			font: bold 13px asap, sans-serif;
		}
		.footer-news-feature__index-link {
			display: block;
			text-align: right;
			margin-top: 20px;
			padding-top: 20px;
			border-top: 2px solid #e9e2d7;
			font: bold 18px asap, sans-serif;
		}
		.footer-news-feature--blue h4,
		.footer-news-feature--blue h5,
		.footer-news-feature--blue a {
			color: #046fa5;
		}
		.footer-news-feature--brown h4,
		.footer-news-feature--brown h5,
		.footer-news-feature--brown a {
			color: #c08055;
		}


.page-footer-middle {
	padding-top: 70px;
	padding-bottom: 80px;
	}
	
	.footer-twitter {
		font-size: 11px;
		color: #fff;
		}
		.footer-twitter h4 {
			margin: 0 0 25px 0;
			position: relative;
			font: bold 13px asap, sans-serif;
			text-transform: uppercase;
			
			line-height: 23px; /* ensure text is at least as tall as the twitter logo background image (otherwise it gets cropped on the top and bottom) */
			vertical-align: middle;
		}
			.footer-twitter h4:after {
				content: '';
				display: block;
				position: absolute;
				right: 0;
				top: 0;
				background: url(../images/sprite.png) no-repeat -100px 0;
				width: 28px;
				height: 23px
			}
		.footer-twitter__item {
			margin: 0 0 18px 0;
			}
			.footer-twitter__item h5 {
				margin: 0 0 8px 0;
				font-size: 9px;
				color: #c7c7c7;
			}
			.footer-twitter__item p a {
				font-weight: bold;
				color: #d3ac80;
			}
	
	.footer-logo {
		text-align: right;
		}
		@media screen and (max-width: 600px) {
			.footer-logo {
				margin-top: 40px;
				text-align: center;
			}
		}	
	.grid-row .footer-nav { width: 100%; margin-top: 10px; } /* override ".grid-row .grid-row" styles */
	.footer-nav {
		border-top: 2px solid #175f9e;
		padding-top: 30px;
		display: table;
		}
		.footer-nav__column {
			display: table-cell;
		}
		.footer-nav__column h4 {
			font: bold 13px asap, sans-serif;
			color: #fff;
			text-transform: uppercase;
		}
		.footer-nav__column ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}
		.footer-nav__column li {
			margin-bottom: 15px;
		}
		.footer-nav__column a {
			font: bold 13px asa, sans-serif;
			color: #d3ac80;
		}
	@media screen and (max-width: 600px) {
		.footer-nav {
			display: block;
		}
		.footer-nav__column {
			display: block;
			padding-bottom: 20px;
		}
		.page-footer-middle {
			padding-bottom: 20px;
		}
	}

.page-footer-lower {
	margin-top: 20px;
	font: bold 12px asap, sans-serif;
	color: #553407;
	}
	.page-footer-lower-left {
		float: left;
	}
	.page-footer-lower-right {
		float: right;
	}
@media screen and (max-width: 600px) {
	.page-footer-lower-left,
	.page-footer-lower-right {
		float: none;
		text-align: center;
	}
}


/*=======================
 Site-Wide Page Elements
=======================*/
.page-main header {
	padding-bottom: 20px;
	margin-bottom: 40px;
	background: transparent url(../images/border-bottom-brown.gif) repeat-x bottom center;
	}
	.page-main header .search {
		float: right;
		margin-top: 60px;
		width: 25%;
	}
	.page-main header .title {
		float: left;
		margin-top: 58px;
		width: 75%;
		}
		.page-main header .breadcrumbs {
			display: block;
			font: bold 14px asap, sans-serif;
			color: #579ab1;
			}
			.page-main header .breadcrumbs .separator {
				padding: 0 5px;
			}
	@media screen and (max-width: 600px) {
		.page-main header .search {
			float: none;
			margin-top: 20px;
			width: auto;
		}
		.page-main header .title {
			float: none;
			margin-top: 20px;
			width: auto;
		}
	}

.page-main-banner {
	margin-bottom: 20px;
}

.page-main .page-main-upper-content {
	margin-top: 4px;
	margin-bottom: 20px;
}
.page-main .grid-col-inner-left,
.page-main .grid-col-inner-right {
	margin-top: 10px;
}
.page-main .page-main-lower-content {
	margin: 20px 0;
}

main {
	margin-bottom: 60px;
}

.sidebar-section-nav {
	margin-bottom: 30px;
	}
	.sidebar-section-nav ul {
		list-style: none;
		margin: 0;
		padding: 0;
		}
		.sidebar-section-nav > ul > li {
			border-top: 2px solid #e9e2d7;
			}
			.sidebar-section-nav > ul > li:first-child {
				border-top: none;
			}
			.sidebar-section-nav > ul > li > a {
				display: block;
				padding: 13px 0;
				font: bold 14px asap, sans-serif;
				color: #579ab1;
			}
			.sidebar-section-nav > ul > li > ul {
				margin-bottom: 20px;
				}
				.sidebar-section-nav > ul > li > ul > li > a {
					display: block;
					padding: 5px 0 5px 10px;
					font: bold 14px asap, sans-serif;
					color: #7c5228;
				}


.sidebar-utility-nav {
	}
	.sidebar-utility-nav a {
		display: block;
		text-align: center;
		margin-top: 13px;
		padding: 15px 0;
		background-color: #c08055;
		font: bold 14px asap, sans-serif;
		color: #fff;
		-webkit-box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 0.75);
		   -moz-box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 0.75);
		        box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 0.75);
	}


.mfp-bg.mfp-newsletter-form {
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.newsletter-form-popup {
	background-color: #004f94;
	padding: 30px;
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
	position: relative;
}
	.newsletter-form-popup .mfp-close {
		color: #fff;
	}

.newsletter-form {
	}
	.newsletter-form-popup .newsletter-form,
	.footer-newsletter .newsletter-form {
		color: #fff;
	}
	
	.newsletter-form h4 {
		margin: 0 0 17px 0;
		padding: 0 0 13px 0;
		border-bottom: 2px solid #E9E2D7;
		font: bold 18px asap, sans-serif;
		color: #553407;
		}
		.newsletter-form-popup .newsletter-form h4,
		.footer-newsletter .newsletter-form h4 {
			margin: 0 0 30px 0;
			padding: 0;
			border-bottom: none;
			font: bold 13px asap, sans-serif;
			color: #fff;
			text-transform: uppercase;
		}
	.newsletter-form form {
		margin-bottom: 45px;
		}
		.newsletter-form-popup .newsletter-form form,
		.footer-newsletter .newsletter-form form {
			margin-bottom: 0;
		}
	.newsletter-form input {
		display: block;
		width: 100%;
		margin: 0 0 5px 0;
		padding: 11px;
		border: 1px solid #E9E2D7;
		font-weight: bold;
		}
		.newsletter-form-popup .newsletter-form input,
		.footer-newsletter .newsletter-form input {
			background-color: #3372a9;
			border: none;
			color: #fff;
		}
	.newsletter-form form input::-webkit-input-placeholder { color: #553407; font-style: italic; font-weight: normal; }
	.newsletter-form form input:-moz-placeholder { color: #553407; font-style: italic; font-weight: normal; } /* Firefox 18- */
	.newsletter-form form input::-moz-placeholder { color: #553407; font-style: italic; font-weight: normal; } /* Firefox 19+ */
	.newsletter-form form input:-ms-input-placeholder { color: #553407; font-style: italic; font-weight: normal; }
		.footer-newsletter .newsletter-form form input::-webkit-input-placeholder { color: #aaa; }
		.footer-newsletter .newsletter-form form input:-moz-placeholder { color: #aaa; } /* Firefox 18- */
		.footer-newsletter .newsletter-form form input::-moz-placeholder { color: #aaa; } /* Firefox 19+ */
		.footer-newsletter .newsletter-form form input:-ms-input-placeholder { color: #aaa; }
		.newsletter-form-popup .newsletter-form form input::-webkit-input-placeholder { color: #aaa; }
		.newsletter-form-popup .newsletter-form form input:-moz-placeholder { color: #aaa; } /* Firefox 18- */
		.newsletter-form-popup .newsletter-form form input::-moz-placeholder { color: #aaa; } /* Firefox 19+ */
		.newsletter-form-popup .newsletter-form form input:-ms-input-placeholder { color: #aaa; }
	.newsletter-form__lists {
		display: table;
	}
	.newsletter-form__lists label {
		display: table-cell;
		padding: 15px 10px 0 5px;
		}
		.newsletter-form-popup .newsletter-form__lists label,
		.footer-newsletter .newsletter-form__lists label {
			color: #fff;
		}
	.newsletter-form__lists input {
		display: inline;
		width: auto;
		margin: 0;
		padding: 0;
	}
	.newsletter-form button {
		display: block;
		margin-top: 15px;
		background: none;
		border: none;
		font: bold 18px asap, sans-serif;
		color: #046FA5;
		}
		.newsletter-form-popup .newsletter-form form button,
		.footer-newsletter .newsletter-form form button {
			color: #d3ac80;
		}
	.newsletter-form__thanks {
		padding: 20px;
		margin-bottom: 50px;
		background-color: #e6f5ee;
		font-weight: bold;
		color: #0a9d58;	
		border: 1px solid #0a9d58;
	}
		.newsletter-form-popup .newsletter-form__thanks,
		.footer-newsletter .newsletter-form__thanks {
			background-color: #3372a9;
			color: #fff;
			border: none;
		}
		.newsletter-form__thanks-link {
			margin-top: 20px;
		}
			.newsletter-form__thanks-link a {
				display: inline-block;
				font: bold 18px asap, sans-serif;
				color: #046FA5;
			}
			.newsletter-form-popup .newsletter-form__thanks-link a,
			.footer-newsletter .newsletter-form__thanks-link a {
				color: #d3ac80;
			}
				.newsletter-form__thanks-link a:hover {
					text-decoration: underline;	
				}
	.newsletter-form__errors {
		padding: 10px;
		margin-bottom: 10px;
		border: 1px solid red;
		background-color: lightcoral;
		font-weight: bold;
		color: #fff;
	}
	.newsletter-form__processing {
		padding: 10px;
		margin-bottom: 10px;
		border: 1px solid goldenrod;
		background-color: darkkhaki;
		font-weight: bold;
		color: #fff;
	}


.page-main .search form {
	position: relative;
	}
	.page-main .search form input {
		width: 100%;
		padding: 3px 30px 3px 30px;
		border: 1px solid #e5dcd4;
		background: #fff url(../images/search-magnifying-glass-icon.png) no-repeat 10px 3px;
		font: bold 13px asap, sans-serif;
		color: #7c5228;
		}
		.page-main .search form input::-webkit-input-placeholder { color: #7c5228; font-style: italic; }
		.page-main .search form input:-moz-placeholder { color: #7c5228; font-style: italic; } /* Firefox 18- */
		.page-main .search form input::-moz-placeholder { color: #7c5228; font-style: italic; } /* Firefox 19+ */
		.page-main .search form input:-ms-input-placeholder { color: #7c5228; font-style: italic; }
	.page-main .search form button {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		width: 30px;
		border: none;
		background: transparent url(../images/sprite.png) no-repeat -340px 4px;
		text-indent: -9999px;
	}
.page-main .search--darker form input {
	padding: 9px 30px;
	border: none;
	background-color: #f0eeed;
	background-position: 10px 9px;
	}
	.page-main .search--darker form input::-webkit-input-placeholder { font-style: italic; }
	.page-main .search--darker form input:-moz-placeholder { font-style: italic; } /* Firefox 18- */
	.page-main .search--darker form input::-moz-placeholder { font-style: italic; } /* Firefox 19+ */
	.page-main .search--darker form input:-ms-input-placeholder { font-style: italic; }
	.page-main .search--darker form input {
		right: 5px;
	}
	.page-main .search--darker form button {
		background-position: -340px 9px;
	}

.page-type-home .page-main .search--darker form {
	width: 100%;
}

/*=================
 Homepage Elements
=================*/
.homepage-banner img {
	display: block;
}
.page-type-home .page-main .grid-col-inner-left,
.page-type-home .page-main .grid-col-inner-right {
	margin-top: 0;
}
.page-type-home .page-main .grid-col-primary,
.page-type-home .page-main .grid-col-secondary {
	margin-top: 75px;
}

.page-type-home .page-main .search--darker {
	margin-top: 30px;
	padding-top: 35px;
	border-top: 4px solid #d2c5af;
}

.grid-col-secondary h2.homepage-heading {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 4px solid #d2c5af;
	padding-top: 3px;
	font: italic bold 15px/19px asap, sans-serif;
	color: #7c5228;
	text-transform: uppercase;
}
.grid-col-primary h2.homepage-heading {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 4px solid #046fa5;
	font: italic 22px/22px asap, sans-serif;
	color: #046fa5;
}

.cycle-slideshow--home {
	}
	.cycle-slideshow--home .homepage-content-slide-header {
		position: relative; /* so child .cycle-pager element can be positioned absolutely in relation to the slide h2 */
	}
	.cycle-slideshow--home .cycle-pager-wrapper {
		position: absolute;
		bottom: -15px;
		left: 0;
		right: 0;
		text-align: center;
	}
	.cycle-slideshow--home .cycle-pager {
		display: inline-block;
		white-space: nowrap;
		padding: 0 5px;
		background-color: #fff;
		}
		.cycle-slideshow--home .cycle-pager span {
			display: inline-block;
			text-indent: -9999px;
			background: transparent url(../images/sprite.png) no-repeat -245px 15px;
			padding: 10px;
			cursor: pointer;
		}
		.cycle-slideshow--home .cycle-pager span.cycle-pager-active {
			background-position: -295px 15px;
		}
	.cycle-slideshow--home .cycle-prev,
	.cycle-slideshow--home .cycle-next {
		position: absolute;
		top: 0;
		z-index: 105;
		padding: 0 10px 20px 10px;
		cursor: pointer;
		text-indent: -9999px;
		width: 12px;
		height: 17px;
		background: #fff url(../images/sprite.png) no-repeat;
	}
	.cycle-slideshow--home .cycle-prev {
		right: 20px;
		background-position: -145px 0;
	}
	.cycle-slideshow--home .cycle-next {
		right: 0;
		background-position: -195px 0;		
	}
	.homepage-content-slide {
		width: 100%; /* prevent images from resizing during slide animation */
		}
		.homepage-content-slide h2 {
			margin-bottom: 20px;
			padding-bottom: 20px;
			padding-right: 40px; /* avoid overlapping the prev/next arrows */
			border-bottom: 4px solid #046fa5;
			font: italic 22px/22px asap, sans-serif;
			color: #046fa5;
		}
.c5-edit-mode .cycle-slideshow--home {
	z-index: 4; /* put this behind the c5 edit mode dotted line in the z-index order so users can click on it to edit */
}



.homepage-utility-nav {
	margin-top: 40px;
	}
	.homepage-utility-nav a {
		display: block;
		padding: 18px 0 12px 0;
		border-top: 1px solid #d2c5af;
		font: bold 14px asap, sans-serif;
		color: #7c5228;
	}

/*======================
 Interior Page Elements
======================*/
.font-resizer {
	text-align: right;
	padding-bottom: 5px;
	color: #7c5228;
	font-style: italic;
	}
	.font-resizer__increase,
	.font-resizer__decrease,
	.font-resizer__reset {
		padding: 5px;
		cursor: pointer;
		display: inline-block;
		font-weight: bold;
		font-style: normal;
		font-size: 16px;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		-o-user-select: none;
		user-select: none;
	}


/*======================================
 Modules/Blocks (non pagetype-specific)
======================================*/
.expando { /* for FAQ's and Upcoming Seminars */
	}
	.expando__item h2 {
		width: 100%;
		padding-bottom: 10px;
		margin-bottom: 10px;
		border-bottom: 1px solid #d2c5af;
		color: #046fa5;
	}
	.expando__content {
		margin-bottom: 30px;
	}

	.js .expando__item h2 {
		cursor: pointer;
		position: relative;
	}
		.js .expando__item h2:after {
			content: '';
			display: block;
			position: absolute;
			right: 0; 
			top: 0;
			background: transparent url(../images/sprite.png) no-repeat 0 0;
			width: 17px;
			height: 16px;
		}
		.js .expando__item h2.expanded:after {
			background-position: -50px 0;
		}
	.js .expando__content {
		display: none;
	}
.expando--seminars .expando__item {
	position: relative; /* so child form element can be displayed absolutely */
	}
	.expando--seminars .expando__item h2 {
		width: 87%;
		padding-right: 20px;
	}
	.expando--seminars__date {
		color: #553407;
	}
	.expando--seminars__location {
		font-weight: normal;
		color: #553407;
	}
	.expando--seminars form {
		position: absolute;
		right: 0;
		top: 0;
		width: 10%;
		}
		.expando--seminars form button {
			background: none;
			border: 1px solid #046fa5;
			padding: 2px 4px;
			color: #046fa5;
		}


.glossary {
	}
	.glossary dt,
	.glossary dd {
		border-top: 1px solid #bcd6de;
		margin-top: 10px;
		padding-top: 20px;
	}
	.glossary dt.first,
	.glossary dd.first {
		border-top: none;
		margin-top: 0px;
		padding-top: 0px;
	}
	.glossary dt {
		float: left;
		clear: left;
		width: 30%;
		font: bold 14px asap, sans-serif;
		color: #046fa5;
	}
	.glossary dd {
		float: left;
		width: 66%;
		margin-left: 4%;
	}

.color-feature-box {
	width: 100%;
	margin-bottom: 30px;
	}
	.color-feature-box__heading {
		padding: 15px 20px;
		background-color: #579ab1;
		color: #fff;
	}
	.color-feature-box__content {
		padding: 15px 20px;
		background-color: #cce1e7;
	}


.key-personnel {
	width: 100%;
	margin-bottom: 10px;
	}
	.key-personnel__photo {
		float: left;
		width: 25%;
		border-top: 1px solid #a8ccd6;
		padding-top: 20px;
	}
	.key-personnel__text {
		float: right;
		width: 70%;
		border-top: 1px solid #a8ccd6;
		padding-top: 20px;
		}
		.key-personnel__text h2 {
			color: #046fa5;
			padding-bottom: 5px;
			}
			.key-personnel__title {
				font-weight: normal;
				font-style: italic;
			}
.key-personnel.first .key-personnel__photo,
.key-personnel.first .key-personnel__text {
	padding-top: 0;
	border-top: none;
}

.turquoise-link {
	display: block;
	margin: 10px 0;
	font: bold 14px asap, sans-serif;
	color: #217885;
}


.blog-index {
	}
	.blog-index__item {
		padding-bottom: 20px;
		margin-bottom: 20px;
		border-bottom: 2px solid #ded5c4;
		}
		.blog-index__title a {
			font: italic 42px asap, sans-serif;
			color: #553407;
		}
		.blog-index__teaser {
			margin: 14px 0 20px 0;
			font-weight: bold;
			font-style: italic;
		}
		.blog-index__excerpt-left {
			float: left;
			width: 47%;
		}
		.blog-index__excerpt-right {
			float: right;
			width: 47%;
		}
		@media screen and (max-width: 600px) {
			.blog-index__excerpt-left,
			.blog-index__excerpt-right {
				float: none;
				width: auto;
			}
			.blog-index__excerpt-left p {
				margin-bottom: 0;
				padding-bottom: 0;
			}
			.blog-index__excerpt-right p {
				margin-top: 0;
				padding-top: 0;
			}
			
		}

		.blog-index__pagination {
			text-align: center;
			}
			.blog-index__pagination-prev {
				float: left;
			}
			.blog-index__pagination-current {
			
			}
			.blog-index__pagination-next {
				float: right;
			}

.custom-contact-form {
	}
	.custom-contact-form__left-col {
		float: left;
		width: 28%;
	}
	.custom-contact-form__right-col {
		float: right;
		width: 68%;
	}
	.custom-contact-form h3 {
		font: 24px asap, sans-serif;
		color: #553407;
	}
	.custom-contact-form__field {
		margin: 5px 0;
		}
		.custom-contact-form label {
			font-weight: bold;
			}
			.custom-contact-form__field--reason label {
				display: block;
				margin: 20px 0 10px 0;
			}
		.custom-contact-form input,
		.custom-contact-form textarea {
			width: 100%;
			padding: 5px;
			border: none;
			background-color: #f0eeed;
			}
			.custom-contact-form input::-webkit-input-placeholder,
			.custom-contact-form textarea::-webkit-input-placeholder { color: #553407; font-style: italic; }
			.custom-contact-form input:-moz-placeholder,
			.custom-contact-form textarea:-moz-placeholder { color: #553407; font-style: italic; } /* Firefox 18- */
			.custom-contact-form input::-moz-placeholder,
			.custom-contact-form textarea::-moz-placeholder { color: #553407; font-style: italic; } /* Firefox 19+ */
			.custom-contact-form input:-ms-input-placeholder,
			.custom-contact-form textarea:-ms-input-placeholder { color: #553407; font-style: italic; }
		.custom-contact-form textarea {
			height: 200px;
		}
		.custom-contact-form select {
			width: 100%;
			background-color: #f0eeed;
			border: 0;
			-webkit-border-radius: 0;
			   -moz-border-radius: 0;
			        border-radius: 0;
		}
		.custom-contact-form fieldset {
			margin: 0;
			padding: 0;
			border: none;
			float: left;
		}
		.custom-contact-form legend {
			font-weight: bold;
			margin-bottom: 10px;
		}
		.custom-contact-form__field--method input {
			display: inline;
			width: auto;
			margin-right: 3px;
		}
		.custom-contact-form__field--method label {
			display: inline;
			width: auto;
			margin-left: 30px;
		}
		.custom-contact-form button {
			float: right;
			padding: 12px;
			border: none;
			background-color: #579ab1;
			color: #fff;
			font: bold 18px asap, sans-serif;
		}
	.custom-contact-form .errors {
		padding: 12px;
		margin-bottom: 10px;
		background-color: red;
		color: #fff;
	}
	.custom-contact-form .success {
		padding: 12px;
		background-color: #84DB84;
		color: #fff;
		font-size: 18px;
	}

.formblock form {
	display: block;
	margin: 0;
	padding: 0 0 1em 0;
	}
	.formblock form .errors,
	.formblock form .success {
		display: block;
		color: #fff;
		padding: 5px;
		margin: 0 0 1em;
	}
	.formblock form .errors {
		background: #940712;
		}
		.formblock form .errors a {
			color: #fff;
			text-decoration: underline;
		}
		.formblock form .errors a:hover,
		.formblock form .errors a:active,
		.formblock form .errors a:focus {
			color: #fff;
		}
	.formblock form .success {
		background: #799541;
		}
		.formblock form .success a {
			color: #fff;
			text-decoration: underline;
		}
		.formblock form .success a:hover,
		.formblock form .success a:active,
		.formblock form .success a:focus {
			color: #fff;
		}
	.formblock form .fields .field {
		margin: 0 0 1em;
		}
		.formblock form .fields .field label {
			display: block;
		}
		.formblock form .fields .field input[type="text"],
		.formblock form .fields .field.field-text input,
		.formblock form .fields .field.field-email input,
		.formblock form .fields .field.field-url input,
		.formblock form .fields .field.field-telephone input,
		.formblock form .fields .field.field-fileupload input {
			font-family: sans-serif;
			font-size: 1em;
			line-height: 1.1em;
			width: 100%;
			padding: 5px;
			background: #fff;
			border: 1px solid #000000;
		}
		.formblock form .fields .field textarea {
			font-family: sans-serif;
			font-size: 1em;
			line-height: 1.1em;
			width: 100%;
			padding: 5px;
			background: #fff;
			border: 1px solid #000000;
			min-height: 125px;
			_height: 125px;
		}
		.formblock form .fields .field select {
			width: 100%;
		}
		.formblock form .fields .field select[multiple="multiple"] {
			border: 1px solid #000000;
			padding: 5px;
		}
		.formblock form .fields .field .radioList label {
			display: block;
			margin-bottom: 5px;
		}
		.formblock form .fields .field .checkboxList label {
			display: block;
			margin-bottom: 5px;
		}
	.formblock form .submit {
		display: inline-block;
		background: #000000;
		padding: 5px 15px;
		color: #fff;
		border: none;
		text-decoration: none;
		}
		.ie7 .formblock form .submit {
			display: inline;
			zoom: 1;
		}
		.formblock form .submit:hover {
			background: #231f20;
		}

.portfolio-table {
	margin-bottom: 50px;
	}
	ul.portfolio-table__tabs {
		display: table;
		list-style: none;
		margin: 0;
		padding: 0;
		border-spacing: 5px; /* because margins don't work on display:table-cell elements */
		margin-left: -5px; /* compensate for left-most item */
		}
		.portfolio-table__tabs li {
			display: table-cell;
			background-color: #a99986;
			}
			.portfolio-table__tabs li a {
				display: block;
				padding: 10px;
				color: #fff;
				font-weight: bold;
			}
		.portfolio-table__tabs li.active {
			background-color: #54330b;
		}
	.portfolio-table__as-of {
		margin: 20px 0;
		font: italic bold 14px asap, sans-serif;
	}
	.portfolio-table th {
		padding: 5px;
		background-color: #e1f0ff;
		border: 1px solid #fff;
		font-weight: bold;
		vertical-align: bottom;
		cursor: pointer;
	}
	.portfolio-table td {
		padding: 5px;
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
		border-left: 1px solid #fff;
		background-color: #fafafa;
		}
		.portfolio-table tr:nth-child(even) td {
			background-color: #daf6f0;
		}
		.portfolio-table tr td.portfolio-table__column--blue {
			background-color: #aff3fb;
		}
		.portfolio-table tr.portfolio-table__row--bolded td {
			font-weight: bold;
		}
		.portfolio-table tr.portfolio-table__row--bolded td.row-label {
			color: #3277cc;
		}
	.portfolio-table--fundamentals th,
	.portfolio-table--fundamentals td {
		border-color: #8f9291;
	}

.navellier-share-buttons {
	}
	.navellier-share-buttons ul {
		list-style: none;
		margin: 0;
		padding: 0;
		}
		.navellier-share-buttons li {
			float: left;
			margin-right: 20px;
			}
			.navellier-share-buttons li a {
				display: block;
				width: 25px;
				height: 50px;
				text-indent: -9999px;
				background: url(../images/sprite.png) no-repeat;
			}
			.navellier-share-buttons li a.navellier-share-buttons__facebook {
				background-position: -400px 0;
			}
			.navellier-share-buttons li a.navellier-share-buttons__twitter {
				background-position: -450px 0;
			}
			.navellier-share-buttons li a.navellier-share-buttons__google-plus {
				background-position: -500px 0;
			}
	.navellier-share-buttons:after {
		content: "";
		display: block;
		clear: both;
	}

.blog-archives {
	}
	.no-js #blog-archives-tabs {
		display: none;
	}
	#blog-archives-tabs {
		list-style: none;
		margin: 0;
		padding: 0;
		}
		#blog-archives-tabs li {
			float: left;
			margin: 0 20px 20px 0;
			padding: 10px 20px;
			border: 2px solid #046FA5;
			font-size: 16px;
			cursor: pointer;
			}
			#blog-archives-tabs li.active {
				background-color: #046FA5;
				color: #fff;
			}
	.js .blog-archives__year {
		display: none;
	}

.arrow {
	display: inline-block;
	margin-top: -2px;
	background-image: url(../images/sprite.png);
	background-repeat: no-repeat;
	vertical-align: middle;
	text-indent: -9999px;
	}
	.arrow--sidebar-section-nav {
		width: 12px;
		height: 18px;
		margin-top: -1px;
		background-position: -550px 0;
		float: right;
	}
	.arrow--blog-list {
		width: 9px;
		height: 13px;
		background-position: -600px 0;
	}
	.arrow--more-marketmail {
		width: 12px;
		height: 19px;
		background-position: -650px 0;
	}
	.arrow--more-outlook {
		width: 12px;
		height: 19px;
		background-position: -700px 0;
	}
	.arrow--newsletter-form {
		width: 10px;
		height: 17px;
		background-position: -750px 0;
	}
	.arrow--homepage-utility-nav {
		width: 13px;
		height: 18px;
		margin-top: -1px;
		background-position: -800px 0;
		float: right;
	}
	.arrow--turquoise-link {
		width: 11px;
		height: 16px;
		background-position: -850px 0;
	}
	.arrow--contact-form {
		width: 11px;
		height: 17px;
		background-position: -900px 0;
	}
	.arrow--external-link-alert-continue {
		width: 12px;
		height: 19px;
		background-position: -650px 0;
		margin-left: 3px;
	}
	
.external-link-alert {
	position: relative;
	background: #FFF;
	padding: 50px 30px;
	max-width: 700px;
	margin: 20px auto;
	text-align: center;
}
	.external-link-alert__heading h1 {
		color: #579ab1;
	}
	@media screen and (max-width: 700px) {
		.external-link-alert__heading h1 {
			font-size: 25px;
		}
	}
	.external-link-alert__message {
		margin: 20px 0 40px;
	}
	.external-link-alert__continue a {
		display: inline-block;
		font: bold 18px asap, sans-serif;
		color: #046fa5;
	}


/*=====
 Misc.
=====*/

/* C5 Login page */
#c5-login .input-item {
	margin-bottom: 10px;
}
#c5-login #forgot_password {
	margin-top: 45px;
	border-top: 1px dotted black;
	padding-top: 15px;
}


/*======================================
 Grader Styles
======================================*/

/* multiple grader pages */
.grader-info-and-nav {
 margin-bottom: 20px;
}

/* login page elements */
.grader-signup-heading { font-size: 24px; font-weight: normal; }

.grader-login-form { margin-bottom: 10px }

.grader-login-form h2 { margin-bottom: 10px }

.grader-login-form .form-response { }

.grader-login-form .form-response .error { 
 padding: 8px; background-color:#fa0404; color:#fafafa; margin-bottom:10px; font-size:14px
}

.grader-login-form .form-response .error ul { padding-left:14px; margin:10px }

.grader-login-form .form-response .success1 {
 padding: 10px; margin-bottom: 10px; background-color: mediumaquamarine;
 font-weight: bold; color: #fff;
}

.grader-login-form .input-items {  }

.grader-login-form .input-item { margin-bottom: 5px; }

.grader-login-form .input-field-wrapper { overflow: auto; }

.grader-login-form .input-text {
 width: 100%; padding: 8px; border: none; background-color: #f0eeed; }

.grader-login-form .input-textarea {
 width: 100%; padding: 8px; border: none; background-color: #f0eeed; }

.grader-login-form .input-select { width: 100%; }

.grader-login-form .input-buttons-wrapper { padding-top: 10px; }

.grader-login-form .input-submit {
					padding: 8px;
					display: block;
					width: 100%;
					text-align: left;
					border: none;
					background-color: #c08055;
					font-size: 18px;
					color: #fff;
					}

.grader-login-form .input-submit:after { content: '\276F'; float: right; }

.grader-login-form input::-webkit-input-placeholder { font-weight: bold; color: #7c5228; }

.grader-login-form input:-moz-placeholder { font-weight: bold; color: #7c5228; } /* Firefox 18- */

.grader-login-form input::-moz-placeholder { font-weight: bold; color: #7c5228; } /* Firefox 19+ */

.grader-login-form input:-ms-input-placeholder { font-weight: bold; color: #7c5228; }


/* signup form elements */
.grader-signup-heading { font-size: 24px; font-weight: normal; }

.grader-signup-form { margin: 10px 0; }

.grader-signup-form h2 { margin-bottom: 10px }

.grader-signup-form .form-response { }

.grader-signup-form .form-response .error { 
 padding: 8px; background-color:#fa0404; color:#fafafa; margin-bottom:10px; font-size:14px
}

.grader-signup-form .form-response .error ul { padding-left:14px; margin:10px }

.grader-signup-form .form-response .success1 {
 padding: 10px; margin-bottom: 10px; background-color: mediumaquamarine;
 font-weight: bold; color: #fff;
}

.grader-signup-form .input-items {  }

.grader-signup-form .input-item { margin-bottom: 5px; }

.grader-signup-form .input-field-wrapper { overflow: auto; }

.grader-signup-form .input-text {
 width: 100%; padding: 8px; border: none; background-color: #f0eeed;
}

.grader-signup-form .input-textarea {
 width: 100%; padding: 8px; border: none; background-color: #f0eeed;
}

.grader-signup-form .input-checkbox {
 padding-top: 4px;
}

.grader-signup-form .input-select { width: 100%; }

.grader-signup-form .input-buttons-wrapper { padding-top: 10px; }

.grader-signup-form .input-submit {
 display: block; width: 100%; padding: 8px; border: none;
 background-color: #579ab1; text-align: left; color: #fff; font-size: 18px;
}

.grader-signup-form .input-submit:after { content: '\276F'; float: right; }

.grader-signup-form input::-webkit-input-placeholder { font-weight: bold; color: #7c5228; }
.grader-signup-form input:-moz-placeholder { font-weight: bold; color: #7c5228; } /* Firefox 18- */
.grader-signup-form input::-moz-placeholder { font-weight: bold; color: #7c5228; } /* Firefox 19+ */
.grader-signup-form input:-ms-input-placeholder { font-weight: bold; color: #7c5228; }


/* profile page elements */
.grader-profile-form {
	margin-bottom: 10px 0;
	}
	.grader-profile-form fieldset {
		border: none;
		padding: 0;
	}
	.grader-profile-form legend {
		font: bold 1em asap, sans-serif;
		margin-bottom: 10px;
	}
	.grader-profile-form .form-response {
		margin-bottom: 10px;
		color: #fff;
		}
		.grader-profile-form .form-response .error {
			padding: 12px;
			background-color: red;
		}
		.grader-profile-form .form-response .success {
			padding: 12px;
			background-color: #84DB84;
		}
	.grader-profile-form .input-items {
		}
		.grader-profile-form .input-item {
			margin-bottom: 10px;
			}
			.grader-profile-form .input-label-wrapper {
				float: left;
				width: 150px;
				}
			@media screen and (max-width: 500px) {
				.grader-profile-form .input-label-wrapper {
					float: none;
					width: auto;
				}
			}
				.grader-profile-form .input-label {
				}
				.grader-profile-form .input-note {
				}
			.grader-profile-form .input-field-wrapper {
				overflow: auto;
				}
				.grader-profile-form .input-text {
					width: 100%;
					padding: 5px;
					border: none;
					background-color: #f0eeed;
				}
				.grader-profile-form .input-textarea {
					width: 100%;
					padding: 5px;
					border: none;
					background-color: #f0eeed;
				}
				.grader-profile-form .input-select {
					width: 100%;
				}
			.grader-profile-form .input-buttons-wrapper {
					padding-top: 20px;
				}
				.grader-profile-form .input-submit {
					padding: 12px;
					border: none;
					background-color: #f0eeed;
					text-transform: uppercase;
					font-weight: bold;
				}
				
/* portfolios page elements */	
.grader-portfolio-form {
	margin: 10px 0;
	}
	.grader-portfolio-form__actions {
		display: inline-block; 
		margin: 0 10px 10px 0;
		}
		.grader-portfolio-form__actions button {
			display: inline-block;
			margin-right: 10px;
			padding: 12px;
			border: none;
			background-color: #f0eeed;
			text-transform: uppercase;
			font-weight: bold;
		}
	.grader-portfolio-form__total-grade {
		font-weight: bold;
		display: inline-block;
		}
		.grader-portfolio-form__total-grade .grade {
			color: #004f94;
			font-size: 18px;
			font-weight: bold;
		}
	.grader-portfolio-form__table {
		margin: 10px 0;
		width: 100%;
		text-align: center;
		border-right: 1px solid #d7cab4;
		table-layout: fixed;
		font-size: 10px;
		line-height: 1em;
		}
		.grader-portfolio-form__table .table-headings {
			
		}
		.grader-portfolio-form__table .table-actions {
			color: #fff;
			background: #036fa5;
		}
		.grader-portfolio-form__table th,
		.grader-portfolio-form__table td {
			font-weight: normal;
			border-left: 1px solid #d7cab4;
			padding: 4px;
		}
		.grader-portfolio-form__table th {
			vertical-align: bottom;
		}
		.grader-portfolio-form__table td {
			vertical-align: top;
		}
		.grader-portfolio-form__table tr:nth-child(even) td {
			background-color: #f0eeed;
		}
		.grader-portfolio-form__table input[type="checkbox"] {
			font-size: 15px;
		}
		.grader-portfolio-form__table .grade .primary {
			display: block;
			color: #004f94;
			font-size: 16px;
			font-weight: bold;
		}
		.grader-portfolio-form__table .grade .secondary {
			font-size: 8px;
			line-height: 1em;
		}
			

/* portfolio manager elements */
.grader-portfolio-manager-table__table {
	margin: 0 0 10px 0;
	width: 100%;
	text-align: center;
	border-right: 1px solid #d7cab4;
	table-layout: fixed;
	font-size: 10px;
	line-height: 1em;
	}
	.grader-portfolio-manager-table__table .table-headings {
		border-bottom: 1px solid #d7cab4;
	}
	.grader-portfolio-manager-table__table th,
	.grader-portfolio-manager-table__table td {
		font-weight: normal;
		border-left: 1px solid #d7cab4;
		padding: 10px;
	}
	.grader-portfolio-manager-table__table th {
		vertical-align: bottom;
	}
	.grader-portfolio-manager-table__table td {
		vertical-align: top;
	}
	.grader-portfolio-manager-table__table tr:nth-child(even) td {
		background-color: #f0eeed;
	}
	.grader-portfolio-manager-table__table input[type="checkbox"] {
		font-size: 15px;
	}
	.grader-portfolio-manager-table__table .grade .primary {
		display: block;
		color: #004f94;
		font-size: 16px;
		font-weight: bold;
	}
	.grader-portfolio-manager-table__table .grade .secondary {
		font-size: 8px;
		line-height: 1em;
	}
	
.grader-portfolio-manager-table__actions {
	margin: 10px 0 50px;
	font-size: 10px;
	}
	.grader-portfolio-manager-table__actions a {
		margin-right: 10px;
	}

.grader-stock-quote-form {
	}
	.grader-stock-quote-form__heading {
		font-size: 10px;
		color: #046fa5;
		font-style: italic;
		font-weight: normal;
	}
	.grader-stock-quote-form__form {
		padding-top: 10px;
	}
		.grader-stock-quote-form__form fieldset {
			border: none;
			padding: 0;
			}
			.grader-stock-quote-form__form legend {
				font: bold 1em asap, sans-serif;
				margin-bottom: 3px;
			}
			.grader-stock-quote-form__form input {
				width: 150px;
				padding: 8px;
				border: none;
				background-color: #f0eeed;
				margin-right: 10px;
			}
			.grader-stock-quote-form__form button {
				padding: 8px;
				border: none;
				color: #c08055;
				background-color: #f0eeed;
				text-transform: uppercase;
				font-weight: bold;
			}