/* BEGIN BIO-LISTING CSS ----------------------------------------> */

.letterLinks
{
	width: 100%;
	margin: 10px 0 28px 0px;
	color: #999;
	font-weight: 700;
	font-size: 1.2rem;
}

.letterLinks::after
{
	/* make div stretch to height of content */
	content: '';
	display: block;
	clear: both;
}

.letterLinks a,
.letterLinks span
{
	display: inline-block;
	float: left;
	width: calc(100% / 13);
	text-align: center;
}

.letterLinks > *:nth-child(12),
.letterLinks > *:last-child
{
	width: calc(100% / 13 - 1px);
}

.viewAll
{
	display: block;
	text-transform: uppercase;
	text-align: right;
}

@media (min-width: 768px)
{
	.letterLinks
	{
		width: calc(100% - 150px);
		max-width: 1100px;
		argin: 10px 0 28px -9px;
	}
	
	.viewAll
	{
		display: inline-block;
		position: absolute;
		top: 0px;
		right: 50px;
		vertical-align: middle;
	}
}

@media (min-width: 1025px)
{
	.letterLinks a,
	.letterLinks span
	{
		width: calc(100% / 26);
	}

	.letterLinks > *:nth-child(12),
	.letterLinks > *:last-child
	{
		width: calc(100% / 26 - 1px);
	}
}

#bioSearchWrapper
{
	position: relative;
	width: 100%;
	max-width: 1480px;
	margin: 0px auto;
}

#bioSearchWrapper form
{
	margin-bottom: max(40px, 3.5vw);
}

#content form .submit_wrapper
{
	width: auto;
}

#content form input[type=submit], 
#content form button[type=submit]
{
	background: none !important;
	border: 0px !important;
	padding: 0px;
}

@media (max-width: 767px)
{
	#content form > div > div
	{
		margin-bottom: 20px;
	}
	
	#content form .submit_wrapper
	{
		bottom: -20px;
	}
}

.ajaxBioList
{
	display: none;
}

/* END BIO-LISTING CSS ------------------------------------------> */