/*<meta />*/

@import url('footer/css/Footer.css');

@import url('InEightFontsColors.css');

@import url('Google-Search.css');

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

body
{
	font-family: var(--Font-Text-Main);
}

/* Link styles. */

a:link
{
	
}

a:visited
{
	color: #8c5b8cfa;
}

a:hover
{
	
}

/* Product Link styles. */

a.product:link
{
	color: var(--Product-Color);
	text-decoration: none;
}

a.product:visited
{
	color: var(--Product-Color);
}

a.product:hover
{
	color: var(--Black);
}

a.underlined
{
	text-decoration: underline;
	color: inherit;
}

a.VideoLinkMC
{
	color: #f36d21;
}

/* Image styles. */
/* Do NOT add styling such as borders to the basic img tag. The img tag is used for drop-down widgets and other elements on the page. */

img
{
	max-width: 100%;
	height: auto;
}

img.LandscapeNoThumbnail
{
	max-width: 100%;
	padding: 10px;
	border: 1px solid #ebeced;
}

img.PortraitNoThumbnail
{
	padding: 10px;
	border: 1px solid #ebeced;
}

img.Landscape200
{
	max-width: 1200px;
	mc-thumbnail: popup;
	mc-thumbnail-max-height: auto;
	mc-thumbnail-max-width: 200px;
	padding: 10px;
	border: 1px solid #ebeced;
}

img.Landscape400
{
	max-width: 1200px;
	mc-thumbnail: popup;
	mc-thumbnail-max-height: auto;
	mc-thumbnail-max-width: 400px;
	padding: 10px;
	border: 1px solid #ebeced;
}

img.Landscape600
{
	max-width: 1200px;
	mc-thumbnail: popup;
	mc-thumbnail-max-height: auto;
	mc-thumbnail-max-width: 600px;
	padding: 10px;
	border: 1px solid #ebeced;
}

img.Portrait250
{
	max-width: 1200px;
	mc-thumbnail: popup;
	mc-thumbnail-max-height: 250px;
	mc-thumbnail-max-width: auto;
	padding: 10px;
	border: 1px solid #ebeced;
}

img.ThumbnailTiles
{
	padding: 26px 4px 4px;
	border: 0;
	max-width: 60%;
}

img.PortraitNoThumbnail
{
	padding: 10px;
	border: 1px solid #ebeced;
}

img.Portrait350
{
	max-width: 1200px;
	mc-thumbnail: popup;
	mc-thumbnail-max-width: auto;
	padding: 10px;
	border: 1px solid #ebeced;
	mc-thumbnail-max-height: 350px;
}

img.Portrait400
{
	max-width: 1200px;
	mc-thumbnail: popup;
	mc-thumbnail-max-width: auto;
	padding: 10px;
	border: 1px solid #ebeced;
	mc-thumbnail-max-height: 400px;
}

img[class*="Landscape"]:hover,
img[class*="Portrait"]:hover
{
	padding: 9px;
	border: 2px solid #6a8cc5;
}

/* Use this style for icons on the resource pages.*/

img.icon
{
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	padding-right: 8px;
}

div.FloatRight
{
	float: right;
	padding-left: 30pt;
}

p
{
	font-family: var(--Font-Text-Main);
	font-size: 12pt;
	margin-top: 4pt;
	margin-bottom: 8pt;
	line-height: 18pt;
	letter-spacing: 0;
	mc-hyphenate: never;
}

/* Comment style for internal use to add author comments suppressed in the general output. */

p.Comment
{
	border-radius: 5px;
	margin-left: 0px;
	margin-right: 50px;
	padding: 3px 10px;
	color: var(--Black);
	background-color: var(--Gray-ExtraLight);
	mc-conditions: 'Display.Comment';
}

p.Comment:before
{
	content: "Author Comment: ";
	font-weight: 700;
	color: var(--Product-Color);
}

/* Note styles */

div.note,
div.tip,
p.note,
p.tip
{
	padding: 4px 6px 6px 76px;
	width: auto;
	min-height: 45px;
	min-width: 400px;
	margin-bottom: 12px;
	margin-top: 12px;
	margin-left: 6px;
	page-break-inside: avoid;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size: auto;
	background-image: url('../Icons/note.png');
	background-color: var(--Gray-ExtraLight);
	mc-next-tag: 'p';
	mc-disable-glossary-terms: true;
}

div.tip,
p.tip
{
	background-image: url('../Icons/tip.png');
}

div.note > p,
div.tip > p
{
	padding-top: 0px;
	margin-top: 0px;
}

div.note,
div.tip
{
	overflow: scroll;
	overflow-x: auto;
	overflow-y: auto;
}

/* 
div.StepByStep img[class*="Landscape"]
*/

div.note img[class*="Landscape"],
div.tip img[class*="Landscape"],
div.note img[class*="Portrait"],
div.tip img[class*="Portrait"]
{
	border-color: var(--Gray-Medium);
}

div.note img[class*="Landscape"]:hover,
div.tip img[class*="Landscape"]:hover,
div.note img[class*="Portrait"]:hover,
div.tip img[class*="Portrait"]:hover
{
	padding: 9px;
	border: 2px solid #6a8cc5;
}

/* Remove browser outlines when an element receives focus. */

input:focus,
select:focus,
textarea:focus,
button:focus
{
	outline: none;
}

/* Heading styles. */

h1
{
	font-family: var(--Font-Display);
	color: var(--Gray-Medium);
	text-transform: uppercase;
	mc-hyphenate: never;
	clear: both;
	letter-spacing: 0.14rem;
}

h1.ineight-com-h1-match
{
	font-size: 2.75rem;
	margin-top: 0;
	margin-bottom: 18pt;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.2;
}

h1.ineight-com-h2-match
{
	font-size: 2.5rem;
	line-height: 1.1;
	letter-spacing: 1px;
	margin-bottom: 20px;
}

h1.ineight-com-h3-match
{
	font-size: 2.25rem;
	line-height: 1.05;
	margin-bottom: 15px;
}

h3,
h4,
h5,
h6
{
	font-family: var(--Font-Header-Light);
	color: var(--Gray-Dark);
	mc-hyphenate: never;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
}

h1
{
	font-size: 20pt;
	margin-top: 0;
	margin-bottom: 18pt;
	font-weight: 400;
}

h2
{
	font-family: var(--Font-Header-Normal);
	color: var(--Product-Color);
	text-transform: uppercase;
	font-size: 16pt;
	margin-top: 20pt;
	margin-bottom: 14pt;
	mc-hyphenate: never;
	clear: both;
	letter-spacing: 0.12rem;
}

h1 + h2
{
	margin-top: 0;
}

h3
{
	font-size: 12pt;
	margin-top: 18pt;
	margin-bottom: 12pt;
	color: var(--Gray-Medium);
}

h3.StepByStep,
h3.Exercise,
h3.Summary
{
	font-family: var(--Font-Header-Light);
	color: var(--White);
	padding: 6px 12px;
	font-size: 12pt;
	margin-top: 18pt;
	margin-bottom: 0;
	text-align: left;
	letter-spacing: 1px;
	text-transform: uppercase;
}

h3.StepByStep
{
	background-color: #4D585A;
}

h3.Exercise
{
	background-color: var(--Product-Color);
	mc-next-tag: 'p';
	mc-next-class: 'ExerciseStart';
}

h3.Summary
{
	background-color: var(--Product-Color);
}

h4
{
	font-size: 12pt;
	margin-top: 16pt;
	margin-bottom: 10pt;
	color: var(--Green-InEight);
}

h5
{
	font-size: 12pt;
	margin-top: 14pt;
	margin-bottom: 8pt;
	font-style: italic;
}

h6
{
	font-size: 12pt;
	margin-top: 14pt;
	margin-bottom: 8pt;
}

/* autonumbers in HTML only */

h1,
h1.Lesson,
h1.Chapter,
h1.Section
{
	mc-auto-number-class: ChapAutoNum;
	mc-auto-number-format: 'CH:{ }{ =0}{ =0}{ =0}{ =0}{ =0}';
}

.NoNumber
{
	mc-auto-number-class: ChapAutoNum;
	mc-auto-number-format: 'CH:{ }{ }{ }{ }{ }{ }';
}

h3.Exercise
{
	mc-auto-number-class: ExerciseAutoNum;
	mc-auto-number-format: 'CH:Exercise { }{ }{ }{ }{n+}{ } — ';
}

h3.Summary
{
	mc-auto-number-class: ExerciseAutoNum;
	mc-auto-number-format: 'CH:Lesson {chapnum} ';
}

h3.StepByStep
{
	mc-auto-number-class: StepAutoNum;
	mc-auto-number-format: 'CH:{ }{ }{ }{ }{ } Step by Step — ';
}

/* Video titles  */

h4.ThumbTilesH4
{
	mc-hyphenate: never;
	margin-bottom: 10pt;
	margin-top: 4pt;
	font-family: var(--Font-Display);
	font-weight: normal;
	color: var(--Gray-MediumLight);
	font-size: 14pt;
	letter-spacing: .5px;
	text-transform: uppercase;
}

h4.VideoTitleGrey
{
	font-size: 12pt;
	margin-bottom: 20pt;
	margin-top: 5pt;
	mc-hyphenate: never;
	font-family: var(Font-Header-SemiBold);
	color: var(--Gray-MediumLight);
}

/* Optional styling for autonumbers */

/*
.StepAutoNum,
.ExerciseAutoNum,
.ChapAutoNum
{
	
}
*/

/* Dropdown styles */

MadCap|dropDown
{
	mc-image-position: left;
	mc-image-spacing: 10px;
	mc-open-image: url('../Icons/Minus.png');
	mc-closed-image: url('../Icons/Plus.png');
	clear: both;
	margin: 12pt 0px;
}

MadCap|dropDownBody
{
	padding: 10px 0px 0px 20px;
	margin-left: 14px;
	border-left: 2px solid var(--Gray-ExtraLight);
	border-top: none;
	background-color: var(--White);
	mc-hidden: hidden;
}

MadCap|dropDownHead
{
	font-size: 14pt;
	font-family: var(--Font-Text-Main);
	line-height: 22pt;
	padding: 5px 5px;
	border: none;
	color: var(--Gray-Medium);
	background-color: var(--White);
	page-break-after: avoid;
	mc-hidden: hidden;
}

MadCap|dropDownHotspot
{
	cursor: hand;
	text-decoration: none;
	padding: 2px;
	color: var(--Gray-Medium);
	mc-hidden: hidden;
}

MadCap|dropDownHotspot:hover
{
	color: var(--Gray-Medium);
	mc-hidden: hidden;
}

/* This style is used for FAQs */

MadCap|dropDown.faq
{
	mc-image-position: left;
	mc-image-spacing: 10px;
	mc-open-image: url('../Icons/chevron-down.png');
	mc-closed-image: url('../Icons/chevron-right.png');
	clear: both;
	margin: 8pt 0px;
	border-bottom: solid 1px #ecedef;
}

MadCap|dropDown.faq-top-row
{
	mc-image-position: left;
	mc-image-spacing: 10px;
	mc-open-image: url('../Icons/chevron-down.png');
	mc-closed-image: url('../Icons/chevron-right.png');
	clear: both;
	margin: 8pt 0px;
	border-bottom: solid 1px #ecedef;
	border-top: solid 1px #ecedef;
	padding-top: 8pt;
}

MadCap|dropDownHead.faq
{
	font-size: 12pt;
	line-height: 16pt;
	padding-bottom: 8pt;
	padding-top: 0;
	color: var(--Product-Color);
	font-family: var(--Font-Text-Main);
}

MadCap|dropDownBody.faq
{
	padding: 10px 0px 0px 20px;
	margin-left: 14px;
	border-left: none;
	border-top: none;
	background-color: var(--White);
	mc-hidden: hidden;
}

/* Special dropdown style for scenarios. Styles for the divs contained in this are in the layout stylesheet. */

MadCap|dropDown.Scenario
{
	mc-image-position: left;
	mc-image-spacing: 10pt;
	mc-open-image: url('../Icons/MinusWhite.png');
	mc-closed-image: url('../Icons/PlusWhite.png');
	margin: 12pt 0px;
}

/* Expanding body styles; not currently used */

MadCap|expandingBody
{
	color: var(--Gray-Dark);
	font-style: italic;
	mc-hidden: hidden;
}

MadCap|expandingHead
{
	font-style: italic;
	font-weight: normal;
	cursor: hand;
	text-decoration: none;
	color: var(--Gray-Dark);
	mc-hidden: hidden;
}

/* Cross-reference styles */

MadCap|xref
{
	font-family: inherit;
	color: inherit;
	mc-format: '{quote}{paratext}{quote}';
	text-decoration: none;
	font-style: inherit;
}

MadCap|xref.NoQuote
{
	font-family: inherit;
	color: inherit;
	mc-format: '{paratext}';
	text-decoration: none;
	font-style: inherit;
}

a.xref:link
{
	color: inherit;
}

a.xref:visited
{
	color: inherit;
}

a.xref:hover
{
	
}

a.xref:active
{
	
}

/* List styles */

ul,
ol
{
	margin-top: 8px;
	margin-bottom: 8px;
	padding-top: 0px;
	padding-bottom: 0px;
}

li,
li p
{
	margin-bottom: 8px;
	margin-top: 8px;
	padding-top: 0px;
	padding-bottom: 0px;
	widows: 2;
	orphans: 2;
	mc-hyphenate: never;
}

ol.Underline > li
{
	border-bottom: 1px solid var(--Gray-Light);
	padding: 4pt 12pt 10pt 0;
	margin-right: 24pt;
}

/*
ol.Underline > li:last-child
{
	border: none;
}
*/

/* Table Styles */

table
{
	mc-caption-continuation: ' (continued)';
	mc-caption-repeat: true;
	clear: both;
}

td ul,
td ol
{
	margin-top: 4px;
	margin-bottom: 4px;
	padding-top: 0px;
	padding-bottom: 0px;
}

td,
td p,
td li,
td li p
{
	font-family: var(--Font-Text-Main);
	line-height: 18pt;
	margin-top: 1pt;
	margin-bottom: 1pt;
	padding-top: 0px;
	padding-bottom: 0px;
}

th,
th p
{
	font-family: var(--Font-Header-SemiBold);
	font-size: 12pt;
	line-height: 18pt;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
}

caption
{
	font-size: 14pt;
	line-height: 16pt;
	color: #6a8cc5;
	font-family: var(--Font-Header-SemiBold);
	padding-bottom: 8px;
	mc-disable-glossary-terms: true;
}

td,
th
{
	mc-hyphenate: never;
}

/* Add space if an image directly follows a table */

table + p > img
{
	padding-top: 16pt;
}

/* Trick to change the background color of a note or tip to white if it is in a table cell with a shaded background. */

table.TableStyle-InEightStandardTable tbody > tr:nth-child(odd) p.note,
table.TableStyle-InEightStandardTable tbody > tr:nth-child(odd) div.note,
table.TableStyle-InEightStandardTable tbody > tr:nth-child(odd) p.tip,
table.TableStyle-InEightStandardTable tbody > tr:nth-child(odd) div.tip
{
	background-color: var(--White);
}

/* Step-by-step and Exercise div style */

div.StepByStep
{
	margin: 0 0 14pt 0;
	padding: 12pt 6pt 6pt 6pt;
	border: 1px solid var(--Gray-ExtraLight);
	border-radius: 0 0 5px 5px;
}

p.ExerciseStart
{
	background-color: var(--Gray-ExtraLight);
	margin: 0;
	padding: 4pt 6pt 4pt 6pt;
}

p.ExerciseEnd,
p.Divider
{
	font-family: var(--Font-Header-SemiBold);
	background-color: var(--Product-Color);
	color: var(--White);
	text-align: center;
	margin: 6pt 0;
	padding: 6px 12px;
	font-size: 14pt;
	letter-spacing: 1px;
}

p.Divider
{
	text-align: left;
	mc-next-tag: 'p';
}

div.StepByStep p.Divider
{
	background-color: #4D585A;
	margin: 6pt -6pt 6pt -6pt;
}

/*div.Exercise, */

div.StepByStep
{
	overflow: scroll;
	overflow-x: auto;
	overflow-y: auto;
}

/* span styles */

span.ProductColor
{
	color: var(--Product-Color);
}

span.Bold
{
	font-weight: bold;
}

span.Italic
{
	font-style: italic;
}

span.BoldItalic
{
	font-weight: bold;
	font-style: italic;
}

span.Underline
{
	text-decoration: underline;
}

span.HeaderItalic
{
	font-family: var(--Font-Header-Italic);
	font-style: italic;
	font-size: inherit;
}

span.HeaderBold
{
	font-family: var(--Font-Header-Bold);
	font-weight: 700;
	font-size: inherit;
}

span.HeaderSemiBold
{
	font-family: var(--Font-Header-SemiBold);
	font-size: inherit;
}

/* Search highlight colors. These are the background colors that appear around searched terms 
when the viewer opens a topic page from the search results page. */

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

span.SearchHighlight2
{
	background-color: #e2fdf5;
}

span.SearchHighlight3
{
	background-color: #f2dede;
}

span.SearchHighlight4
{
	background-color: #efd9ff;
}

/* Generic classes */

.Center
{
	position: relative;
	margin-right: auto;
	margin-left: auto;
	float: none !important;
	text-align: center;
}

.CenterText
{
	text-align: center;
}

.RightText
{
	text-align: right;
}

.PageBreakBefore
{
	page-break-before: always;
}

.PageBreakAfter
{
	page-break-after: always;
}

.NoBorder
{
	border: none;
}

.ClearFloat
{
	clear: both;
}

MadCap|toggler
{
	color: #999999;
	text-decoration: underline;
}

div#search-results
{
	mc-hidden: hidden;
}

@media only screen and (max-width: 1179px)
{
	h1
	{
		margin-top: 20pt;
	}

	div.HelpVideoRow > div:nth-child(4)
	{
		width: 8.3333%;
	}

	div.HelpVideoRow > div:nth-child(4)
	{
		
	}

	div.HelpVideoRow > div:nth-child(4)
	{
		margin-left: 0%;
	}

	div.HelpVideoRow > div:nth-child(4)
	{
		
	}
}

@media only screen and (max-width: 700px)
{
	img.Landscape600
	{
		mc-thumbnail-max-height: auto;
		mc-thumbnail-max-width: 400px;
	}

	div.HelpVideoRow > div:nth-child(4)
	{
		width: 8.3333%;
	}

	div.HelpVideoRow > div:nth-child(4)
	{
		
	}

	div.HelpVideoRow > div:nth-child(4)
	{
		margin-left: 0%;
	}

	div.HelpVideoRow > div:nth-child(4)
	{
		
	}
}

@media print
{
	/* Hide unnecessary HTML elements when an HTML page is printed */

	div.breadcrumbs,
	div.menu-search-container,
	div.pseudo-menu-container,
	button#ReturnToTop,
	div#ToolbarTable,
	div.ToolbarTopSpace,
	div.AdditionalInfoCategories,
	div.related-content-container,
	div#relevant-links-container
	{
		display: none;
		mc-hidden: hidden;
	}

	div.three-column-layout > div:nth-child(1),
	div.three-column-layout > div:nth-child(3)
	{
		width: 0px;
		border-left: 1px solid white;
		border-right: 1px solid white;
		position: static;
		margin-right: 0;
		margin-left: 0;
		visibility: inivisble;
		mc-hidden: hidden;
	}

	/* Make text column full-size when printing an article with related topics */

	div.topic-layout,
	div.three-column-layout > div:nth-child(2)
	{
		min-height: 100%;
		max-height: 100%;
		min-width: 100%;
		max-width: 100%;
		float: none;
		width: 100%;
		border-left: none;
		border-right: none;
		-moz-box-sizing: content-box;
		box-sizing: content-box;
		mc-hidden: hidden;
	}

	div.three-column-layout > div:nth-child(2) *
	{
		width: 100%;
	}

	/* Links */

	MadCap|xref
	{
		mc-format: '{quote}{paranum}{paratext}{quote} on page {page}';
		text-decoration: none;
	}

	MadCap|xref
	{
		mc-format: '{paranum}{paratext} on page {page}';
		text-decoration: none;
	}

	p
	{
		font-family: Calibri;
		font-size: 12pt;
		line-height: 16pt;
	}

	p.Comment
	{
		border-radius: 5px;
		margin-right: .5in;
		color: var(--Black);
		background-color: var(--White);
		border: 1px dotted var(--Black);
		mc-conditions: 'Display.Comment';
	}

	/* PRINT heading styles */

	h1
	{
		font-family: var(--Font-Header-Bold);
		font-weight: bold;
		color: var(--Product-Color);
		font-size: 18pt;
		margin-top: 24pt;
		page-break-after: avoid;
		page-break-before: auto;
	}

	h1.Lesson,
	h1.Chapter,
	h1.Section
	{
		color: var(--Product-Color);
		font-size: 24pt;
		line-height: 34pt;
	}

	h2,
	h3,
	h4,
	h5,
	h6
	{
		font-family: var(--Font-Header-SemiBold);
		page-break-after: avoid;
	}

	h2
	{
		color: var(--Product-Color);
		font-size: 16pt;
	}

	h3
	{
		color: var(--Product-Color);
		font-size: 14pt;
	}

	h3.StepByStep,
	h3.Exercise,
	h3.Summary
	{
		font-size: 14pt;
		margin-top: 18pt;
		margin-bottom: 6pt;
		letter-spacing: 0px;
		padding: 6px 12px;
	}

	h3.Exercise
	{
		margin-bottom: 0;
	}

	h4,
	h5
	{
		color: var(--Gray-Medium);
		font-size: 14pt;
		font-style: normal;
	}

	/* PRINT autonumbers */

	h1
	{
		mc-auto-number-class: ChapAutoNum;
		mc-auto-number-format: 'CH:{chapnum}.{n+}{ =0}{ =0}{ }{ =0} ';
	}

	h1.Lesson
	{
		mc-auto-number-class: ChapAutoNum;
		mc-auto-number-format: 'CH:Lesson {chapnum}{ =0}{ =0}{ =0}{ =0}{ =0} — ';
	}

	h1.Chapter
	{
		mc-auto-number-class: ChapAutoNum;
		mc-auto-number-format: 'CH:Chapter {chapnum}{ =0}{ =0}{ =0}{ =0}{ =0} — ';
	}

	h1.Section
	{
		mc-auto-number-class: ChapAutoNum;
		mc-auto-number-format: 'CH:{chapnum}.{ =0}{ =0}{ =0}{ =0}{ =0} ';
	}

	h2
	{
		mc-auto-number-class: ChapAutoNum;
		mc-auto-number-format: 'CH:{chapnum}.{n}.{n+}{ }{ }{ } ';
	}

	h3
	{
		mc-auto-number-class: ChapAutoNum;
		mc-auto-number-format: 'CH:{chapnum}.{n}.{n}.{n+}{ }{ } ';
	}

	h3.Exercise
	{
		mc-auto-number-class: ExerciseAutoNum;
		mc-auto-number-format: 'CH:Exercise {chapnum}.{ }{ }{ }{n+}{ } — ';
	}

	h3.StepByStep
	{
		mc-auto-number-class: StepAutoNum;
		mc-auto-number-format: 'CH:{chapnum}.{n}{ }{ }{ } Step by Step {n+} — ';
	}

	.NoNumber
	{
		mc-auto-number-class: ChapAutoNum;
		mc-auto-number-format: 'CH:{ }{ }{ }{ }{ }{ }';
	}

	/* Optional styling for autonumbers */

	/*
	.StepAutoNum,
	.ExerciseAutoNum,
	.ChapAutoNum
	{
		
	}
	*/

	div div.FloatRight
	{
		margin-right: .9in;
	}

	/* PRINT image styles */

	img.LandscapeNoThumbnail,
	img.Landscape200,
	img.Landscape400,
	img.Landscape600,
	img.Portrait250
	{
		max-width: 95%;
		width: auto;
		height: auto;
		page-break-inside: avoid;
		padding: 6pt;
		margin-top: 4pt;
		margin-bottom: 4pt;
		border: 1px solid var(--Gray-Light);
		/* box-shadow: 4px 4px 6px 2px var(--Gray-Medium); */
	}

	img.Landscape200
	{
		min-width: 35%;
	}

	img.Landscape400
	{
		min-width: 70%;
	}

	img.Landscape600
	{
		min-width: 85%;
	}

	img.Portrait250
	{
		max-width: 37.5%;
		min-width: 25%;
		height: auto;
	}

	img.PortraitNoThumbnail
	{
		max-height: 95%;
		max-width: auto;
		width: auto;
		height: auto;
		page-break-inside: avoid;
		padding: 6pt;
		margin-top: 4pt;
		margin-bottom: 4pt;
		border: 1px solid var(--Gray-Light);
	}

	/* Does not appear to be recognized when Flare generates a PDF if NoBorder is an added class. */

	.NoBorder
	{
		border: none;
	}

	div.StepByStep
	{
		margin: 0 0 14pt 0;
		padding: 12pt 0pt 6pt 0pt;
		border: none;
		border-radius: 0;
		background-color: var(--White);
		overflow: visible;
		overflow-x: visible;
		overflow-y: visible;
	}

	div.StepByStep p.Divider
	{
		margin: 6pt 30pt 6pt 30pt;
		background-color: var(--White);
		color: var(--Gray-Medium);
		text-align: center;
		padding: 4pt;
		border-top: 1px solid var(--Gray-Medium);
		border-bottom: 1px solid var(--Gray-Medium);
	}

	/* PDF Header and footer styles */

	p.Header,
	p.Footer
	{
		font-family: var(--Font-Header-Main);
		font-size: 10pt;
		line-height: 12pt;
		color: var(--Gray-Medium);
		font-weight: normal;
		margin: 0;
		padding: 0;
		mc-hyphenate: never;
		mc-hidden: hidden;
	}

	/* PRINT table styles */

	td,
	td p,
	td li,
	td li p
	{
		line-height: 15pt;
	}

	th,
	th p
	{
		line-height: 15pt;
	}

	/* Index styles */

	MadCap|indexProxy
	{
		border-top: none;
	}

	/* Print index styles */

	p.IndexHeading,
	p.IndexHeading_0,
	[class^="IndexHeading"]
	{
		color: var(--White);
		background-color: var(--Green-InEight);
		font-family: var(--Font-Header-SemiBold);
		font-size: 1.3em;
		line-height: 1.3em;
		font-weight: 900;
		margin-bottom: 5px;
		margin-top: 25px;
		margin-left: 0px;
		border: none;
		text-align: left;
		padding: 2px;
		width: 30px;
		text-align: center;
	}

	p.Index1,
	p.Index2,
	p.Index3,
	p.Index4
	{
		font-family: var(--Font-Text-Main);
		font-size: 11pt;
		line-height: 12pt;
		mc-reference-separator: ',';
		mc-multiline-indent: 0.15in;
		mc-leader-format: '.';
		mc-leader-offset: 25px;
		mc-leader-align: right;
		column-break-inside: avoid;
	}

	p.Index1
	{
		margin-bottom: 0;
		margin-left: 0in;
		margin-top: 2pt;
		padding: 0;
	}

	p.Index2
	{
		margin-bottom: 0;
		margin-left: 0.2in;
		margin-top: 1pt;
		padding: 0;
	}

	p.Index3
	{
		margin-bottom: 0em;
		margin-left: 0.4in;
		margin-top: 1pt;
		padding: 0;
	}

	p.Index4
	{
		margin-bottom: 0em;
		margin-left: 0.6in;
		margin-top: 1pt;
		padding: 0;
	}

	/* PDF Heading Levels */

	h1
	{
		mc-heading-level: 2;
	}

	h1.Lesson,
	h1.Chapter,
	h1.Section
	{
		mc-heading-level: 1;
	}

	h2
	{
		mc-heading-level: 3;
	}

	h3,
	h3.StepByStep
	{
		mc-heading-level: 4;
	}

	h3.Exercise,
	h3.Summary
	{
		mc-heading-level: 2;
	}

	h4
	{
		mc-heading-level: 5;
	}

	h5
	{
		mc-heading-level: 0;
	}

	h6
	{
		mc-heading-level: 0;
	}

	.NoTOC
	{
		mc-heading-level: 0;
	}
}

h3.StepByStepnew
{
	font-family: var(--Font-Header-SemiBold);
	color: var(--White);
	font-size: 16pt;
	margin-top: 18pt;
	margin-bottom: 0;
	text-align: left;
	mc-auto-number-class: StepAutoNum;
	mc-auto-number-format: 'CH:{ }{ }{ }{ }{ } Step by Step {n+} — ';
	background-color: #a9a9a9;
	letter-spacing: 1px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 6px;
	padding-bottom: 6px;
}

p.HeadingReleaseNotes
{
	color: var(--Gray-Dark);
	font-family: var(--Font-Header-SemiBold);
	font-weight: bold;
	font-size: 13pt;
}

/*
.height-container
{
	position: static;
}
*/

h4.Productcolor
{
	color: var(--Product-Color);
}

span.Border
{
	border-bottom: solid 2px #576162;
	border-top: solid 2px #576162;
}

div.Border
{
	border-bottom: solid 1px #ebeced;
	border-top: solid 1px #ebeced;
}

div.BackgroundLinks
{
	background-color: #fef3d7;
}

span.ProductColorVideo
{
	font-weight: bold;
}

div.textalign
{
	vertical-align: middle;
}

img.middlealign
{
	max-width: 100%;
	height: 40px;
	width: auto;
	vertical-align: middle;
}

MadCap|relatedTopics.Doc
{
	color: #ff6c0c;
}

/*
.height-container
{
	position: static;
}
*/

script.border
{
	
}

span.ProductColorVideoTitle
{
	font-weight: lighter;
	font-size: 14pt;
	padding-left: 10;
	color: #000000;
	display: inline-block;
	text-decoration: none;
}

span.ProductColorVideo
{
	color: var(--Product-Color);
	font-weight: bold;
	font-size: 14pt;
	display: inline-block;
	text-decoration: none;
	text-indent: 4px;
}

div.seealso
{
	padding-left: 10px;
	padding-bottom: 10px;
	border-radius: 0px;
	border-left: solid 5px #6b8e23;
	background-color: #fffaf0;
	margin-bottom: 30px;
	padding-top: 10px;
	margin-top: 30px;
}

span.VideoTItleMC
{
	font-weight: normal;
	font-size: 12;
	color: #f36d21;
}

span.SeeAlsoTitle
{
	padding-left: 10;
	color: #000000;
	font-size: 14pt;
	font-weight: lighter;
}

MadCap|xref.underlined
{
	color: inherit;
	font-family: inherit;
	font-style: inherit;
	mc-format: '{quote}{paratext}{quote}';
	text-decoration: underline;
}

div.HelpVideoRow	/*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

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

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

div.HelpVideoRow > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 5px;
	padding-right: 5px;
}

div.HelpVideoRow > div:nth-child(1)
{
	width: 30%;
	margin-left: 3%;
}

div.HelpVideoRow > div:nth-child(2)
{
	margin-left: 3%;
	width: 30%;
}

div.HelpVideoRow > div:nth-child(3)
{
	width: 30%;
	margin-left: 3%;
}

@media only screen and (max-width: 1179px)
{
	h1
	{
		margin-top: 20pt;
	}

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

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

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

@media only screen and (max-width: 700px)
{
	img.Landscape600
	{
		mc-thumbnail-max-height: auto;
		mc-thumbnail-max-width: 400px;
	}

	div.HelpVideoRow > div:nth-child(1)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.HelpVideoRow > div:nth-child(2)
	{
		width: 100%;
		margin-left: 0%;
	}

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

span.H4GreyColour
{
	color: #6e6e6e;
}

MadCap|xref.underlined
{
	color: inherit;
	font-family: inherit;
	font-style: inherit;
	mc-format: '{quote}{paratext}{quote}';
	text-decoration: underline;
}

MadCap|relatedTopics.Grey
{
	mc-help-control-display: list;
	mc-image: url('../Icons/SeeAlsoIcon.png');
	color: #4d595a;
}

MadCap|xref.blueUnderline
{
	mc-format: '{u}{color blue}{paratext}{/color}{/u}';
}

p.Update
{
	font-size: 9pt;
	font-style: italic;
}

.title-bar-section.middle
{
	min-height: 0.5em !important;
}

/*Product Home page Styles*/

span.ProductColorVideoTitle-home
{
	font-weight: lighter;
	color: #000000;
	text-decoration: none;
}

span.ProductColorVideo-home
{
	color: var(--Product-Color);
	text-decoration: none;
	text-indent: 4px;
	font-weight: normal;
}

/*Search Styling Overrides */

#resultList h3.title a
{
	text-decoration: none;
	font-weight: bolder;
	text-transform: none;
	color: #6a8cc5;
	font-size: 1em;
}

#resultList .url cite
{
	color: #a94465;
	font-size: 0.8em;
	font-style: normal;
}

/*Resource Page Styless */

.resource-link
{
	font-size: 14pt;
	color: #4d595a;
}