/* =Search Form
-------------------------------------------------------------- */
#searchTypesBar {
	font-weight:normal;
	margin-top:0px;
	padding: 5px 20px;
}
#searchTypesBar #searchStyle {
	display: flex;
	justify-content: space-between;
}
@media (max-width: 550px) {
	#searchTypesBar #searchStyle {
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
	}
}
#searchTypesBar #searchStyle span {
	cursor:default;
	display:inline-block;
	font-weight:normal;
	margin-right:10px;
}
#searchTypesBar #searchStyle a {
	display:inline-block;
	font-weight:normal;
	margin-right:10px;
	text-decoration:none;
}
#searchTypesBar #searchStyle a:hover {
	text-decoration:underline;
}
#searchTypesBar #searchStyle a.active {
	color:#000;
	cursor:default;
	font-style:italic;
}
#searchTypesBar #searchStyle a.active:hover {
	text-decoration:none;
}
#searchTypes {
	margin:1em 0px;
}
#searchTypes img {
	border:0px none;
	height:46px;
	width:137px;
	margin:0px 13px 0px 0px;
}
#searchResults .summaryTitle {
	font-size:10pt;
	line-height:140%;
}
#simpleSearch {
	margin-bottom:1em;
}
#simpleSearch {
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:stretch;
}
#subagencySearch {
	margin-bottom:1em;
}
.agencyIcons, 
.subagencyIcons {
	display: flex;
	flex-wrap: wrap;
	margin: 15px 0px;
}
.agencyIcons {
	align-items: center;
	justify-content: space-evenly;
	margin-right: -10px;
}
.subagencyIcons {
	align-items: stretch;
	background-color: #e6eeff;
}
@media (min-width:630px) {
	.subagencyIcons {
		justify-content: flex-start;
	}
}
@media (max-width:629.99px) {
	.subagencyIcons {
		align-items: stretch;
		justify-content: flex-start;
		padding: 10px 0px 0px 10px;
	}
}
.subagencyIcons .agencyIconContainer, 
.subagencyIcons .subagencyIconContainer {
	align-items: center;
	display: flex;
	justify-content: center;
	padding: 10px;
}
.subagencyIcons .agencyIconContainer.active, 
.subagencyIcons .subagencyIconContainer.active {
	background-color: #cdf;
}
.agencyIcon,
.subagencyIcons .agencyIcon, 
.subagencyIcons .subagencyIcon {
	background-color:#fff;
	background-origin:padding-box;
	background-position: center 5px;
	background-repeat:no-repeat;
	background-size:contain;
	box-sizing:border-box;
	cursor:pointer;
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	padding:5px;
}
.agencyIcons .agencyIcon {
	background-size: 100px 100px;
	border: 2px solid #fff;
	font-size: 10pt;
	line-height: 13pt;
	margin: 0px 10px 10px 0px;
	padding-top: 110px;
	width: 184px;
}
.subagencyIcons .agencyIcon, 
.subagencyIcons .subagencyIcon {
	background-size:100px 100px;
	font-size:10pt;
	line-height:13pt;
	width:174px;
	padding-top:110px;
}
.agencyIcon.active {
	border:2px solid rgba(23,25,99,1);
}
.agencyIcon .agencyName,
.subagencyIcon .agencyName {
	background:rgba(23,25,99,.9);
	color:#fff;
	font-weight:normal;
	margin:0px -5px -5px -5px;
	min-height:35px;
	padding:5px;
	text-align: center;
}
#departmentSearch.preview {
	align-items: stretch;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
#departmentSearch.preview #searchPreview {
	border:2px solid #bbb;
	border-radius:10px;
	padding:1em 10px;
}
@media (min-width: 500px) {
	#departmentSearch.preview .searchTypeSection h3 {
		margin-right: 0px;
	}
	#departmentSearch.preview .searchTypeSection h3:first-child {
		margin-top: 0px;
	}
	#departmentSearch.preview .searchTypeSection {
		margin-right: 15px;
	}
}
@media (min-width: 700px) {
	#departmentSearch.preview .searchTypeSection {
		flex-basis: 65%;
	}
	#departmentSearch.preview #searchPreview {
		flex-basis: 35%;
	}
}
@media (min-width: 500px) and (max-width: 699.99px) {
	#departmentSearch.preview .searchTypeSection {
		flex-basis: 50%;
	}
	#departmentSearch.preview #searchPreview {
		flex-basis: 50%;
	}
}
@media (max-width: 499.99px) {
	#departmentSearch.preview {
		align-items: stretch;
		display: flex;
		flex-direction: column-reverse;
		justify-content: space-between;
	}
}
#departmentSearch.preview #searchPreview .newsitem:last-of-type {
	position: relative;
}
#departmentSearch.preview #searchPreview .newsitem:last-of-type::before {
	content: "";
	background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
#advancedSearch {
	margin-bottom:1em;
}
#agencySearchSection fieldset,
#categorySearchSection fieldset {
	border: 0px none;
	display: inline-flex;
	flex-direction: column;
	margin: 0px;
	padding: 0px;
}
#agencySearchSection div.selected,
#categorySearchSection div.selected {
	background-color: #171963;
	color: #fff;
}
#agencySearchSection div:not(.subcategories),
#categorySearchSection div:not(.subcategories) {
	display: inline-flex;
	align-items: center;
	padding: 3px 5px 1px 0px;
}
#agencySearchSection div > label,
#categorySearchSection div > label {
	display: inline-flex;
	align-items: center;
}
#agencySearchSection div > label > input,
#categorySearchSection div > label > input {
	margin-top: -1px;
}
#agencySearchSection div > a {
	margin-left: 5px;
}
#agencySearchSection div.subcategories {
	display: none;
	flex-direction: column;
	padding-left: 20px;
}
#agencySearchSection .twistie,
#agencySearchSection .selectAll {
	color: inherit;
	cursor: pointer;
	font-weight: normal;
	text-decoration: none;
}
#agencySearchSection .selectAll {
	opacity: 0.6;
}
#currentSearch h3 {
	font-weight: bold;
}
.agencyDetails {
	display: grid;
	grid-template-columns: 220px auto;
	grid-template-rows: auto auto;
	grid-template-areas: 
		"agency description"
		"caption subagencies";
	margin: 15px 0px;
}
@media (min-width: 450px) and (max-width: 630px) {
	.agencyDetails {
		grid-template-areas: 
			"agency description"
			"subagencies subagencies";
	}
}
@media (max-width: 449.99px) {
	.agencyDetails {
		grid-template-columns: auto;
		grid-template-rows: auto auto auto;
		grid-template-areas: 
			"agency"
			"description"
			"subagencies";
	}
}
.agencyDetails .agencyIconContainer {
	background: #e6eeff;
	display: flex;
	justify-content: center;
	grid-area: agency;
	padding: 10px;
}
.agencyDetails .agencyIconContainer.active {
	background-color: #cdf;
}
.agencyDetails .agencyDescription {
	background: #cdf;
	grid-area: description;
	padding: 10px;
}
.agencyDetails .agencyDescription .subagencyCaptionLinks {
	margin-top: 1em;
}
.agencyDetails .subagencyCaption {
	background: #e6eeff;
	display: flex;
	flex-direction: column;
	grid-area: caption;
	justify-content: center;
	padding: 10px;
}
@media (max-width: 630px) {
	.agencyDetails .subagencyCaption {
		display: none;
	}
}
.agencyDetails .subagencyCaption .subsidiaryCaptionHeader {
	font-size: 13pt;
	line-height: 17pt;
	margin-bottom: 1em;
}
.agencyDetails .subagencyIcons {
	align-items:stretch;
	background: #e6eeff;
	grid-area: subagencies;
	justify-content: space-evenly;
	margin: 0px;
	padding: 0px;
}
.agencyDetails .agencyIconContainer, 
.agencyDetails .subagencyIconContainer {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	margin: 0px !important;
}
.agencyDetails .agencyIconContainer.active, 
.agencyDetails .subagencyIconContainer.active {
	background-color: #cdf;
}
.agencyDetails .subagencyIconContainer {
	filter: grayscale(50%);
}
.agencyDetails .subagencyIconContainer.active {
	filter: none;
}
.agencyDetails .agencyIconContainer .agencyIcon, 
.agencyDetails .subagencyIconContainer .subagencyIcon {
	background-size: 80px 80px;
	border: 0px none;
	font-size: 9pt;
	line-height: 12pt;
	margin: 0px;
	padding-top: 90px;
	width: 167.5px;
}
.agencyDetails .subagencyIcons.numerous .subagencyIconContainer .subagencyIcon {
	width: 130px;
}
.agencyDetails .agencyIconContainer .agencyName, 
.agencyDetails .subagencyIconContainer .agencyName {
	min-height: 32px;
}
.agencyDetails .agencyIconContainer.active .agencyIcon, 
.agencyDetails .subagencyIconContainer.active .subagencyIcon {
	background-size: 100px 100px;
	font-size: 10pt;
	line-height: 13pt;
	padding-top: 110px;
}
.agencyDetails .subagencyIcons.numerous .subagencyIconContainer.active .subagencyIcon {
}
.agencyDetails .agencyIconContainer.active .agencyName, 
.agencyDetails .subagencyIconContainer.active .agencyName {
	min-height: 35px;
}
