/* BEGIN AREA-LISTING CSS ---------------------------------------> */

body.areaListingPage #content
{
	display: block;
	margin-bottom: 0px;
}

body.areaListingPage #mainContent
{
	float: none;
	width: 100%;
	max-width: 1274px;
	margin-left: auto;
	margin-right: auto;
	margin: 0px auto;
	padding-bottom: 0px;
}
	
/*
@media (min-width: 550px)
{
	body.areaListingPage #mainContent
	{
		margin-top: 70px;
	}
}
*/

body.areaListingPage h2
{
	padding-bottom: 0px;
	font-size: 1.55rem;
	font-weight: normal;
	text-transform: none;
}

div#listColumnWrapper
{
	display: flex;
	justify-content: space-between;
	position: relative;
	margin-bottom: 80px;
	margin-top: 32px;
}

div.listColumn
{
	position: relative;
	width: calc(50% - 17px);
}

div.listColumn ul,
div.listColumn ul li
{
	position: relative;
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	color: #3170B7;
	line-height: normal;
}

div.listColumn > ul > li
{
	margin: -1px 0 0 0;
	padding: 1em 50px 1em 0px;
	border-top: 1px solid #b0b0b0;
	border-bottom: 1px solid #b0b0b0;
	font-weight: 500;
}

div.listColumn ul.hierList li
{
	margin: 1em 0 0 0;
	font-weight: 500; /* row#106 */
}

div.listColumn li li
{
	padding-left: 1em;
}

div.listColumn.areaToggle ul.hierList
{
	display: none;
	margin-bottom: 1em;
}

div.listColumn ul li a
{
	color: #3170B7;
}

div.listColumn.areaToggle .areaExpand
{
	display: inline-block;
	position: absolute;
	top: 18px;
	right: 0px;
	width: 30px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	background: none;
	border: 0px;
	color: #3170B7;
	cursor: pointer;
	text-align: center;
	vertical-align: top;
}

div.listColumn.areaToggle .areaExpand span
{
	position: relative;
	display: block;
	width: 30px;
	height: 30px;
	font-size: 2rem;
	font-weight: 500;
	line-height: 0.6;
	vertical-align: top;
}

div.listColumn.areaToggle .areaExpand:not(.expanded) span:last-child
{
	display: none;
}

div.listColumn.areaToggle .areaExpand.expanded span:first-child
{
	display: none;
}

#practiceExpandWrapper
{
	text-align: right;
}

#practiceExpandWrapper button
{
	border: none;
	padding: 0 30px 0 0;
	background: url('../i/arrow-down.svgz') right center no-repeat; /* data-uri */
	background-size: 22px;
	color: #122B8D;
	font-size: 0.9rem;
	font-weight: 500;
	text-transform: uppercase;
}

#practiceExpandWrapper button.expanded
{
	background: url('../i/arrow-up.svgz') right center no-repeat; /* data-uri */
	background-size: 22px;
}

@media (max-width: 479px)
{
	div#listColumnWrapper
	{
		display: block;
	}

	div.listColumn
	{
		width: 100%;
	}
}

#practiceSearch
{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 40px;
	position: relative;
}

#practiceSearch form
{
	position: relative;
	flex: 1 1 800px;
}

#practiceSearch form > div > div
{
	width: 100%;
}

#practiceSearch form  > div
{
	display: block;
}

#practiceSearch form button
{
	position: absolute;
	right: 17px;
	top: 0;
	height: 35px;
	padding: 0 25px 0 0;
	background: none;
	border: none;
	color: #3874a8;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 17px;
	letter-spacing: 1px;
}

#practiceSearch form button:hover,
#practiceSearch form button:focus
{
	cursor: pointer
}

#practiceSearch form button svg
{
	position: absolute;
	right: 0;
	top: 7px;
	width: 18px;
	height: 18px;
}

#practiceSearch form button svg path
{
	fill: #3874a8;
}

#practiceSearch form input[type=text]::-ms-clear
{
	margin-right: 120px;
}

@media (max-width: 767px)
{
	#practiceSearch form button
	{
		top: 1px;
		right: 5px;
		padding: 0;
		height: 37px;
		width: 37px;
		float: right;
		background-size: 18px;
		text-indent: -9999em;
	}

	#practiceSearch form label
	{
		top: 3px;
		font-size: 14px;
	}

	#practiceSearch form input[type=text]::-ms-clear
	{
		margin-right: 20px;
	}
}


/* END AREA-LISTING CSS -----------------------------------------> */