/*<meta />*/

@import url('oa-help.css');

/* master page layout */

nav.title-bar	/* removes bottom border from top navigation bar */
{
	border-bottom: 0px;
}

div.content-container	/* Wraps all master page content */
{
	mc-grid-row: true;
	margin: 10px 0px 100px 0px;
	padding: 15px 15px 15px 0px;
}

div.content-container::before
{
	content: ' ';
	display: table;
}

div.content-container::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.navigation-container
/* master page left side: contains the search bar and side menu -- settings are in div.content-container > div:nth-child(1) */
/* has a transparent background */
{
	border-right: solid 2px #e9e9eb;
}

div.side-search	/* search bar; inside div.navigation-container */
{
	
}

div.side-menu	/* side menu; inside div.navigation-container */
{
	
}

div.topic-container	/* master page right side: contains breadcrumbs, topic and context menu -- settings are in div.content-container > div:nth-child(2)*/
{
	
}

div.breadcrumbs	/* breadcrumbs; inside div.topic-container */
{
	float: left;
	width: 100%;
}

div.topic	/* topic; inside div.topic-container */
{
	float: left;
	width: 100%;
}

div.topic-context-menu	/* topic with a context menu; inside div.topic-container */
{
	float: left;
	width: 70%;
}

div.context-menu	/* context-sensitive menu for topic; inside div.topic-container */
{
	float: right;
	width: 25%;
}

div.footer	/* master page footer -- settings are in div.content-container > div:nth-child(3) */
{
	background-color: #f5f5fc;
	border-top-color: #e9e9eb;
	border-top-style: solid;
	border-top-width: 1px;
}

/* responsive layout settings */

div.content-container > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.content-container > div:nth-child(1)	/* div.navigation-container */
{
	float: left;
	margin: 0px;
	width: 25%;
	padding: 0px 40px 0px 0px;
}

div.content-container > div:nth-child(2)	/* div.topic-container */
{
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 30px;
	width: 75%;
}

div.content-container > div:nth-child(3)	/* div.footer */
{
	margin-right: 0;
	margin-top: 0;
	padding: 5px;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}

div.topic-container > div:nth-child(1)	/* div.breadcrumbs */
{
	
}

div.topic-container > div:nth-child(2)	/* div.topic */
{
	
}

div.topic-container > div:nth-child(3)	/* div.context-menu */
{
	
}

div.navigation-container > div:nth-child(1)	/* div.side-search */
{
	
}

div.navigation-container > div:nth-child(2)	/* div.side-menu */
{
	
}

@media only screen and (max-width: 1279px)
{
	/* search bar in header */

	.row.nav-search
	{
		display: block;
	}

	/* master page layout */

	div.content-container > div:nth-child(1)	/* div.navigation-container */
	{
		display: none;
	}

	div.content-container > div:nth-child(2)	/* div.topic-container */
	{
		width: 100%;
		margin-left: 0%;
	}

	div.content-container > div:nth-child(3)	/* div.footer */
	{
		width: 100%;
		margin-left: 0%;
	}

	div.topic-container > div:nth-child(1)	/* div.breadcrumbs */
	{
		width: 100%;
		margin-left: 0%;
	}

	div.topic-container > div:nth-child(2)	/* div.topic */
	{
		width: 100%;
		margin-left: 0%;
	}

	div.topic-container > div:nth-child(3)	/* div.context-menu  */
	{
		width: 100%;
		margin-left: 0%;
	}
}

@media only screen and (max-width: 767px)
{
	/* search bar in header */

	.row.nav-search
	{
		display: block;
	}

	/* master page layout */

	div.content-container > div:nth-child(1)	/* div.navigation-container */
	{
		display: none;
	}

	div.content-container > div:nth-child(2)	/* div.topic-container */
	{
		width: 100%;
		margin-left: 0%;
	}

	div.content-container > div:nth-child(3)	/* div.footer */
	{
		width: 100%;
		margin-left: 0%;
	}

	div.topic-container > div:nth-child(1)	/* div.breadcrumbs */
	{
		width: 100%;
		margin-left: 0%;
	}

	div.topic-container > div:nth-child(2)	/* div.topic */
	{
		width: 100%;
		margin-left: 0%;
	}

	div.topic-container > div:nth-child(3)	/* div.context-menu  */
	{
		width: 100%;
		margin-left: 0%;
	}

	img.full-screen
	{
		display: none;
	}
}