/*
 * Micro-site template
 * 
 * COLORS:
 * Blue (links): #5998C9
 * Red: #9A6827
 * Grey: #F2F2F2
 * Green #9eafaa
 * 
 */

/*
 * BASIC STYLES
 */

/*body {
	margin: 0;
	padding: 0;
}*/

body {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#main-container {
	font-family: 'Arial', 'Helvetica', sans-serif;
	font-size: 14px;
	color: #555;
}

#micro-container {
	line-height: 1.2em;
	position: relative;
}

#micro-container p {
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 12px;
}

#micro-container, #micro-container td {
	font-size: 0.9em;	
}

h1,h2,h3,h4,h5 {
	font-weight: normal;
	line-height: 1.2em;
}

h2 {
    color: #9A6827;
    font-size: 20px;
    margin-bottom: 1em;
}


h3 {
	font-size: 18px;
	color: #555;
	margin-bottom: 0;
}

#micro-container a, #micro-container a:visited {
	color: #5998C9;
	font-weight: bold;
}

p {
	margin-top: 0;
	margin-bottom: 1em;
}

p.note {
	font-size: 11px !important;
	color: #777;
	line-height: 1.2em;
	margin-top: 0;
}

#main-container strong {
	font-family: inherit !important;
	font-weight: bold !important;
}

h1:first-child
,h2:first-child
,h3:first-child
,h4:first-child
,h5:first-child
{ margin-top: 0; }

label { font-weight: bold; }

fieldset {
	border: none;
	margin: 0;
	padding: 0;
}


/*#mdc-social-buttons {
	position: absolute;
	bottom: 0;
	right: 0;
}*/

/*
 * SOCIAL BUTTONS
 */

#sharebox-int {
	position: absolute;
	right: 0px;
	top: 166px;
	z-index: 99;
}


/*
 * NAV
 */

#micro-nav {
	border-bottom: 1px solid #ddd;
}

.hamburger-container {
	height: 50px;
	width: 200px;
	position: relative;
	z-index: 2;
}
.hamburger-menu {
	display: none;
	position: absolute;
	top: 35px;
	left: 5px;
	border: 1px solid #ddd;
}
/*.hamburger-container:hover .hamburger-menu {
	display: block;
}*/

.hamburger-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.hamburger-menu ul li {
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
	list-style-image: none;
}
.hamburger-menu ul li a {
	display: block;
	border-bottom: 1px solid #ddd;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 2em;
	height: 2em;
	width: 150px;
	padding: 0 7px;
	background: #f3f2f2;
}

.hamburger-menu ul li a:hover {
	background: #fff;
	text-decoration: none;
}

.hamburger-menu ul li.selected ul a {
	background: #fff;
}

.hamburger-menu ul ul {
	position: absolute;
	left: 165px;
	top: -1px;
	border-top: 1px solid #ddd;	
	border-right: 1px solid #ddd;	
	display: none;
}


.hamburger-menu ul li:hover ul,
.hamburger-menu ul li ul.show {
	display: block;
}

.hamburger-menu ul ul a {
	width: 400px;
}

.hamburger-menu ul li.selected a {
	background: #9A6827;
	color: #fff;
}


.hamburger-button {
	position: absolute;
	left: 5px;
	bottom: 15px;
	padding: 0 7px;
	line-height: 2em;
	height: 2em;
	background: #9b6727;
	color: #fff;
	display: inline-block;
	text-transform: uppercase;
	font-size: 10px;
	border-radius: 3px;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	cursor: pointer;
}


.hamburger-button i.hamburger-icon {
	font-style: normal;
}

.hamburger-menu ul li a .micro-nav-arrow {
	float: right;
}



/*
 * TOOLS
 */

/**
 * Micro clearfix
 * http://nicolasgallagher.com/micro-clearfix-hack/
 * Apply to any container elements that contain floats
 */ 
 
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

/*
 * Generic hide class
 */

.hide {
	display: none;
}


.none-available {
	font-size: 11px;
	text-transform: uppercase;
	text-align: center;
	margin-top: 2em;
}

/*
 * PAGE STRUCTURE
 */

body {
	text-align: center;
}

#main-container {
	position:relative;
	margin-top:0px;
	margin-left:0px;
	width:970px;
	margin: 0px auto;
	text-align: left;
}
#micro-container {
	margin-top: -35px; /* cover up space in masthead */
}
#micro-breadcrumbs {
	margin: 6px 17px;
	font-size: 11px;
}

#micro-header {
	margin: 0;
	position: relative;
}

#micro-topbar {
	position: relative;
	text-align: right;
	color: #5998C9;
	text-transform: uppercase;
	font-size: 12px;
	height: 21px;
	line-height: 25px;
	padding-right: 300px;
}

a#micro-back-to-frb {
	display: block;
	/*float: right;*/
	position: absolute;
	top: 0;
	right: 0;
	width: 298px;
	height: 21px;
	/*background: transparent url('/medialibrary/interactives/sce/sce/img/frb-topbar.png') 0 0 no-repeat;*/
}

#micro-header h1 {
	clear: both;
	margin: 0;
	padding: 0;
}
#micro-header h1 a {
	background: #ccc url("/medialibrary/interactives/sce/sce/img/header.png") 0 0 no-repeat;
	display: block;
	height: 150px;

	/* Fahrner Image Replacement
	 * http://www.zeldman.com/?p=9760 
	 */
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#micro-content {}

/* clearfix for micro-content */
#micro-content:before,
#micro-content:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
#micro-content:after { clear: both; }
#micro-content {  *zoom: 1; } /* For IE 6/7 only */

#micro-content.single-column {
	padding: 1em 0;
}


/* social media links */
#micro-nav #shareThis {
	position: absolute;
	top: 5px;
	right: 0px;
}

#micro-main-col {
	width: 600px;
	padding: 1em 25px 1em;
	float: left;
	border-right: 1px solid #ccc;
	min-height: 500px;
}

#micro-main-col h3 {
	margin-bottom: 0.5em;
}

#micro-main-lower {
	margin-bottom: 20px;
}

#micro-sidebar-col {
	width: 250px;
	padding: 15px;
	float: left
}

#micro-sidebar-col h3 {
	font-size: 18px;
}

.micro-sidebar-section {
	margin-top: 1em;
}

.micro-sidebar-section.first {
	margin-top: 0;
}

/*
 * SIDEBAR
 */

ul.mdc-sidebar-links {
	padding: 0;
	margin: 0;
	list-style: none;
}

ul.mdc-sidebar-links li {
	padding: 0;
	list-style-image: none;
}

#mdc-sidebar-about {
	
}

#page-mdc-staff #mdc-sidebar-staff {
	display: none;
}

#mdc-sidebar-staff {
	margin-bottom: 15px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
}

#mdc-sidebar-staff .staff-member {
	min-height: 150px;
	margin: 0;
	padding: 0;
	border: none;
}
#mdc-staff-member h3.name,
#mdc-staff-member .title,
#mdc-staff-member .mdc-read-more
{ display: none; }
#mdc-staff-member .bio {
	margin-left: 0;
}

#micro-sidebar-email {
	padding: 15px;
	background: #eee;
}

#micro-sidebar-email h3 {
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	text-transform: uppercase;
	color: #5998C9;
}

#micro-sidebar-email label {
	display: block;
	font-size: 14px;
	color: #555;
	text-transform:uppercase;
	margin-bottom: 0.5em;
}

input#email {
	width: 100%;
	font-size: 10px;
	text-transform: uppercase;
	padding: 3px;
	border: 1px solid #5998C9;
}

input#email-submit {
	background: #000;
	color: #fff;
	border-radius: 5px;
	border: none;
	padding: 7px 20px;
	text-transform: uppercase;
	margin-top: 7px;
}


#mdc-liberty-street-blog {
	margin-top: 1em;
}
#mdc-liberty-street-blog h3 {
	background: transparent url('/medialibrary/interactives/sce/sce/img/liberty-street-logo.png') left center no-repeat;
	padding: 35px 0px 35px 75px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin-bottom: .5em;
}

/*
 * PAGE ELEMENTS
 */


/* homepage */
.mdc-home-list {}
.mdc-home-item {
	clear: both;
	margin-bottom: 2em;
}
.mdc-home-title {
	font-weight: normal;
	margin-bottom: 0.4em;
}
.mdc-home-title,
.mdc-home-title > a	{
	font-family: "Georgia", "Times New Roman", Times, serif;
	font-weight: normal !important;
}
.mdc-home-title > .date {
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 10px;
	color: #999;
	text-transform: uppercase;
}

.mdc-home-text {
}
.mdc-home-img {
}
.mdc-home-img > .caption {
	font-size: 11px;
	color: #999;
	line-height: 1em;
}
.mdc-home-img.small {
}
.mdc-home-img.left {
	float: left;
	margin-right: 1em;
}
.mdc-home-strap {
	font-size: 14px;
}

.mdc-home-chart {
}
.mdc-home-chart.border {
	border: 1px solid #ccc;
}
.mdc-home-chart > .title {
	background: #eee;
	padding: 0.25em 0.5em;
	margin-bottom: 0.5em;
}
 /* homepage dashboard */
/*#mdc-dashboard {
	background: #eee;
	padding: 15px;
	margin-bottom: 2em;
	border-radius: 3px;
}

#mdc-dashboard-one {
	margin-right: 15px;	
}
#mdc-dashboard-one,
#mdc-dashboard-two {
	width: 285px;
	height: 200px;
}

#mdc-dashboard-three {
	margin: 0 0 15px 0;
	width: 587px;
}

#mdc-dashboard h3 {
	margin-bottom: 15px;
}

#mdc-dashboard h3 .source {
	font-size: 15px;
	color: #555;
	font-style: italic;
	padding-left: .5em;
}

#mdc-dashboard .source-description {
	clear: both;
	padding-top: 1em;
	font-size: 12px;
	color: #555;
	font-style: italic;
}
#mdc-dashboard .source-description p {
	margin: 0;
}

#mdc-dashboard .chart-container {
	background: #fff;
	float: left;
	border: 1px solid #ccc;
	overflow: hidden;
}
#mdc-dashboard .chart-container h4 {
	font-weight: bold	;
	font-size: 13px;
	color: #777;
	padding: 2px 3px;
	margin-bottom: 0;
	background: #ddd;
}*/

/*
 * FOOTER
 */

#micro-footer {
	clear: both;
	background: #9eafaa;
	text-align: center;
	color: #fff;
	padding: 30px 0;
	margin: 0 15px;
}
#micro-footer a {
	color: #fff;
	text-decoration: none;
}
#micro-footer h2 {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
}
#micro-bottom-links {
}

#micro-bottom-links a {
	text-transform: uppercase;
	font-size: 13px;
}

/* columns */
.two-col .col {
	width: 285px;
	margin-right: 15px;
	padding: 0 7px;
	float: left;
}
.two-col .col:first-child, .two-col .col0 { padding-left: 0;}
.two-col .col:last-child, .two-col .col1 { margin-right: 0; padding-right: 0; }

.two-col.border-col .col{
	margin-right: 7px;
	padding-right: 14px;
	border-right: 1px solid #ccc;
}
.two-col.border-col .col:first-child { padding-left: 0;}
.two-col.border-col .col:last-child { border: none; margin-right: 0; padding-right: 0; }

/* generic item */
.item {
	margin-bottom: 1em;
}
.item .title {
	font-size: 16px;
	margin-bottom: 0;
	margin-top: 0;
}
.item .title a {
}
.item .date {
	color: #555;
	font-size: 12px;
}

.item .summary {
	margin-top: .5em;
	color: #777;
	font-size: 13px;
}

/* categories */
.micro-category {
	margin-bottom: 1em;
}
.micro-category .category-name {
	font-size: 11px;
	line-height: 16px;
	text-transform: uppercase;
	font-weight: bold;
	background: #9eafaa;
	color: #fff;
	padding: 3px .5em;
	cursor: pointer;
}

.micro-category .category-name.no-accordian {
	cursor: default;
}

.micro-category .category-name .arrow {
	width: 12px;
	height: 12px;
	margin-right: 4px;
	display: inline-block;
	*margin-right: .3em;
	line-height: 16px;
	vertical-align: text-top;
	background-image: url('../img/arrows-12px.png');
	background-position: 0px 0px;
	background-repeat: no-repeat;

}

.micro-category .category-items {}
.micro-category.collapsed .category-name {}
.micro-category.collapsed .category-name .arrow {
	background-position: 0px -12px;
}
.micro-category.collapsed .research-category-selected-content {
	display: none;
}
.micro-category.collapsed .category-items {
	display: none;
}
/* inset */

.inset {
	float: right;
	width: 40%;
	background: #fff;
}

.shim {
	background: #eee;
	margin: 0 0 15px 15px;
	padding: 15px;
}

.inset .inset-title {
	margin-bottom: 10px;
}
.inset .item .title a {
	font-weight: normal;
}

/* summaries */

a.summary-toggle {
	margin-left: .5em;
	text-transform: uppercase;
	font-weight: normal;
}

/* featured work item */

.work-item-featured {
	background: #eee;
	padding: 15px 15px 5px 15px;	
}

/* governance */
 .member .title { font-weight:700;}
 .member .description { padding: 0 0 10px 0;}
 .governance .date { font-weight: bold; }
 
 
 /* loading */

.loading {
	text-align: center;
	margin-top: 20px;
}

.loading .spinner {
	background: #fff url('../img/load-indicator-circle.gif') center top no-repeat;
	display: block;
	height: 16px;
}

.loading .message {
	display: block;
	margin-top: 5px;
	color: #aaa;
	font-weight: bold;
}

.loading.error {}
.loading.error .spinner { display: none; }
.loading.error .message { color: #000; font-weight: normal;}

/**
 * 	RESEARCH ITEM
 */

.research-item {}

.research-item .label {
	/*font-weight: bold;*/
}

.research-item .title {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 20px;
	margin-bottom: 0;
}

.research-item .title a {
	font-weight: normal;
}

.research-item .report {
	font-style: italic;
}


.research-item .details .release {
	margin: 1em 0;
}


.research-item .details .authors {
}

.research-item .description {
	margin: .5em 0;
}

.research-item .downloads {
	margin: .5em 0;
}
.research-item .downloads .download .type{
	text-transform: uppercase;
}

.research-category-selected-content {
	margin-bottom: 2em;
}


.category-items .research-item .title {
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 13px;
}
.category-items .research-item .title a {
	font-weight: bold;
}
.category-items .research-item .label {
	font-weight: normal;
}
.category-items .research-item .details,
.category-items .research-item .release {
	display: inline;
	margin: none;
	font-style: italic;
	font-size: 12px;
}

#page-mdc-main .research-item .details,
#page-mdc-main .research-item .release {
	display: inline;
	margin: none;
	font-style: italic;
	font-size: 12px;
}

/*
.category-items .research-item .title a {
	font-weight: bold;
}*/

/*.research-item .title a { font-weight: normal; }
.research-item .details {
	color: #555;
	margin: .5em 0 1em;
	font-size: 12px;
	font-style: italic;
}*/


/*
 * STAFF MEMBER
 * 
 * <div class="staff-member cf">
 * 	<a class="headshot">
 * 		<img class="thumb" src="http://www.newyorkfed.org/research/economists/vanderklaauw/wilbert_vanderklaauw.jpg" />
 * 	</a>
 * 	<h3 class="name">Wilbert van der Klaauw</h3>
 * 	<div class="title">
 * 		<span class="role">Director</span> &ndash; <span class="function">Microeconomic Studies</span>
 * 	</div>
 * 	<div class="bio">
 * 		<p><a class="name" target="_blank" href="http://www.newyorkfed.org/research/economists/vanderklaauw/index.html">
 * 			Wilbert van der Klaauw</a> is a Senior Vice President [...]
 * 		</p>
 * 	</div>
 * </div>
 */
.staff-member {
	clear: left;
	margin-bottom: 15px;
	border-bottom: 1px solid #ddd;
	padding: 15px 0;
}
	.staff-member h3.name {
		margin: 0 0 0 0 !important;
	}
	.staff-member .title {
		font-style: italic;
		color: #555;
		margin-bottom: .5em;
	}
		.staff-member .title .role {}
		.staff-member .title .function {}
	.staff-member a.headshot {
		display: block;	
		float: left;
		margin: 5px 15px 15px 0;
	}
		.staff-member .headshot img.thumb {
			display: block;
			max-width: 94px;
		}
	.staff-member .bio {
		margin-left: 110px;
	}

		.staff-member .bio p {}
		.staff-member .bio .name {
			font-weight: bold
		}
	.staff-member .bio.no-photo {
		margin-left: 0;
	}
	.staff-member .mdc-read-more {
		margin-left: 110px;
	}
	.staff-member .mdc-read-more.no-photo {
		margin-left: 110px;
	}
	
	
/*
 * DATA SOURCES
 * 
 */


.data-category {
}

.data-category .none-available {
	border: 1px solid #ddd;
	padding-top: 2em;
	min-height: 300px;
}

.data-category h3.project-name {
	text-transform: uppercase;
	font-size: 15px;
	color: #999;
	font-weight: bold;
	margin-bottom: 0 !important;
}
.data-category h4.category-name {
	margin: 0;
	font-size: 15px;
	margin-top: .25em;
	margin-bottom: 1em;
}

ul.mdc-category-links {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-bottom: 7px;
}
ul.mdc-category-links li{ 
	font-size: 12px;
	list-style: none;
	list-style-image: none;
}

.data-category table.mdc-data-category {
	border: 1px solid #ddd;
	width: 100%;
}



table.mdc-data-category tr {

}

table.mdc-data-category td,
table.mdc-data-category th {
	border: 1px solid #ddd;
	border-width: 0px 0 1px 0;
	padding: 3px 5px;
	text-align: left;
}

table.mdc-data-category th {}

table.mdc-data-category th.mainHeader {}

table.mdc-data-category th.rowHeader {
	font-weight: normal;
	font-size: 12px;
	text-transform: uppercase;
	color: #999;
	width: 10px;
}

table.mdc-data-category td {}


/* rss item */
.rss-item {}
.rss-item .date {
	
}
.rss-item .title {
	font-size: 12px;
	margin-bottom: 0;
	margin-top: 0;
}
.rss-item .description {
	color: #555;
	margin: 0.5em 0 1em;
	font-size: 12px;
}

/* abstract page */
#micro-container.abstract .citation-info {
	margin-bottom: 2em;
	color: #777;
}

#micro-container.abstract .authors {
}
#micro-container.abstract .authors .label {
	font-weight: bold;
	color: #777;
}

#micro-container.abstract ul.download {
	margin: 0;
	padding: 0;
	list-style: none;
}
#micro-container.abstract ul.download li {
	list-style-image: none;
}
#micro-container.abstract ul.download li .dl-link { margin-right: 5px;}
#micro-container.abstract ul.download li .size { font-style: italic; color: #777; }
#micro-container.abstract ul.download li.pdf .dl-link {
	padding-right: 45px;
	background: transparent url('/images/v2/icons/pdf.gif') right center no-repeat;
}
#micro-container.abstract ul.download li .size {
	
}

/******************/
/* customizations
/******************/

input#email-submit { background: #9A6827; }

/* Research links */

.micro-category .category-name {
	background: #9A6827;
}

.micro-category .research-source-title {
	text-transform: uppercase;
	font-size: 12px;
}

/*body#page-mdc-main #micro-main-col { padding: 0 15px 1em; width: 620px; }*/

body#page-mdc-main #micro-main-lower { padding: 0 10px; }

.mdc-footnote { height:auto; width: 289px; position:absolute; top:1425px; color:#999; font-size:12px;}
.ie8 .mdc-footnote { top: 1300px;}