.message {
	/* Don't use display:none because Internet Explorer doesn't have display:revert */
	position: absolute;
	visibility: hidden;
	max-width: 100% /* parent should be positioned so long messages don't break out */;
	width: 100%;
	text-align: center;
}
.loading.message {
	background: center top no-repeat url(/images/loading.gif);
	padding-top: 42px;
}
[aria-busy] > .loading.message { visibility: visible; }
[aria-busy] > .loading.message ~ * { visibility: hidden; }

.dijitDialog .cancel-submit { text-align: right; }

nav, footer { display: block /* for IE 8, effect is visible in text-only-tool */; }
nav .banner, footer {
	background-color: rgb(17,46,81);
	color: white;
}
nav .banner a, footer a { text-decoration: none; }

nav {
	overflow: visible !important /* uswds banner breaks out of nav nav */;
	z-index: 3 !important /* show expanded uswds banner over content */;
}
.uswds-banner {
	display: block;
	position: absolute;
	top: 0 /* needed in mobile version, maybe also tot */;
	z-index: 2 /* needed in mobile version, especially results tab */;
	background-color: #f0f0f0 /* matches .usa-banner, to avoid starting white while iframe loads */;
	border: none;
	width: 100%;
	height: 22px;
}
.uswds-banner.expanded {
	height: 166px;

	/* Border and shadow match the .dijitDialog */
	border-bottom: 1px solid #7eabcd;
	box-shadow: 0px 5px 10px #adadad;
}

nav .banner {
	display: table !important;
	height: 64px;
	width: 100%;
	margin-top: 22px /* height of collapsed uswds banner */;
}
nav .banner > * {
	display: table-cell;
	vertical-align: middle;
}
nav .banner a       { color: #9d9d9d; }
nav .banner a:hover { color: white; }
nav .banner .census-logo {
	width: 86px;
	min-width: 86px;
	padding: 0 15px;
}
nav .banner .census-logo img {
	width: 86px /* In IE, must be set on the <img> not its container */;
	height: 34px /* IE 9 and maybe others do not maintain aspect ratio */;
}
nav .banner_text {
	font-size: 1.25em;
	font-weight: bold;
}
nav .banner_links {
	font-size: .85em;
	text-align: right;
	padding-right: 15px;
	min-width: 80px;
}
@media (max-width: 720px) {
	.nonmobile nav .banner_text {
		font-size: 1em;
	}
	.nonmobile nav .banner_links .mdi > span {
		position: fixed;
		top: -99999px;
	}
}

footer { font-size: 12px; }
footer a { color: white; }
footer small { font-size: 12px; }
footer > div {
	display: flex;
	padding: 0 5px;
}
footer > div > :first-child {
	flex: 0 6 auto;
	margin-right: 5px;
}
footer .links {
	flex: 1 5 auto;
	text-align: right;
}
footer .links > * { white-space: nowrap; }