/*<meta />*/

/* This extends the logo div so it can hold the buttons */

.title-bar-layout .logo-wrapper
{
	width: 68%;
}

/* Changes the logo opacity on hover */

a.logo:hover
{
	opacity: 0.6;
}

/* This adds the blue border at the bottom of the header div */

nav.title-bar
{
	/*box-shadow: 0 2px 8px 0 rgb(50 50 50 / 32%);*/
	box-shadow: 0 2px 8px 0 #bbb5b5;
}

/* menu drop down shadow */

ul.navigation li:hover > ul,
ul.navigation > li.has-children:hover:after,
ul.sub-menu.focus-within-expanded
{
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

ul.navigation > li.has-children:after
{
	border-bottom-color: #f16c20 !important;
	box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0) !important;
}

.title-bar .menu-icon span
{
	height: 35px;
	width: 35px;
}

/* This controls the Search Filter items that can't be set in the skin file. These are optional and can be removed */

.search-filter-content
{
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
	z-index: 1100;
}

.search-filter-content ul li
{
	padding: 2px 0 2px 0;
}

/*==Responsive Header Styles==*/

#contentBody > .responsive-header
{
	background-color: transparent;
}

div.search-container
{
	margin: 0 auto;
}

/* This adds the drop shadow on the right side of the Side Navigation menu div */

.sidenav-wrapper
{
	box-shadow: 6px 0px 14px 0px rgba(171,169,171,1);
}

/* These are the divs that contain the Body Proxy and content */

div.body
{
	background-color: #ffffff;
	margin: 2% 4% 0 0;
}

div.content
{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	padding: 1em;
}

div.Manual_Title
{
	margin: 0 0 auto 0;
	z-index: 1001;
}

div.Manual_Title p
{
	font-size: 26pt;
	font-weight: bold;
	font-style: italic;
	color: #313131;
	margin-top: 14px !important;
	margin-bottom: 0px !important;
	margin-left: 10px;
	padding: 0 !important;
}

/* Search results page styles */

#resultList .description
{
	line-height: 140%;
}

span.SearchHighlight1
{
	background-color: #ffff00;
}

span.SearchHighlight2
{
	background-color: #00ffff;
}

/* Home Page System Styles - Do Not Change */

.sidenav-wrapper
{
	display: none;
}

.off-canvas-content .main-section > .outer-row
{
	max-width: 100%;
	padding: 0;
}

/* Back to Top Styles*/

a.backToTop
{
	position: fixed;
	top: 50%;
	right: 1%;
	background-color: #656669;
	padding: 3px 3px 0px 3px;
	border-radius: 3px;
	display: none;
}

a.backToTop:hover
{
	background-color: #57585b;
}

/* Download button */

div.download_button
{
	margin: 0;
	z-index: 1001;
	margin-left: 0;
}

.button_menu_item
{
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 13px;
	line-height: 0.6;
	font-weight: bold;
	cursor: pointer;
	border-radius: 30px;
	border: 3px solid #f16c20;
	background-color: #ffb78e;
	color: #ffffff !important;
	display: inline-block;
	margin: 8px 8px 0px 0px;
	/*height: 36px;*/
	padding: 10px 25px;
	vertical-align: middle;
}

.button_menu_item:visited,
.button_menu_item:hover
{
	background-color: #f16c20;
	color: #ffffff !important;
	text-decoration: none;
}

a.download_button,
a.download_button:visited,
a.download_button:hover
{
	color: #ffffff !important;
}

@media print
{
	div.title-bar-container
	{
		min-height: 0px !important;
	}

	/* Prevents table header row from repeating across pages when printed */

	thead
	{
		display: table-row-group;
	}

	/* Makes Back To Top arrow invisible */

	a.backToTop
	{
		background-color: #ffffff;
	}
}

/* Tablet styles */

@media only screen and (max-width: 1279px)
{
	nav.title-bar .menu-icon
	{
		right: 0;
	}

	nav.title-bar
	{
		background-color: #ffffff;
	}

	.title-bar .menu-icon span
	{
		height: 34px;
		width: 34px;
	}

	div.Manual_Title p
	{
		font-size: 12pt;
		margin-top: 16px !important;
		margin-left: 5px;
	}

	.body-container
	{
		padding-top: 0;
	}

	div.body
	{
		margin: 2% 0 0 0;
	}

	h1#results-heading
	{
		font-size: 18pt;
	}

	#resultList .description
	{
		font-size: 10pt;
		line-height: 140%;
	}
}

@media only screen and (max-width: 767px)
{
	div.content
	{
		width: 99%;
	}

	div.Manual_Title p
	{
		margin-bottom: 6px !important;
	}
}