/*<meta />*/

@import url('Fonts.css');

@import url('Screen-Geospatial.css');

@import url('TAImages.css');

@import url('../../zz_Text.css');

@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);

/* ============= Overrides needed to get specific styles to appear correctly ============= */

MadCap|xref,
MadCap|xref.Section,
MadCap|xref:hover,
MadCap|xref.Section:hover
{
	text-decoration: none;
	mc-format: '{paratext}';
}

/* ============= Footer layout ============= */

@media screen
{
	div.Footer-row-4-4-4
	{
		mc-grid-row: true;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

	div.Footer-row-4-4-4::before
	{
		content: ' ';
		display: table;
	}

	div.Footer-row-4-4-4::after
	{
		content: ' ';
		display: table;
		clear: both;
	}

	div.Footer-row-4-4-4 > div
	{
		float: left;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		text-align: center;
	}

	div.Footer-row-4-4-4 > div:nth-child(1)
	{
		width: 30%;
		margin-left: 0%;
		text-align: center;
	}

	div.Footer-row-4-4-4 > div:nth-child(2)
	{
		width: 40%;
		margin-left: 0%;
		text-align: center;
	}

	div.Footer-row-4-4-4 > div:nth-child(3)
	{
		width: 30%;
		margin-left: 0%;
		text-align: right;
	}
}

@media only screen and (max-width: 1080px)
{
	div.Footer-row-4-4-4 > div:nth-child(1)
	{
		width: 30%;
		margin-left: 0%;
		text-align: left;
	}

	div.Footer-row-4-4-4 > div:nth-child(2)
	{
		width: 40%;
		margin-left: 0%;
		text-align: center;
	}

	div.Footer-row-4-4-4 > div:nth-child(3)
	{
		width: 30%;
		margin-left: 0%;
		text-align: right;
	}
}

@media only screen and (max-width: 800px)
{
	div.Footer-row-4-4-4 > div:nth-child(1)
	{
		width: 100%;
		margin-left: 0%;
		text-align: left;
	}

	div.Footer-row-4-4-4 > div:nth-child(2)
	{
		width: 100%;
		margin-left: 0%;
		text-align: left;
	}

	div.Footer-row-4-4-4 > div:nth-child(3)
	{
		width: 100%;
		margin-left: 0%;
		text-align: right;
	}

	div.copyright,
	div.productpage,
	div.socialmedia
	{
		text-align: left;
	}
}

/* ============= Custom responsive layouts ============= */

@media screen
{
	div.rowIconTiles	/*Row style. Web and Tablet provide 3 columns of equal width. Mobile output provides 1 column.*/
	{
		mc-grid-row: true;
		margin-left: auto;
		margin-right: auto;
	}

	div.rowIconTiles::before
	{
		content: ' ';
		display: table;
	}

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

	div.rowIconTiles > div
	{
		float: left;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 33.33333%;
		margin-left: 0%;
	}

	div.Row-3-3-3-3	/*Row style. Web and Tablet provide 4 columns, 10-40-10-40% wide. Mobile output provides 2 columns, 1st column 24%, 2nd column 76%.*/
	{
		mc-grid-row: true;
		margin-left: auto;
		margin-right: auto;
	}

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

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

	div.Row-3-3-3-3 > div
	{
		float: left;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	div.Row-3-3-3-3 > div:nth-child(1)
	{
		width: 12%;
		margin-left: 0%;
	}

	div.Row-3-3-3-3 > div:nth-child(2)
	{
		width: 38%;
		margin-left: 0%;
	}

	div.Row-3-3-3-3 > div:nth-child(3)
	{
		width: 12%;
		margin-left: 0%;
	}

	div.Row-3-3-3-3 > div:nth-child(4)
	{
		width: 38%;
		margin-left: 0%;
	}

	div.Row-TwoEqualBlocks	/*Row style. Web and Tablet provide 2 columns of equal width. Mobile output provides 1 column.*/
	{
		mc-grid-row: true;
		margin-left: auto;
		margin-right: auto;
	}

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

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

	div.Row-TwoEqualBlocks > div
	{
		float: left;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	div.Row-TwoEqualBlocks > div:nth-child(1)
	{
		width: 50%;
		margin-left: 0%;
	}

	div.Row-TwoEqualBlocks > div:nth-child(2)
	{
		width: 50%;
		margin-left: 0%;
	}
}

@media only screen and (max-width: 1080px)
{
	div.rowIconTiles > div
	{
		width: 33.33333%;
		margin-left: 0%;
	}

	div.Row-TwoEqualBlocks > div:nth-child(1)
	{
		width: 50%;
	}

	div.Row-TwoEqualBlocks > div:nth-child(1)
	{
		margin-left: 0%;
	}

	div.Row-TwoEqualBlocks > div:nth-child(2)
	{
		width: 50%;
	}

	div.Row-TwoEqualBlocks > div:nth-child(2)
	{
		margin-left: 0%;
	}
}

/* ============= Styles to improve display when printed ============= */

@media print
{
	div.sideContent	/*Contains the topic toolbar*/
	{
		display: none;
	}

	div.top-bar	/*Contains the breadcrumbs proxy*/
	{
		display: none;
	}

	div.ContentRow > div:nth-child(1)
	{
		width: 98%;
		margin-right: 2%;
		margin-top: 0pt;
		padding-top: 0pt;
	}

	div.topic-layout > div:nth-child(2)
	{
		display: none;
	}

	div.footer1,
	div.footer2
	{
		display: none;
	}

	h1
	{
		margin-top: 0;
		padding-top: 0;
	}

	html,
	body,
	div.Content,
	div.contentBody,
	div.sideContent,
	div.clearfix,
	div.top-bar,
	div.AppBreadcrumbs,
	div.AppIconBC,
	div.ContentRow
	{
		margin-top: 0pt;
		margin-bottom: 0pt;
		padding-top: 0pt;
		padding-bottom: 0pt;
	}
}