/*<meta conditions="Products.All-Products" />*/

/* Due to an issue with Google Chrome, content within the body of topics inherits the hover color of MadCap styles (e.g., MadCap|xref:hover). To prevent this situation, Flare will automatically add the following namespace rule at the beginning of the CSS files in the output. */

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

/* We have embedded the following fonts in our project so that end users can see them in the output. */

@font-face 
{
	font-family: 'Roboto';
	src: url(../../Fonts/Roboto-Regular.ttf);
}

@font-face 
{
	font-family: 'Roboto Light';
	src: url(../../Fonts/Roboto-Light.ttf);
}

@font-face 
{
	font-family: 'Roboto Medium';
	src: url(../../Fonts/Roboto-Medium.ttf);
}

@font-face 
{
	font-family: 'Roboto Black';
	src: url(../../Fonts/Roboto-Black.ttf);
}

:root	/*CSS Variables. Control the values (in this case, colors) in one place and refer to them in various places throughout the stylesheet. We added these before the branding feature was released, so that's why they're located here and named the way they are. */
{
	--Black: #000000;
	--Capture: #20b2e7;
	--Central2: #00657c;
	--Dark-Gray: #282828;
	--D2H: #6fbfa7;
	--Example: #5308be;
	--Flare: #bed420;
	--Medium-Gray: #7d858a;
	--Light-Gray: #d0d3d5;
	--Light-Gray2: #fafafa;
	--Lingo: #f48520;
	--MadCap1: #0c3168;
	--MadCap2: #1c5a97;
	--MadCap3: #25bcc3;
	--MadCap4: #058A95;
	--Note: #fdc80b;
	--Pulse: #063ca6;
	--Red: #cb1313;
	--Warning: #ff6b31;
	--White: #ffffff;
}

body	/* This is the widest style where we have settings (apart from the html style). All other styles in the project will inherit these values, but some of the lower-level styles have values that override these. */
{
	font-family: 'Roboto Light', Arial, Avenir, Myriad;
	font-size: .9em;
	line-height: 1.7em;
	color: #282828;
	mc-hyphenate: never;
}

.body-container,
._Skins_Align_Align_Side_Navigation .body-container,
._Skins_Capture_Capture_Side_Navigation .body-container,
._Skins_Flare_Online_Flare_Online_Side_Navigation .body-container,
._Skins_Contributor_Contributor_Side_Navigation .body-container,
._Skins_D2H_D2H_Side_Navigation .body-container,
._Skins_Doc_Bible_Doc_Bible_Side_Navigation .body-container,
._Skins_Flare_Desktop_Flare_Desktop_Side_Navigation .body-container,
._Skins_Lingo_Lingo_Side_Navigation .body-container,
._Skins_Mimic_Mimic_Side_Navigation .body-container	/*Styles the padding in the main body section so that there is space between the content and the navigation or header area. */
{
	padding-top: 1em;
	padding-left: 2em;
	padding-right: 1em;
	overflow: auto;
}

div	/*This is the style used for containers in general. In practice it usually has a class or is used in a complex selector. */
{
	
}

div.topic-body	/*Styles the area holding the breadcrumbs and topic toolbar at the top of topics. */
{
	margin-left: 10px;
	margin-right: 10px;
}

div.topic-body2	/*Styles the area holding the topic toolbar at the top of topics that do not display breadcrumbs. */
{
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 20px;
}

/*Generic Classes */

.BoldWarning	/*Styles text that you want to emphasize in red bold as a warning about something. */
{
	color: #ff6b31;
	font-style: normal;
	font-weight: bold;
}

.center	/*Can be used by any block content to center it on the page. */
{
	text-align: center;
}

.Emphasis,
p.Emphasis	/*Used in place of bold to apply emphasis to text. Had to add a class directly to the p tag so that we can set it to be used in advance in the table stylesheet.*/
{
	font-weight: bold;
}

.EmphasisItalic	/*Used in place of italic to apply emphasis to text. */
{
	font-weight: normal;
	font-style: italic;
}

.EmphasisItalicBold	/*Used when we want text to be not only bold, but italic too. */
{
	font-style: italic;
	font-weight: bold;
}

.EmphasisRed	/*Used when we want to give a special alert to content through red and bold text. */
{
	font-weight: bold;
	color: #cb1313;
}

.extra-space-below	/*Adds some padding below the element. Often, this is applied to a div. For example, when you have a note at the bottoom of an example element.*/
{
	padding-bottom: 10px;
}

.FlareOnlineOnly	/*Applies the FlareOnlineOnly condition to the content automatically. Use this only if you are certain that this content will always need this condition, and only this condition applied to it. Otherwise, apply the condition to the content manually.*/
{
	mc-conditions: 'Products.Flare-Desktop-Online-Only';
}

.heading-level-0	/*We apply this to headings (usually h2) in a topic where that section is tagged to display only in micro content. This prevents the heading from being duplicated by the menu proxy at the top of the topic. */
{
	mc-heading-level: 0;
}

.Hide	/*Displays text in gray in the snippets used for menu proxies and mini-toc proxies so that we know the details about them when we insert them. It's just for our internal use since we hide the text in the output. */
{
	color: gray;
	display: none;
}

.IndentMediumTableCell	/*Adds space the left, above, and below content in a table cell. For example, we use this on text in the first column of a row that is a subset of a main row above it. */
{
	margin-left: 30px;
	margin-top: 8px;
	margin-bottom: 2px;
}

.max-width-one-hundred-percent	/*Sets content at 100% width. Mostly, we use this for the thumbnail images representing videos. We don't use the regular image 100% style because we don't want these images to be popups in online output. */
{
	max-width: 100%;
}

.NoMargin	/*Used when you don't want any spacing around content, such as the company and product information in the footer of the Home page topic. */
{
	margin: 0px;
}

.NoPageBreakBefore	/*Ensures that there is no page break before the element. It's empty in the Default medium, just so that the styles can be selected when viewing content in the Web layout. But it has values in the Print medium because that's where this feature might be used.*/
{
	
}

.OnlineOnly	/*Used for content that you always want to be conditioned for online output only, such as the drop-down hotspots for banners. */
{
	mc-conditions: 'General.Online-Only';
}

.PageBreakAfter	/*Ensures that there is a page break after the element. It's empty in the Default medium, just so that the styles can be selected when viewing content in the Web layout. But it has values in the Print medium because that's where this feature might be used.*/
{
	
}

.PageBreakBefore	/*Ensures that there is a page break before the element. It's empty in the Default medium, just so that the styles can be selected when viewing content in the Web layout. But it has values in the Print medium because that's where this feature might be used.*/
{
	
}

.Space-Above-Micro-Content-Cells	/*This is for responsive layout cells used in micro content. We need extra space above some content to make it look even with an H2 in another cell when viewed in the topic.*/
{
	margin-top: 60px;
}

.TypedEntry	/*Used when you are telling users to type specific text on their computer. */
{
	font-family: 'Courier New';
}

.YellowBackground	/*Used to highlight specific text so that the user's eye quickly finds it in the midst of lots of other text. For example, we use this in one of the Flare Online AI Assist examples for enforcing style guide rules. */
{
	background-color: #ffff00;
}

/*IDs */

#myBtn	/*Used for the back-to-top button that displays via JavaScript when you're looking at a long topic in the online output. */
{
	display: none;
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 99;
	font-size: 18px;
	border: none;
	outline: none;
	color: transparent;
	cursor: pointer;
	padding: 15px;
	border-radius: 4px;
	background-color: #1c5a97;
	background-image: url('../../Images/Shared/All/General/Back-Top-White.png');
	background-position: center;
	background-repeat: no-repeat;
}

#myBtn:hover	/*Used for the back-to-top button that displays on hover via JavaScript when you're looking at a long topic in the online output. */
{
	background-color: #ffffff;
	background-image: url('../../Images/Shared/All/General/Back-Top-Blue.png');
	opacity: 50%;
}

button	/*Used to control the look of buttons, such as the back-top-top button in the output. We keep the background transparent on buttons. */
{
	background-color: transparent;
}

/*Banners */

div.banner	/*Used to control the look of banner areas at the top of some topics. */
{
	display: inline-block;
	border: none;
	margin: 0px;
	letter-spacing: .75;
	width: auto;
	background-color: transparent;
	padding: 0px;
}

div.banner-white-background	/*Used to control the look of banner areas at the top of some topics, such as tutorials. */
{
	display: inline-block;
	border: none;
	background-color: #ffffff;
	width: auto;
	letter-spacing: .75;
	margin: 0px 0px 30px;
	padding: 5px 5px 5px 0px;
}

p.InfoForDevelopers	/*Used to control the look of banner areas at the top of topics that contain information intended for developers. */
{
	border-radius: 6px;
	color: #ffffff;
	font-weight: bold;
	margin-bottom: 16px;
	margin-right: 0px;
	margin-top: 16px;
	padding: 14px 20px;
	text-align: center;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #cb1313;
	width: 100%;
}

p.OutputsSupported	/*Used for banners that display at the top of some topics in a drop-down (in online ouptut). */
{
	color: #282828;
}

p.OutputsSupported:before	/*Used for the prefix text in banners that display at the top of some topics in a drop-down (in online ouptut). */
{
	content: "Supported In: ";
	display: block;
	font-weight: bold;
	padding: 0px;
	text-align: left;
}

p.TutorialBannerAutonumbers,
p.TutorialBannerBackTopButton,
p.TutorialBannerCSH,
p.TutorialBannerCustomToolbar,
p.TutorialBannereLearning,
p.TutorialBannereLearningBasic,
p.TutorialBannerGettingStarted,
p.TutorialBannerImageTooltips,
p.TutorialBannerLists,
p.TutorialBannerMetaTags,
p.TutorialBannerMicroContentAdvanced,
p.TutorialBannerMicroContentBasic,
p.TutorialBannerResponsiveOutput,
p.TutorialBannerSingleSourcing,
p.TutorialBannerSnippetConditions,
p.TutorialBannerStylesBasic,
p.TutorialBannerStylesCreatingApplying,
p.TutorialBannerStylesMediums,
p.TutorialBannerStylesMediaQueries,
p.TutorialBannerStylesMultipleStylesheets,
p.TutorialBannerTables,
p.TutorialBannerWordImport	/*Used for banners that display at the top of tutorial topics. */
{
	border: none;
	margin: 0px;
	mc-auto-number-class: TutorialBanner;
	mc-auto-number-position: float-right;
	padding: 6px;
}

p.TutorialBannerAutonumbers	/*The autonumber text that displays the name of the Autonumbers Tutorial in the banner at the top of those topics. */
{
	mc-auto-number-format: 'AUTONUMBERS TUTORIAL';
}

p.TutorialBannerBackTopButton	/*The autonumber text that displays the name of the Back-To-Top Button Tutorial in the banner at the top of those topics. */
{
	mc-auto-number-format: 'BACK-TO-TOP BUTTON TUTORIAL';
}

p.TutorialBannerCSH	/*The autonumber text that displays the name of the Context-Sensitive Help Tutorial in the banner at the top of those topics. */
{
	mc-auto-number-format: 'CONTEXT-SENSITIVE HELP TUTORIAL';
}

p.TutorialBannerCustomToolbar	/*The autonumber text that displays the name of the Custom Toolbar Tutorial in the banner at the top of those topics. */
{
	mc-auto-number-format: 'CUSTOM TOOLBAR TUTORIAL';
}

p.TutorialBannereLearning	/*The autonumber text that displays the name of the eLearning Tutorial--Advanced in the banner at the top of those topics. */
{
	mc-auto-number-format: 'ELEARNING TUTORIAL—ADVANCED';
}

p.TutorialBannereLearningBasic	/*The autonumber text that displays the name of the eLearning Tutorial--Basic in the banner at the top of those topics. */
{
	mc-auto-number-format: 'ELEARNING TUTORIAL—BASIC';
}

p.TutorialBannerGettingStarted	/*The autonumber text that displays the name of the Getting Started Tutorial in the banner at the top of those topics. */
{
	mc-auto-number-format: 'GETTING STARTED TUTORIAL';
}

p.TutorialBannerImageTooltips	/*The autonumber text that displays the name of the Image Tooltips Tutorial in the banner at the top of those topics. */
{
	mc-auto-number-format: 'IMAGE TOOLTIPS TUTORIAL';
}

p.TutorialBannerLists	/*The autonumber text that displays the name of the Lists Tutorial in the banner at the top of those topics. */
{
	mc-auto-number-format: 'LISTS TUTORIAL';
}

p.TutorialBannerMetaTags	/*The autonumber text that displays the name of the Meta Tags Tutorial in the banner at the top of those topics. */
{
	mc-auto-number-format: 'META TAGS TUTORIAL';
}

p.TutorialBannerMicroContentAdvanced	/*The autonumber text that displays the name of the Micro Content Tutorial-Advanced in the banner at the top of those topics. */
{
	mc-auto-number-format: 'MICRO CONTENT TUTORIAL—ADVANCED';
}

p.TutorialBannerMicroContentBasic	/*The autonumber text that displays the name of the Micro Content Tutorial-Basic in the banner at the top of those topics. */
{
	mc-auto-number-format: 'MICRO CONTENT TUTORIAL—BASIC';
}

p.TutorialBannerResponsiveOutput	/*The autonumber text that displays the name of the Responsive Output Tutorial in the banner at the top of those topics. */
{
	mc-auto-number-format: 'RESPONSIVE OUTPUT TUTORIAL';
}

p.TutorialBannerSingleSourcing	/*The autonumber text that displays the name of the Single-Sourcing Tutorial in the banner at the top of those topics. */
{
	mc-auto-number-format: 'SINGLE-SOURCING TUTORIAL';
}

p.TutorialBannerSnippetConditions	/*The autonumber text that displays the name of the Snippet Conditions Tutorial in the banner at the top of those topics. */
{
	mc-auto-number-format: 'SNIPPET CONDITIONS TUTORIAL';
}

p.TutorialBannerStylesBasic	/*The autonumber text that displays the name of the Styles Tutorial--Understanding the Basics in the banner at the top of those topics. */
{
	mc-auto-number-format: 'STYLES TUTORIAL—UNDERSTANDING THE BASICS';
}

p.TutorialBannerStylesCreatingApplying	/*The autonumber text that displays the name of the Styles Tutorial--Creating and Applying in the banner at the top of those topics. */
{
	mc-auto-number-format: 'STYLES TUTORIAL—CREATING AND APPLYING';
}

p.TutorialBannerStylesMediums	/*The autonumber text that displays the name of the Styles Tutorial--Using Mediums in the banner at the top of those topics. */
{
	mc-auto-number-format: 'STYLES TUTORIAL—USING MEDIUMS';
}

p.TutorialBannerStylesMediaQueries	/*The autonumber text that displays the name of the Styles Tutorial--Using Media Queries in the banner at the top of those topics. */
{
	mc-auto-number-format: 'STYLES TUTORIAL—USING MEDIA QUERIES';
}

p.TutorialBannerStylesMultipleStylesheets	/*The autonumber text that displays the name of the Styles Tutorial--Using Multiple Stylesheets in the banner at the top of those topics. */
{
	mc-auto-number-format: 'STYLES TUTORIAL—USING MULTIPLE STYLESHEETS';
}

p.TutorialBannerTables	/*The autonumber text that displays the name of the Tables Tutorial in the banner at the top of those topics. */
{
	mc-auto-number-format: 'TABLES TUTORIAL';
}

p.TutorialBannerWordImport	/*The autonumber text that displays the name of the Word Import Tutorial in the banner at the top of those topics. */
{
	mc-auto-number-format: 'WORD IMPORT TUTORIAL';
}

/*Blockquotes */

blockquote.Ital	/*Typically used to display text taken directly from another source, such as Microsoft's definition of Mark of the Web. */
{
	font-style: italic;
}

/*Breadcrumbs*/

a.MCBreadcrumbsLink	/*Styles the links in the breadcrumbs at the top of some topics. */
{
	text-decoration: underline;
}

a.MCBreadcrumbsLink:hover	/*Styles the links in a hover state in the breadcrumbs at the top of some topics. */
{
	color: #0c3168;
}

MadCap|breadcrumbsProxy	/*Styles the breadcrumbs content at the top of some topics. */
{
	border-bottom: none;
	font-size: 1em;
	mc-breadcrumbs-prefix: 'You are here: ';
	padding-top: 6px;
	width: 300px;
	mc-breadcrumbs-count: 10;
}

MadCap|breadcrumbsProxy.side-nav	/*Styles the breadcrumbs area at the top of some topics. */
{
	width: 80%;
	padding-top: 3%;
}

/*Code Snippets*/

MadCap|codeSnippet	/*Styles code snippets.*/
{
	font-size: 12pt;
	mc-hyphenate: never;
	border: solid 0px #000000;
	padding: 0;
	padding-bottom: 10px;
}

/*Cross-References*/

MadCap|xref	/*Styles cross-references. */
{
	mc-format: '{para}';
	text-decoration: underline;
	color: #1c5a97;
}

MadCap|xref:visited	/*Styles cross-references after they have been clicked. */
{
	color: #1c5a97;
}

MadCap|xref:hover	/*Styles cross-references when users hover over them. */
{
	color: #0c3168;
	text-decoration: none;
}

MadCap|xref.page	/*This is used for rare occasions when we want to insert a cross-reference but only want it to display a page number in PDF output. */
{
	mc-format: '{page}';
}

/*Drop-Downs*/

MadCap|dropDown	/*Styles the area holding an entire drop-down. */
{
	margin-bottom: 6px;
	margin-top: 6px;
	mc-open-image: url('../../Images/Shared/All/General/Arrow-Down-Teal-Large.png');
	mc-closed-image: url('../../Images/Shared/All/General/Arrow-Right-Gray-Large.png');
	mc-image-spacing: 20px;
	border-bottom: solid 1px #d0d3d5;
	padding-bottom: 10px;
	padding-top: 10px;
}

MadCap|dropDownBody	/*Styles the area holding the body portion of the drop-down (stuff below the drop-down heading). */
{
	margin-left: 33px;
}

MadCap|dropDownHead	/*Styles the drop-down heading area. */
{
	font-size: 14pt;
	padding: 5px 5px;
	color: #282828;
}

.micro-content-container .micro-response MadCap|dropDownHead	/*Styles the drop-down heading area when it is shown in micro content results. */
{
	font-size: 13pt;
}

MadCap|dropDownHotspot	/*Styles the hotspot portion of drop-downs (the thing users click to expand or collapse the drop-down). */
{
	font-weight: bold;
	margin-left: 0px;
	mc-image-spacing: 0px;
	letter-spacing: .5;
	color: #282828;
	display: inline-block;
}

.MCDropDown_Open .MCDropDownHotSpot_.MCHotSpotImage,
.MCDropDown_Closed .MCDropDownHotSpot_.MCHotSpotImage	/*Styles the position and area around the hotspot image that is part of a drop-down when it is opened or closed. */
{
	background-position: left 3px;
	padding-left: 25px;
	text-indent: -15px;
}

MadCap|dropDownHotspot:hover	/*Styles the hotspot portion of drop-downs when users hover over it. */
{
	color: #0c3168;
}

/*eLearning */

.correctFeedback	/*Styles correct feedback in a complex selector for elearning knowledge checks.*/
{
	
}

.correctFeedback p	/*Styles correct feedback for elearning knowledge checks when they are found within a paragraph. */
{
	color: #4DBA6E;
	font-size: 14px;
	line-height: 1.2em;
}

.incorrectFeedback	/*Styles incorrect feedback in a complex selector for elearning knowledge checks.*/
{
	
}

.incorrectFeedback p	/*Styles incorrect feedback for elearning knowledge checks when they are found within a paragraph. */
{
	color: #FA4D55;
	font-size: 14px;
	line-height: 1.2em;
}

.multipleChoice	/*Styles question sections that have been inserted in the XML Editor. This consists of the MadCap|question, MadCap|multipleChoiceItem, MadCap|correctFeedback, MadCap|incorrectFeedback, and MadCap|submitQuestionButton sections. */
{
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

.multipleChoiceItem	/*Styles the answer that has been inserted within the MadCap|multipleChoice section. */
{
	display: block;
	position: relative;
	cursor: pointer;
	margin-left: 20px;
	padding-left: 35px;
}

.multipleChoiceItem p	/*Styles the answer that has been inserted within the MadCap|multipleChoice section when it is found within a paragraph. */
{
	font-size: 14px;
	line-height: 1.2em;
}

.multipleChoiceItem input	/*Styles the answer when it occurs within an input tag.*/
{
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.checkbox	/*Styles checkboxes for elearning items.*/
{
	position: absolute;
	top: 0;
	left: 0;
	height: 18px;
	width: 18px;
	background-color: #eee;
}

.multipleChoiceItem:hover input ~ .checkbox	/*Styles the background color of checkboxes when users hover over them.*/
{
	background-color: #ccc;
}

.multipleChoiceItem input:checked ~ .checkbox	/*Styles the background color of checkboxes when users select them.*/
{
	background-color: #0c3168;
}

.checkbox:after	/*Styles the checkbox, such as how the checkmark appears inside it.*/
{
	content: "";
	position: absolute;
	display: none;
}

.multipleChoiceItem input:checked ~ .checkbox:after	/*Displays checkboxes that are selected.*/
{
	display: block;
}

.multipleChoiceItem .checkbox:after	/*Styles checkboxes.*/
{
	left: 7px;
	top: 3px;
	width: 4px;
	height: 9px;
	border: solid white;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.radio	/*Styles radio buttons that we include in our knowledge checks.*/
{
	position: absolute;
	top: 0;
	left: 0;
	height: 18px;
	width: 18px;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 50%;
}

.multipleChoiceItem:hover input ~ .radio	/*Styles the background color of radio buttons when users hover over them.*/
{
	background-color: #eee;
}

.multipleChoiceItem input:checked ~ .radio	/*Styles the background color of radio buttons when users select them.*/
{
	background-color: #fff;
}

.radio:after	/*Styles the radio button, such as how the circle representing a selection appears inside it.*/
{
	content: "";
	position: absolute;
	display: none;
}

.multipleChoiceItem input:checked ~ .radio:after	/*Displays radio buttons that are selected.*/
{
	display: block;
}

.multipleChoiceItem .radio:after	/*Styles radio buttons.*/
{
	top: 3px;
	left: 3px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #0c3168;
}

MadCap|question	/*Styles a question that is part of an elearning section.*/
{
	margin-top: 3.5em;
}

.question p	/*Styles a question when it occurs within a paragraph tag.*/
{
	font-size: 17px;
	line-height: 1.2em;
}

MadCap|submitQuestionButton	/*Styles the button that people use to submit answers to questions.*/
{
	width: 125px;
	height: 36px;
	background-color: #cecece;
	border: solid 1px #cecece;
	color: #282828;
	font-size: 14px;
	line-height: 1.2em;
	margin-bottom: 1.5em;
}

MadCap|submitQuestionButton:hover	/*Styles the button in a hover state that people use to submit answers to questions.*/
{
	background-color: #0c3168;
	border: solid 1px #0c3168;
	color: #fff;
}

.submitQuestionButton:disabled,
.submitQuestionButton:disabled:hover	/*Styles the button that people use to submit answers to questions. This controls how it looks when it is in a disabled state (i.e., no answers have been selected yet).*/
{
	background-color: #e0e1e2;
	border: solid 1px #e0e1e2;
	color: #8a9297;
}

/*Examples */

div.example,
div.examples	/*Styles blocks that are used for examples.*/
{
	background-color: #ffffff;
	background-repeat: no-repeat;
	border: solid 2px #5308be;
	line-height: 20pt;
	padding-left: 40px;
	padding-right: 10px;
	margin: 20px 10px 20px 0;
	letter-spacing: .25px;
	background-image: url('../../Images/Shared/All/Interface/Icons/Example-ico1.png');
	padding-top: 0px;
	padding-bottom: 0px;
	background-position: 10px 24px;
	overflow-wrap: break-word;
}

div.example > p:first-child	/*Automatically adds the word Example at the beginning of an Example block.*/
{
	mc-auto-number-format: '{b}{color #242729}Example {/color}{/b}';
	mc-auto-number-class: Admonition;
}

div.examples > p:first-child	/*Automatically adds the word Examples at the beginning of an Example block.*/
{
	mc-auto-number-format: '{b}{color #242729}Examples {/color}{/b}';
	mc-auto-number-class: Admonition;
}

.micro-content-container .micro-response div.example,
.micro-content-container .micro-response div.examples	/*Styles the position of the image in the background when an Example block is shown in micro content.*/
{
	background-position: 10px 10px;
}

/*Expanding Text*/

MadCap|expanding	/*Styles the overall expanding text effect, including the open and close images.*/
{
	mc-image-position: left;
	mc-open-image: url('../../Images/Shared/All/General/Nav-Arrow-Open.png');
	mc-closed-image: url('../../Images/Shared/All/General/Nav-Arrow-Closed.png');
}

MadCap|expandingHead	/*Styles the head section of the expanding text effect.*/
{
	color: #546c7f;
}

MadCap|expandingHead:hover	/*Styles the head section of the expanding text effect when a user hovers over it.*/
{
	color: #0c3168;
}

/*Footnotes*/

MadCap|footnoteBlock	/*Styles the container holding individual footnote comments. It's empty in the Default medium, just so that the styles can be selected when viewing content in the Web layout. But it has values in the Print medium because that's where this feature might be used.*/
{
	
}

MadCap|footnotesBlock	/*Styles the container holding all footnote comments. It's empty in the Default medium, just so that the styles can be selected when viewing content in the Web layout. But it has values in the Print medium because that's where this feature might be used.*/
{
	
}

/*Glossaries */

div.GlossaryPageDefinition	/*Styles the container holding a glossary page definition. It's empty in the Default medium, just so that the styles can be selected when viewing content in the Web layout. But it has values in the Print medium because that's where this feature might be used.*/
{
	
}

div.GlossaryPageHeading	/*Styles the container holding a glossary page heading. It's empty in the Default medium, just so that the styles can be selected when viewing content in the Web layout. But it has values in the Print medium because that's where this feature might be used.*/
{
	
}

div.GlossaryPageTerm	/*Styles the container holding a glossary page term. It's empty in the Default medium, just so that the styles can be selected when viewing content in the Web layout. But it has values in the Print medium because that's where this feature might be used.*/
{
	
}

MadCap|glossaryProxy	/*Styles the container holding a glossary. It's empty in the Default medium, just so that the styles can be selected when viewing content in the Web layout. But it has values in the Print medium because that's where this feature might be used.*/
{
	
}

/*Headings*/

h1	/*Styles first-level headings.*/
{
	font-weight: normal;
	margin-bottom: 8px;
	padding-bottom: 10px;
	margin-top: 20px;
	mc-heading-level: 2;
	line-height: 28pt;
	mc-hyphenate: never;
	font-size: 2.3em;
}

h1.Invisible	/*Hides a first-level heading. We used this in the past to boost search results for certain topics, but we don't really use it anymore with new content.*/
{
	display: none;
}

h1.SingleChapter	/*Styles a first-level heading in a PDF that has only one chapter. It's empty in the Default medium, just so that the styles can be selected when viewing content in the Web layout. But it has values in the Print medium because that's where this feature might be used.*/
{
	
}

h2,
h2.Micro-Content	/*Styles second-level headings.*/
{
	font-weight: normal;
	margin-bottom: 4px;
	margin-top: 60px;
	mc-heading-level: 3;
	mc-hyphenate: never;
	line-height: 26pt;
	background: url('../../Images/Shared/All/General/Rectangle.png') 0 50% no-repeat;
	padding-left: 16px;
	background-position: left 5px;
	font-size: 2em;
}

h2.Micro-Content	/*Styles an H2 heading that you want to look like an H1 when displayed in micro content*/
{
	
}

h3,
h3.Micro-Content	/*Styles third-level headings.*/
{
	font-weight: normal;
	margin-bottom: 4px;
	margin-top: 48px;
	line-height: 22pt;
	mc-hyphenate: never;
	mc-heading-level: 4;
	font-size: 1.7em;
}

h3.Micro-Content	/*Styles an H3 heading that you want to look like an H1 when displayed in micro content*/
{
	
}

h3.Micro-Content-Video-Heading	/*Styles headings that are used above videos in the featured snippets in search results.*/
{
	font-size: 22pt;
}

.micro-content-container .micro-response h1,
.micro-content-container .micro-response h2.Micro-Content,
.micro-content-container .micro-response h3.Micro-Content	/*Styles first-, second-, and third-level headings when they are shown in micro content.*/
{
	color: #25bcc3;
}

.micro-content-container .micro-response h2.Micro-Content,
.micro-content-container .micro-response h3.Micro-Content	/*Styles second- and third-level headings when they are shown in micro content.*/
{
	font-weight: normal;
	margin-bottom: 8px;
	padding-bottom: 10px;
	margin-top: 20px;
	line-height: 28pt;
	mc-hyphenate: never;
	font-size: 2.3em;
	background: none;
	padding-left: 0;
}

h4	/*Styles fourth-level headings.*/
{
	font-weight: normal;
	margin-bottom: 4px;
	margin-top: 48px;
	line-height: 18pt;
	mc-heading-level: 0;
	font-size: 1.5em;
}

h5	/*Styles fifth-level headings.*/
{
	mc-heading-level: 0;
}

h6	/*Styles sixth-level headings.*/
{
	mc-heading-level: 0;
}

p.Promotions-Product-Title	/*Styles the heading that displays at the top of Promotions micro content containers. Even though it's using a paragraph tag, it functions more as a heading.*/
{
	font-weight: bold;
	margin-bottom: 4px;
	margin-top: 15px;
	line-height: 22pt;
	mc-hyphenate: never;
	mc-heading-level: 4;
	font-size: 1.7em;
}

/*Home Page */

body.Home	/*Styles the entire body container on the Home page.*/
{
	line-height: 1.5em;
}

.inner-wrap	/*Used with a generated complex selector in browsers and can be used to control the width and padding for pages in online output. */
{
	
}

.inner-wrap .main-section > .outer-row	/*Added this because it is a generated complex selector in browsers and can be used to control the width and padding for pages in online output. */
{
	max-width: 100%;
	padding: 0;
}

.main-section	/*Used with a generated complex selector in browsers and can be used to control the background for pages in online output. */
{
	
}

.main-section > .outer-row	/*Added this because it is a generated complex selector in browsers and can be used to control the background for pages in online output. */
{
	background-color: #ffffff;
}

h1.Home	/*Styles first-level headings on the Home page.*/
{
	font-size: 3.6em;
	margin-top: 1em;
	margin-bottom: 0.5em;
	line-height: 100%;
	color: #ffffff;
	text-align: center;
	font-family: 'Roboto Medium';
	font-size: 40pt;
	font-family: 'Roboto Light';
	font-weight: normal;
	text-align: center;
	line-height: 70px;
	padding-left: 25%;
	padding-right: 25%;
	margin-top: 60px;
	color: #000000;
}

h2.Home	/*Styles second-level headings on the Home page.*/
{
	font-family: 'Roboto Light';
	font-size: 2em;
	line-height: 1.2em;
	color: #282828;
	background: none;
	padding-left: 0px;
}

p.Home-Intro-Text	/*Styles certain introduction text on the Home page. An example is the paragraph just before the What's New video.*/
{
	line-height: 17pt;
	font-size: 14pt;
	letter-spacing: .25px;
	margin-bottom: 12px;
	margin-top: 12px;
}

img.Home	/*Styles an image (typically the What's New video thumbnail) on the Home page.*/
{
	max-width: 100%;
	border-style: none;
}

div.topic-hero	/*Styles the hero image area on the Home page. */
{
	padding: 5%;
	background-size: cover;
	background-attachment: fixed;
	background-image: url('../../Images/Shared/All/Introduction/Hero1.jpg');
}

p.footer-sub	/*Styles part of the footer area on the Home page. It is typically used for the line containing "Created Using MadCap Flare."*/
{
	text-align: right;
	color: #ffffff;
	font-family: 'Roboto Light', Arial, Avenir, Myriad;
	margin-top: 0;
	padding-right: 20px;
	padding-bottom: 16px;
	padding-top: 0;
}

.footer	/*Styles the footer area at the bottom of the Home page. */
{
	background-color: #282828;
	padding-top: 25px;
	padding-bottom: 10px;
}

.footer > div.outer-row	/*Styles part of the footer area on the Home page. */
{
	line-height: 30px;
	padding: 0;
}

.footer-links	/*Styles the link text in the footer that appears at the bottom of home pages in online output. */
{
	text-align: left;
	color: #d0d3d5;
	text-transform: uppercase;
	margin-top: 10px;
}

.footer-icons	/*Styles the icons in the footer that appears at the bottom of the Home page. */
{
	text-align: left;
}

.footer-icons > a:first-of-type	/*Styles the icons in the footer that appears at the bottom of the Home page. If there is more than one, this ensures that the first one has a certain amount of padding on the left. */
{
	padding-left: 20px;
}

MadCap|searchBarProxy	/*Styles the search bar on the Home page*/
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	float: none;
	width: 50%;
}

div.video-section	/*Styles the section of the Home page holding the what's new video and content*/
{
	width: 90%;
	margin: 0 auto;
	mc-grid-row: true;
	border-top: solid 1px #fafafa;
	padding-top: 0;
	padding-bottom: 5%;
}

div.video-section::before	/*Styles whatever comes before the section of the Home page holding the what's new video and content*/
{
	content: ' ';
	display: table;
}

div.video-section::after	/*Styles whatever comes after the section of the Home page holding the what's new video and content*/
{
	content: ' ';
	display: table;
	clear: both;
}

div.video-section > div	/*Styles the main div for the section of the Home page holding the what's new video and content*/
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.video-section > div:nth-child(1)	/*Styles the first cell for the section of the Home page holding the what's new video and content*/
{
	width: 45%;
}

div.video-section > div:nth-child(2)	/*Styles the second cell for the section of the Home page holding the what's new video and content*/
{
	width: 43%;
	margin-left: 2%;
	padding-top: 2%;
}

div.HomeMasterPageFooter	/*Styles the footer area on the Home page. */
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	border-bottom: 1px solid #282828;
}

div.HomeMasterPageFooter::before	/*Styles whatever comes before the footer area on the Home page. */
{
	content: ' ';
	display: table;
}

div.HomeMasterPageFooter::after	/*Styles whatever comes after the footer area on the Home page. */
{
	content: ' ';
	display: table;
	clear: both;
}

div.HomeMasterPageFooter > div	/*Styles the main div for the footer area on the Home page. */
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.HomeMasterPageFooter > div:nth-child(1)	/*Styles the first cell for the footer area on the Home page. */
{
	width: 10%;
	margin-left: 0%;
}

div.HomeMasterPageFooter > div:nth-child(2)	/*Styles the second cell for the footer area on the Home page. */
{
	width: 50%;
	margin-left: 0%;
	padding-left: 100px;
}

div.HomeMasterPageFooter > div:nth-child(3)	/*Styles the third cell for the footer area on the Home page. */
{
	width: 40%;
	margin-left: 0%;
}

div.Tiles-6-6-Home	/*Styles the responsive layout for the Home page with two cells each using 50% of the width (i.e., 6-6).*/
{
	mc-grid-row: true;
	margin: 2%;
}

div.Tiles-6-6-Home::before	/*Styles whatever comes before the 6-6 responsive layout for the Home page.*/
{
	content: ' ';
	display: table;
}

div.Tiles-6-6-Home::after	/*Styles whatever comes after the 6-6 responsive layout for the Home page.*/
{
	content: ' ';
	display: table;
	clear: both;
}

div.Tiles-6-6-Home > div	/*Styles the main div for the 6-6 responsive layout for the Home page*/
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	background-color: #ffffff;
	vertical-align: bottom;
	padding: 30px;
	margin: 2%;
}

div.Tiles-6-6-Home > div:nth-child(1)	/*Styles the first cell of the main div for the 6-6 responsive layout on the Home page*/
{
	width: 46%;
	background-color: #fafafa;
}

div.Tiles-6-6-Home > div:nth-child(2)	/*Styles the second cell of the main div for the 6-6 responsive layout on the Home page*/
{
	width: 46%;
	background-color: #fafafa;
}

div.Tiles-6-6-Home h2	/*Styles a second-level heading when it appears in the 6-6 responsive layout on the Home page*/
{
	text-align: center;
	background: none;
}

div.Tiles-6-6-Home p	/*Styles a paragraph when it appears in the 6-6 responsive layout on the Home page*/
{
	font-family: 'Roboto Light';
	font-size: 14pt;
	text-align: center;
}

div.Tiles-6-6-Home p.QuickLinks,
div.Tiles-6-6-Home p.QuickLinks a	/*Styles a paragraph with a quick link when it appears in the 6-6 responsive layout on the Home page*/
{
	color: #1c5a97;
	font-size: 14pt;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
}

div.Tiles-6-6-Home p.ResourceIcon	/*Styles a paragraph holding a resource icon (e.g., video, PDF) when it appears in the 6-6 responsive layout on the Home page*/
{
	margin-bottom: 0;
	padding-bottom: 0;
	text-align: center;
}

div.Tiles-6-6-Home p.ResourceText	/*Styles a paragraph under a resource icon (e.g., video, PDF) when it appears in the 6-6 responsive layout on the Home page*/
{
	color: var(--Dark Gray);
	font-family: 'Roboto Light';
	font-size: 11pt;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 40px;
	padding-top: 0;
	text-align: center;
	text-transform: uppercase;
}

div.Tiles-6-6-Home p	/*Styles a paragraph when it appears in the 6-6 responsive layout on the Home page. This is typically used for lists of features.*/
{
	text-align: left;
}

div.Tiles-6-6-Home ul	/*Styles an unordered (bulleted) list when it appears in the 6-6 responsive layout on the Home page*/
{
	list-style-image: url('../../Images/Shared/All/Interface/Icons/Home-Check-ico.png');
}

div.Tiles-12-Home	/*Styles the responsive layout for the Home page with one cell using 100% of the width. This is typically used for the list and video sections on the Home page.*/
{
	mc-grid-row: true;
	margin: 2%;
	margin-left: 6%;
}

div.Tiles-12-Home::before	/*Styles whatever comes before the 12 responsive layout for the Home page.*/
{
	content: ' ';
	display: table;
}

div.Tiles-12-Home::after	/*Styles whatever comes after the 12 responsive layout for the Home page.*/
{
	content: ' ';
	display: table;
	clear: both;
}

div.Tiles-12-Home > div	/*Styles the main div for the 12 responsive layout for the Home page*/
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	background-color: #ffffff;
	vertical-align: bottom;
	padding: 30px;
	margin: 2%;
}

div.Tiles-12-Home > div:nth-child(1)	/*Styles the only cell of the main div for the 12 responsive layout on the Home page*/
{
	width: 92%;
	background-color: #fafafa;
}

div.Tiles-12-Home h2	/*Styles a second-level heading when it appears in the 12 responsive layout on the Home page*/
{
	text-align: center;
	background: none;
}

div.Tiles-12-Home p	/*Styles a paragraph when it appears in the 12 responsive layout on the Home page*/
{
	font-family: 'Roboto Light';
	font-size: 14pt;
	text-align: center;
}

div.Tiles-12-Home p.QuickLinks,
div.Tiles-12-Home p.QuickLinks a	/*Styles a paragraph with a quick link when it appears in the 12 responsive layout on the Home page*/
{
	color: #1c5a97;
	font-size: 14pt;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
}

div.Tiles-12-Home p.ResourceIcon	/*Styles a paragraph holding a resource icon (e.g., video, PDF) when it appears in the 12 responsive layout on the Home page*/
{
	margin-bottom: 0;
	padding-bottom: 0;
	text-align: center;
}

div.Tiles-12-Home p.ResourceText	/*Styles a paragraph under a resource icon (e.g., video, PDF) when it appears in the 12 responsive layout on the Home page*/
{
	color: var(--Dark Gray);
	font-family: 'Roboto Light';
	font-size: 11pt;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 40px;
	padding-top: 0;
	text-align: center;
	text-transform: uppercase;
}

div.Tiles-12-Home p	/*Styles a paragraph when it appears in the 12 responsive layout on the Home page. This is typically used for lists of features.*/
{
	text-align: left;
}

div.Tiles-12-Home ul	/*Styles an unordered (bulleted) list when it appears in the 12 responsive layout on the Home page*/
{
	list-style-image: url('../../Images/Shared/All/Interface/Icons/Home-Check-ico.png');
}

div.Home-Page-List-Table1	/*Styles the div holding a feature list table on the home page for output on a large screen.*/
{
	display: block;
}

div.Home-Page-List-Table2	/*Styles the div holding a feature list table on the home page for output on tablet and mobile screens.*/
{
	display: none;
}

p.QuickLinks	/*Styles the quick link paragraphs that are appear on the home page.*/
{
	text-align: left;
}

/*Hyperlinks */

a	/*Styles hyperlinks. */
{
	color: #1c5a97;
	font-weight: normal;
}

a:link	/*Styles an unvisited link.*/
{
	color: #1c5a97;
	font-weight: normal;
}

.footer a:link	/*Styles an unvisited link that is located within a footer area.*/
{
	color: #fafafa;
}

a:visited	/*Styles a visited link.*/
{
	color: #1c5a97;
}

.footer a:visited	/*Styles a visited link that is located within a footer area.*/
{
	color: #fafafa;
}

div.footer-links a:hover	/*Styles a hovered link that is located within a footer area.*/
{
	color: #95efed;
	text-decoration: none;
}

p.footer-sub a:hover	/*Styles a hovered link that is located within a footer area. It is typically used for the line containing "Created Using MadCap Flare."*/
{
	color: #95efed;
	text-decoration: none;
}

.buttonT32-play a:hover	/*Styles the link for a video when a person hovers over the link on the Home page. */
{
	color: #0c3168;
	text-decoration: none;
}

a:hover	/*Styles a link when a person hovers over it. */
{
	color: #0c3168;
	text-decoration: none;
}

div.Tiles-1-11 a:hover,
div.Tiles-2-10 a:hover,
div.Tiles-4-4-4 a:hover,
div.Tiles-4-8 a:hover,
div.Tiles-6-3-3 a:hover,
div.Tiles-6-6 a:hover,
div.Tiles-8-4 a:hover,
div.Tiles-12-6-6 a:hover,
div.Tiles-12-8-4 a:hover	/*Styles a hovered link in a responsive layout. */
{
	color: #0c3168;
	text-decoration: none;
}

.footer a:link,
.footer a:visited	/*Styles visited and unvisited links in the footer area. */
{
	text-decoration: none;
	color: #ffffff;
}

.footer-links a	/*Styles hyperlinks in the footer that appears at the bottom of the Home page. */
{
	padding-right: 15px;
	color: #fafafa;
}

a.MiniTOC1:link	/*Styles unvisited links in a generated mini-TOC. */
{
	color: #1c5a97;
}

a.MiniTOC1:visited	/*Styles visited links in a generated mini-TOC. */
{
	color: #1c5a97;
}

a.MiniTOC1:hover	/*Styles hovered links in a generated mini-TOC. */
{
	text-decoration: none;
	color: #0c3168;
}

a.Emphasis	/*Styles hyperlinks so that they have bold text. */
{
	color: #1c5a97;
	font-weight: bold;
}

/*Images*/

img.banners	/*Styles images that are inserted into banners. */
{
	border-style: none;
	padding-right: 2px;
	padding-top: 4px;
}

img.Hyperlinked	/*Styles images that have been hyperlinked to other destinations. */
{
	border-style: none;
}

img.HyperlinkedReduceSize	/*Styles images that have been hyperlinked to other destinations, and that you want to display smaller than normal. */
{
	border-style: none;
	max-width: 150px;
}

img.MaxWidth100PercentNoThumbnail	/*Styles images so that they use 100% of the container and are not converted to thumbnails in online output. */
{
	margin: 0px;
	mc-thumbnail: none;
}

img.MaxWidth100Percent	/*Styles images so that they use 100% of the container in print output and are converted to thumbnails in online output. */
{
	mc-thumbnail: popup;
	mc-thumbnail-max-height: auto;
	mc-thumbnail-max-width: 225px;
}

img.MaxWidth95PercentNoThumbnail	/*Styles images so that they use 95% of the container and are not converted to thumbnails in online output. */
{
	mc-thumbnail: none;
	margin: 0px;
}

img.MaxWidth95Percent	/*Styles images so that they use 95% of the container in print output and are converted to thumbnails in online output. */
{
	mc-thumbnail: popup;
	mc-thumbnail-max-width: 225px;
	mc-thumbnail-max-height: auto;
}

img.MaxWidth90Percent	/*Styles images so that they use 90% of the container in print output and are converted to thumbnails in online output. */
{
	mc-thumbnail: popup;
	mc-thumbnail-max-width: 225px;
	mc-thumbnail-max-height: auto;
}

img.MaxWidth85Percent	/*Styles images so that they use 85% of the container in print output and are converted to thumbnails in online output. */
{
	mc-thumbnail: popup;
	mc-thumbnail-max-width: 225px;
	mc-thumbnail-max-height: auto;
}

img.MaxWidth80Percent	/*Styles images so that they use 80% of the container in print output and are converted to thumbnails in online output. */
{
	mc-thumbnail: popup;
	mc-thumbnail-max-width: 225px;
	mc-thumbnail-max-height: auto;
}

img.MaxWidth75Percent	/*Styles images so that they use 75% of the container in print output and are converted to thumbnails in online output. */
{
	mc-thumbnail: popup;
	mc-thumbnail-max-width: 225px;
	mc-thumbnail-max-height: auto;
}

img.MaxWidth70Percent	/*Styles images so that they use 70% of the container in print output and are converted to thumbnails in online output. */
{
	mc-thumbnail: popup;
	mc-thumbnail-max-width: 225px;
	mc-thumbnail-max-height: auto;
}

img.MaxWidth70PercentNoThumbnail	/*Styles images so that they use 70% of the container and are not converted to thumbnails in online output. */
{
	mc-thumbnail: none;
	margin: 0px;
}

img.MaxWidth65Percent	/*Styles images so that they use 65% of the container in print output and are converted to thumbnails in online output. */
{
	mc-thumbnail: popup;
	mc-thumbnail-max-width: 225px;
	mc-thumbnail-max-height: auto;
}

img.MaxWidth60Percent	/*Styles images so that they use 60% of the container in print output and are converted to thumbnails in online output. */
{
	mc-thumbnail: popup;
	mc-thumbnail-max-width: 225px;
	mc-thumbnail-max-height: auto;
}

img.MaxWidth55Percent	/*Styles images so that they use 55% of the container in print output and are converted to thumbnails in online output. */
{
	mc-thumbnail: popup;
	mc-thumbnail-max-width: 225px;
	mc-thumbnail-max-height: auto;
}

img.MaxWidth50Percent	/*Styles images so that they use 50% of the container in print output and are converted to thumbnails in online output. */
{
	mc-thumbnail: popup;
	mc-thumbnail-max-width: 225px;
	mc-thumbnail-max-height: auto;
}

img.MaxWidth45Percent	/*Styles images so that they use 45% of the container in print output and are converted to thumbnails in online output. */
{
	mc-thumbnail: popup;
	mc-thumbnail-max-width: 225px;
	mc-thumbnail-max-height: auto;
}

img.MaxWidth40Percent	/*Styles images so that they use 40% of the container in print output and are converted to thumbnails in online output. */
{
	mc-thumbnail: popup;
	mc-thumbnail-max-width: 225px;
	mc-thumbnail-max-height: auto;
}

img.MaxWidth35Percent	/*Styles images so that they use 35% of the container in print output and are converted to thumbnails in online output. */
{
	mc-thumbnail: popup;
	mc-thumbnail-max-width: 225px;
	mc-thumbnail-max-height: auto;
}

img.MaxWidth30Percent	/*Styles images so that they use 30% of the container in print output and are converted to thumbnails in online output. */
{
	mc-thumbnail: popup;
	mc-thumbnail-max-width: 225px;
	mc-thumbnail-max-height: auto;
}

img.MaxWidth2Inches	/*Styles images so that they are 2 inches wide in print output and are converted to thumbnails in online output. */
{
	max-width: 2in;
}

img.ReduceButtonSize	/*Styles images that are typically used inline and you want to avoid messing up the line height in a paragraph. Mostly this is used for button images used inline. */
{
	max-height: 18px;
	margin-bottom: -1px;
}

img.TutorialBanner	/*Styles images that are inserted into banner areas. */
{
	max-height: 60px;
}

/*Indenting */

.IndentMedium	/*Adds a margin to the left of the content. We use this on a div when we want to start a section with H3s. It might be used at other times too. */
{
	margin-left: 30px;
}

.IndentSmall	/*Adds a margin to the left of content, but not as much as the IndentMedium class. For example, we use this in the PDF guides topics, as well as in example elements where we need to offset something. */
{
	margin-left: 15px;
}

p.Indented	/*Adds a margin to the left of the content. Thid is the standard style for indentation to be used unless one of the others makes more sense. */
{
	margin-bottom: 8px;
	margin-top: 8px;
	margin-left: 20px;
}

/*Indexes*/

MadCap|indexProxy	/*Styles the container holding an index. It's empty in the Default medium, just so that the styles can be selected when viewing content in the Web layout. But it has values in the Print medium because that's where this feature might be used.*/
{
	
}

MadCap|indexProxy.Column2	/*Styles the second colulumn in an index. It's empty in the Default medium, just so that the styles can be selected when viewing content in the Web layout. But it has values in the Print medium because that's where this feature might be used.*/
{
	
}

p.IndexHeading	/*Styles the heading in an index. It's empty in the Default medium, just so that the styles can be selected when viewing content in the Web layout. But it has values in the Print medium because that's where this feature might be used.*/
{
	
}

p.IndexPrintHead	/*Styles the chapter heading for an index.*/
{
	font-family: 'Roboto Black';
	font-size: 15pt;
	line-height: 20pt;
	letter-spacing: 1;
	margin: 1.12em 0;
	padding: 0px 0px 0px -8px;
	page-break-before: inherit;
}

p.Index1	/*Styles the the first-level entries in an index. It's empty in the Default medium, just so that the styles can be selected when viewing content in the Web layout. But it has values in the Print medium because that's where this feature might be used.*/
{
	
}

p.Index2	/*Styles the the second-level entries in an index. It's empty in the Default medium, just so that the styles can be selected when viewing content in the Web layout. But it has values in the Print medium because that's where this feature might be used.*/
{
	
}

/*Lists*/

dl	/*Styles the container for a definition list.*/
{
	padding: 0;
	border-bottom: solid 1px #000000;
	line-height: 20pt;
	font-size: 14pt;
	letter-spacing: .25px;
	margin-bottom: 20px;
	margin-top: 20px;
}

dl dt,
dt	/*Styles definition list terms.*/
{
	clear: left;
	float: left;
	width: 200px;
	margin: 0;
	padding-left: 1px;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-right: 1px;
	border-top: solid 1px #000000;
	font-weight: bold;
}

dd p,
dt p	/*Styles paragraphs within definition list terms or defintions.*/
{
	margin: 0;
}

dl dd,
dd	/*Styles definition list definitions.*/
{
	margin: 0;
	padding-left: 1px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 1px;
	border-top: solid 1px #d0d3d5;
	margin-left: 200px;
}

dt + dd	/*Styles a definition list definition that appears immediately after a term.*/
{
	border-top: solid 1px #000000;
}

li	/*Styles a list item.*/
{
	orphans: 2;
	widows: 2;
	line-height: 20pt;
	margin-bottom: 20px;
	margin-top: 20px;
}

li p	/*Styles a paragraph that appears within a list item.*/
{
	margin-bottom: 20px;
	margin-top: 20px;
	line-height: 20pt;
}

ol	/*Styles an ordered (numbered) list.*/
{
	line-height: 20pt;
	font-size: 14pt;
	letter-spacing: .25px;
	margin-top: 20px;
	margin-bottom: 20px;
}

ol ol	/*Styles the second level of an ordered (numbered) list.*/
{
	line-height: 20pt;
	list-style-type: lower-alpha;
	margin-bottom: 20px;
	margin-top: 20px;
}

ol ol ol	/*Styles the third level of an ordered (numbered) list.*/
{
	list-style-type: lower-roman;
	line-height: 20pt;
	margin-bottom: 20px;
	margin-top: 20px;
}

ol p	/*Styles paragraphs that appear in an ordered (numbered) list.*/
{
	font-size: 14pt;
	line-height: 20pt;
	letter-spacing: .25px;
	margin-bottom: 20px;
	margin-top: 20px;
}

ol ul	/*Styles an unordered (bulleted) list that appears at the second level of an ordered (numbered) list.*/
{
	list-style-type: square;
	margin-bottom: 20px;
	margin-top: 20px;
	line-height: 20pt;
}

ol ul ul	/*Styles an unordered (bulleted) list that appears at the third level of an ordered (numbered) list.*/
{
	list-style-type: disc;
	margin-left: 20px;
	margin-bottom: 20px;
	margin-top: 20px;
	line-height: 20pt;
}

ol ul ul ul	/*Styles an unordered (bulleted) list that appears at the fourth level of an ordered (numbered) list.*/
{
	list-style-image: none;
	list-style-type: circle;
	margin-bottom: 20px;
	margin-top: 20px;
	line-height: 20pt;
}

ol > li::marker	/*Styles the marker (i.e., number) in a numbered list.*/
{
	margin-top: 20px;
	margin-bottom: 20px;
}

ul	/*Styles an unordered (bulleted) list.*/
{
	font-size: 14pt;
	list-style-type: square;
	line-height: 20pt;
	letter-spacing: .25px;
	margin-bottom: 20px;
	margin-top: 20px;
}

ul ul	/*Styles the second level of an unordered (bulleted) list.*/
{
	list-style-type: disc;
	margin-left: -10px;
	line-height: 20pt;
	margin-bottom: 20px;
	margin-top: 20px;
}

ul ul ul	/*Styles the third level of an unordered (bulleted) list.*/
{
	list-style-type: circle;
	margin-left: -10px;
	line-height: 20pt;
	margin-bottom: 20px;
	margin-top: 20px;
}

ul ul ul ul	/*Styles the fourth level of an unordered (bulleted) list.*/
{
	margin-left: -10px;
	list-style-type: disc;
	line-height: 20pt;
	margin-bottom: 20px;
	margin-top: 20px;
}

ul > li::marker	/*Styles the marker (i.e., bullet) in a bulleted list.*/
{
	line-height: 20pt;
	margin-bottom: 20px;
	margin-top: 20px;
}

ul p	/*Styles paragraphs that appear in an unordered (bulleted) list.*/
{
	font-size: 14pt;
	line-height: 20pt;
	letter-spacing: .25px;
	margin-bottom: 20px;
	margin-top: 20px;
}

ul ol	/*Styles an ordered (numbered) list that appears at the second level of an unordered (bulleted) list.*/
{
	line-height: 20pt;
	margin-bottom: 20px;
	margin-top: 20px;
}

ul.Indented	/*Styles an unordered (bulleted) list so that it is indented.*/
{
	margin-left: 40px;
}

ul.small	/*Styles an unordered (bulleted) list that has a smaller font than usual.*/
{
	font-size: 0.9em;
}

/*Template Page Elements*/

MadCap|topicToolbarProxy	/*Styles the space above the topic toolbar.*/
{
	padding-left: 4px;
}

MadCap|topicToolbarProxy.side-nav	/*Styles the space above the topic toolbar in most template pages.*/
{
	margin-top: -50px;
}

MadCap|topicToolbarProxy.side-nav2	/*Styles the space above the topic toolbar in the Main-No-Breadcrumbs template page.*/
{
	margin-top: -5px;
}

/*Menu Proxies */

ul.menu.mc-component li > a	/*This is necessary to avoid the main h1 from displaying in the list of links created from the menu proxy. */
{
	display: none;
}

ul.menu.mc-component ul > li > a	/*Styles the links created from a menu proxy.*/
{
	display: block;
	color: #1c5a97;
	font-weight: normal;
	text-decoration: underline;
}

ul.menu.mc-component ul > li > a:hover	/*Styles a menu proxy link when a person hovers over it. */
{
	color: #0c3168;
	text-decoration: none;
}

/*Micro Content */

.micro-content-only,
.micro-content-only-inline,
.micro-content-container .micro-response .topic-only	/*Ensures that content is not shown in micro content. */
{
	display: none;
}

.micro-content-container .micro-response .micro-content-only	/*Ensures that block content is shown only in micro content, not in the topic content. */
{
	display: block;
}

.micro-content-container .micro-response .micro-content-only-inline	/*Ensures that inline content is shown only in micro content, not in the topic content. */
{
	display: inline;
}

.micro-content-container .micro-response .Space-Above-Micro-Content-Cells	/*This is for responsive layout cells used in micro content. We need extra space above some content to make it look even with an H2 in another cell when viewed in the topic.*/
{
	margin-top: 0px;
}

.micro-content-container .micro-response .IndentMedium	/*Styles the indentation of content for micro content. */
{
	margin-left: 0px;
}

.micro-content-container .micro-response ol,
.micro-content-container .micro-response ul	/*Styles ordered (numbered) and unordered (bulleted) lists for micro content. */
{
	margin-bottom: 0px;
	margin-top: 0px;
	font-size: 12pt;
	line-height: 17pt;
}

.micro-content-container .micro-response p	/*Styles paragraphs for micro content. */
{
	font-size: 12pt;
	margin-top: 8px;
	margin-bottom: 8px;
	line-height: 17pt;
}

.micro-content-container .micro-response h2,
.micro-content-container .micro-response h3	/*Styles the heading for micro content.*/
{
	font-weight: bold;
	margin-bottom: 0px;
	margin-left: 0px;
	margin: 0px;
	margin-bottom: 8px;
	margin-top: 20px;
	letter-spacing: .75;
	line-height: 17pt;
	padding: 0px;
	padding-bottom: 0px;
	font-size: 12pt;
	text-transform: none;
	background: none;
	padding-left: 0px;
}

.micro-content-container .micro-response li,
.micro-content-container .micro-response li p	/*Styles list items for micro content.*/
{
	font-size: 12pt;
	margin-bottom: 5px;
	margin-top: 5px;
	line-height: 17pt;
}

.micro-content-container .micro-response p.Subheading	/*Styles subheading paragraphs for micro content.*/
{
	padding: 0px;
	padding-bottom: 0px;
	font-size: 12pt;
	text-transform: none;
}

.micro-content-container .micro-response .buttonT32-play	/*Styles video links for micro content.*/
{
	font-size: 15px;
	line-height: 19px;
	margin-bottom: 30px;
}

img.ThumbnailMicroContent	/*Styles images for micro content so that they display at a good width.*/
{
	mc-thumbnail: popup;
	mc-thumbnail-max-height: auto;
	mc-thumbnail-max-width: 375px;
}

/*Mini-TOCs*/

p.MiniTOC1	/*Styles the first level of a mini-TOC.*/
{
	color: #1c5a97;
	font-weight: normal;
	text-decoration: underline;
	margin: 10px;
	margin-left: 17px;
	margin-right: 0px;
}

MadCap|miniTocProxy	/*Styles the mini-TOC container.*/
{
	border-top-style: solid;
	border-top-color: transparent;
	border-top-width: 0px;
	margin-top: 0px;
}

MadCap|miniTocProxy.SingleChapterDoc	/*Styles the mini-TOC container for a PDF that has only one chapter.*/
{
	
}

/*Notes */

div.note	/*Styles a container holding a note.*/
{
	background-color: #ffffff;
	background-repeat: no-repeat;
	border: solid 2px #fdc80b;
	line-height: 20pt;
	padding-left: 40px;
	padding-right: 10px;
	margin: 20px 10px 20px 0;
	letter-spacing: .25px;
	background-image: url('../../Images/Shared/All/Interface/Icons/Note-ico.png');
	padding-top: 0px;
	padding-bottom: 0px;
	background-position: 10px 25px;
	overflow-wrap: break-word;
}

div.note > p:first-child	/*Styles a note so that the word "Note" automatically displays at the beginning of it.*/
{
	mc-auto-number-format: '{b}{color #242729}Note {/color}{/b}';
	mc-auto-number-class: Admonition;
}

.micro-content-container .micro-response div.note	/*Styles a note for micro content.*/
{
	background-position: 10px 12px;
}

/*Paragraphs*/

p	/*Styles paragraphs.*/
{
	line-height: 20pt;
	font-size: 14pt;
	letter-spacing: .25px;
	margin-bottom: 20px;
	margin-top: 20px;
}

p.Appendix	/*Styles the main heading for an appendix.*/
{
	mc-auto-number-position: inside-head;
	font-family: 'Roboto Black';
	letter-spacing: 1;
	font-size: 15pt;
	line-height: 20pt;
	color: #058A95;
	mc-heading-level: 1;
	mc-auto-number-format: 'APPENDIX';
	padding: 0px 0px 0px -8px;
}

p.AppendixNumber	/*Styles the main heading for appendixes for PDFs that have multiple appendixes with autonumbering.*/
{
	mc-auto-number-position: inside-head;
	font-family: 'Roboto Black';
	letter-spacing: 1;
	font-size: 15pt;
	line-height: 20pt;
	color: #058A95;
	mc-heading-level: 1;
	mc-auto-number-format: 'GH:APPENDIX {A+} ';
	padding: 0px 0px 0px -8px;
}

p.ChapterNumber	/*Styles chapter autonumbers that appear at the beginning of chapters.*/
{
	mc-auto-number-format: 'CH:CHAPTER {chapnum}';
	mc-auto-number-position: inside-head;
	font-family: 'Roboto Black';
	letter-spacing: 1;
	font-size: 15pt;
	line-height: 20pt;
	color: #058A95;
	mc-heading-level: 1;
	padding: 0px 0px 0px -8px;
}

p.Cheat-Sheet-Heading	/*Styles the main heading for a cheat sheet.*/
{
	font-family: 'Roboto Black';
	line-height: 13pt;
	color: #282828;
	font-size: 14pt;
	text-transform: uppercase;
	letter-spacing: 3;
	margin: 0em 0;
}

p.CheatSheetSubHeading	/*Styles the secondary heading for a cheat sheet.*/
{
	padding-bottom: 0;
	frame-break-before: always;
	padding-top: 10px;
	margin-top: 20px;
	margin-bottom: 18px;
	font-family: 'Roboto Light';
	font-size: 21pt;
	color: #282828;
	text-align: left;
}

p.CheatSheetSubHeading-No-Break	/*Styles the secondary heading for a cheat sheet when you do not want a frame break before the heading.*/
{
	padding-bottom: 0;
	padding-top: 10px;
	margin-top: 20px;
	margin-bottom: 18px;
	frame-break-before: avoid;
	color: #282828;
	font-family: 'Roboto Light';
	font-size: 21pt;
	text-align: left;
}

p.Cheat-Sheet-Title	/*Styles the title of a cheat sheet.*/
{
	line-height: 20pt;
	letter-spacing: .25px;
	font-family: 'Century Gothic';
	font-size: 33pt;
	margin-bottom: 0;
	margin-top: 20pt;
	color: #058A95;
}

p.ComingSoon	/*Styles "Coming Soon" text that is used for PDF title pages when we want to temporarily publish PDFs for testing. It's empty in the Default medium, just so that the styles can be selected when viewing content in the Web layout. But it has values in the Print medium because that's where this feature might be used.*/
{
	
}

p.ContentsHeadingPrint	/*Styles the main heading for TOC in PDF output.*/
{
	font-family: 'Roboto Black';
	font-size: 15pt;
	line-height: 20pt;
	letter-spacing: 1;
	padding: 0px 0px 0px -8px;
	margin: 1.12em 0;
}

p.Copyright	/*Styles the copyright text.*/
{
	font-size: 9pt;
	line-height: 12pt;
	padding-bottom: 8pt;
	padding-top: 8pt;
}

p.CopyrightAddress	/*Styles the copyright address.*/
{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	font-size: 9pt;
	line-height: 12pt;
}

p.CopyrightHeading	/*Styles the copyright heading.*/
{
	page-break-before: always;
	font-size: 9pt;
	line-height: 12pt;
}

p.CreatedUsingFlare	/*Styles the text "Creating Using Flare."*/
{
	font-family: 'Roboto Black';
	font-size: 9pt;
	line-height: 13pt;
	padding-top: 12pt;
	letter-spacing: .75;
}

p.Footer-D2H	/*Styles the footer area in the template page for D2H content.*/
{
	line-height: 20pt;
	font-size: 14pt;
	letter-spacing: .25px;
	margin-bottom: 20px;
	border-top: solid 1px #dcdcdc;
	margin-top: 40px;
}

p.FrameFooterText	/*Styles the footer text in a PDF, such as the page numbers.*/
{
	font-size: 16pt;
	color: #7d858a;
}

p.FrameFooterText2	/*Styles the footer text in a PDF, such as the level 1 content.*/
{
	font-size: 11pt;
	line-height: 14pt;
	color: #7d858a;
}

p.FrameFooterText3	/*Styles the the copyright and website text in the footer of cheat sheets. */
{
	font-size: 9pt;
	font-family: 'Roboto Light';
	line-height: 12pt;
	color: #7d858a;
	margin: 4px 0px;
}

p.ManualTitle1	/*Styles the product name and version text on the PDF title page.*/
{
	font-family: 'Roboto Black';
	font-size: 15pt;
	line-height: 20pt;
	padding-bottom: 15pt;
	letter-spacing: 1;
	padding-top: 1.5in;
}

p.ManualTitle2	/*Styles the PDF title text on the title page.*/
{
	font-size: 45pt;
	line-height: 50pt;
	mc-hyphenate: never;
}

p.ManualTitleType	/*Styles text for the type of PDF (e.g., User Guide) in the header of the PDF title page.*/
{
	font-family: 'Roboto Black';
	font-size: 15pt;
	line-height: 20pt;
	text-align: right;
	text-transform: uppercase;
	padding-top: 50px;
}

p.ManualVersionNumber	/*Styles the version number text on the title page for "Coming Soon" PDFs.*/
{
	color: #ffffff;
	font-size: 11pt;
}

p.PDFList	/*Styles the text for the list of PDFs that appears in the appendix at the end of almost any PDF.*/
{
	margin-left: 10px;
}

p.PrintOnlySpace	/*Styles text on the links of the Getting Help topic for PDF output. It's empty in the Default medium, just so that the styles can be selected when viewing content in the Web layout. But it has values in the Print medium because that's where this feature might be used.*/
{
	
}

p.Small	/*Styles paragraphs when you need the text to be somewhat smaller than regular paragraphs.*/
{
	font-size: 10pt;
}

p.Subheading	/*Styles subheading text. These headings are typically used between steps in a procedure.*/
{
	font-weight: bold;
	margin-bottom: 0px;
	margin-left: 0px;
	margin: 0px;
	margin-top: 16px;
	text-transform: uppercase;
	letter-spacing: .75;
	font-size: 15pt;
}

p.TypedEntryIndented	/*Styles text that represents what you want a user to actually type on their computer.*/
{
	font-family: 'Courier New';
	margin-left: 30px;
}

/*Popups*/

MadCap|popup	/*Styles popups. We have at least one popup example in a topic.*/
{
	color: #0296eb;
}

MadCap|popup:focus	/*Styles a popup when it has focus.*/
{
	color: #0296eb;
}

MadCap|popup:hover	/*Styles a popup when a user hovers over it.*/
{
	color: #0c3168;
	text-decoration: none;
}

MadCap|popupHead	/*Styles a popup head.*/
{
	color: #0296eb;
}

/*Responsive Layouts*/

div.Tiles-3-3-3-3	/*Styles a responsive layout with four cells each using 25% of the width (i.e., 3-3-3-3).*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.Tiles-3-3-3-3::before	/*Styles whatever comes before the 3-3-3-3 responsive layout.*/
{
	content: ' ';
	display: table;
}

div.Tiles-3-3-3-3::after	/*Styles whatever comes after the 3-3-3-3 responsive layout.*/
{
	content: ' ';
	display: table;
	clear: both;
}

div.Tiles-3-3-3-3 > div	/*Styles the main div for the 3-3-3-3 responsive layout.*/
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px;
}

div.Tiles-3-3-3-3 > div:nth-child(1)	/*Styles the first cell of the main div for the 3-3-3-3 responsive layout.*/
{
	width: 25%;
	margin-left: 0%;
}

.micro-content-container .micro-response div.Tiles-3-3-3-3 > div:nth-child(1)	/*Styles the first cell of the main div for the 3-3-3-3 responsive layout when displayed in micro content.*/
{
	width: 100%;
	margin-left: 0%;
}

div.Tiles-3-3-3-3 > div:nth-child(2)	/*Styles the second cell of the main div for the 3-3-3-3 responsive layout.*/
{
	width: 25%;
	margin-left: 0%;
}

.micro-content-container .micro-response div.Tiles-3-3-3-3 > div:nth-child(2)	/*Styles the second cell of the main div for the 3-3-3-3 responsive layout when displayed in micro content.*/
{
	width: 100%;
	margin-left: 0%;
}

div.Tiles-3-3-3-3 > div:nth-child(3)	/*Styles the third cell of the main div for the 3-3-3-3 responsive layout.*/
{
	width: 25%;
	margin-left: 0%;
}

.micro-content-container .micro-response div.Tiles-3-3-3-3 > div:nth-child(3)	/*Styles the third cell of the main div for the 3-3-3-3 responsive layout when displayed in micro content.*/
{
	width: 100%;
	margin-left: 0%;
}

div.Tiles-3-3-3-3 > div:nth-child(4)	/*Styles the fourth cell of the main div for the 3-3-3-3 responsive layout.*/
{
	width: 25%;
	margin-left: 0%;
}

.micro-content-container .micro-response div.Tiles-3-3-3-3 > div:nth-child(4)	/*Styles the fourth cell of the main div for the 3-3-3-3 responsive layout when displayed in micro content.*/
{
	width: 100%;
	margin-left: 0%;
}

div.Tiles-4-4-4	/*Styles a responsive layout with three cells each using 33% of the width (i.e., 4-4-4).*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.Tiles-4-4-4::before	/*Styles whatever comes before the 4-4-4 responsive layout.*/
{
	content: ' ';
	display: table;
}

div.Tiles-4-4-4::after	/*Styles whatever comes after the 4-4-4 responsive layout.*/
{
	content: ' ';
	display: table;
	clear: both;
}

div.Tiles-4-4-4 > div	/*Styles the main div for the 4-4-4 responsive layout.*/
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px;
}

div.Tiles-4-4-4 > div:nth-child(1)	/*Styles the first cell of the main div for the 4-4-4 responsive layout.*/
{
	width: 33.333%;
	margin-left: 0%;
}

.micro-content-container .micro-response div.Tiles-4-4-4 > div:nth-child(1)	/*Styles the first cell of the main div for the 4-4-4 responsive layout when displayed in micro content.*/
{
	width: 100%;
	margin-left: 0%;
}

div.Tiles-4-4-4 > div:nth-child(2)	/*Styles the second cell of the main div for the 4-4-4 responsive layout.*/
{
	width: 33.33333%;
	margin-left: 0%;
}

.micro-content-container .micro-response div.Tiles-4-4-4 > div:nth-child(2)	/*Styles the second cell of the main div for the 4-4-4 responsive layout when displayed in micro content.*/
{
	width: 100%;
	margin-left: 0%;
}

div.Tiles-4-4-4 > div:nth-child(3)	/*Styles the third cell of the main div for the 4-4-4 responsive layout.*/
{
	width: 33.333%;
	margin-left: 0%;
}

.micro-content-container .micro-response div.Tiles-4-4-4 > div:nth-child(3)	/*Styles the third cell of the main div for the 4-4-4 responsive layout when displayed in micro content.*/
{
	width: 100%;
	margin-left: 0%;
}

div.Tiles-6-6	/*Styles a responsive layout with two cells each using 50% of the width (i.e., 6-6).*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.Tiles-6-6::before	/*Styles whatever comes before the 6-6 responsive layout.*/
{
	content: ' ';
	display: table;
}

div.Tiles-6-6::after	/*Styles whatever comes after the 6-6 responsive layout.*/
{
	content: ' ';
	display: table;
	clear: both;
}

div.Tiles-6-6 a	/*Styles a hyperlink in the 6-6 responsive layout.*/
{
	
}

div.Tiles-6-6 > div	/*Styles the main div for the 6-6 responsive layout.*/
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	background-color: #ffffff;
	vertical-align: bottom;
	padding: 5px;
}

div.Tiles-6-6 > div:nth-child(1)	/*Styles the first cell of the main div for the 6-6 responsive layout.*/
{
	width: 50%;
	margin-left: 0%;
}

.micro-content-container .micro-response div.Tiles-6-6 > div:nth-child(1)	/*Styles the first cell of the main div for the 6-6 responsive layout when displayed in micro content.*/
{
	width: 100%;
	margin-left: 0%;
}

div.Tiles-6-6 > div:nth-child(2)	/*Styles the second cell of the main div for the 6-6 responsive layout.*/
{
	padding-left: 10px;
	width: 50%;
	margin-left: 0%;
}

.micro-content-container .micro-response div.Tiles-6-6 > div:nth-child(2)	/*Styles the second cell of the main div for the 6-6 responsive layout when displayed in micro content.*/
{
	width: 100%;
	margin-left: 0%;
}

div.Tiles-8-4	/*Styles a responsive layout with two cells, the first using 66% of the width, and the other using 33% (i.e., 8-4).*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.Tiles-8-4::before	/*Styles whatever comes before the 8-4 responsive layout.*/
{
	content: ' ';
	display: table;
}

div.Tiles-8-4::after	/*Styles whatever comes after the 8-4 responsive layout.*/
{
	content: ' ';
	display: table;
	clear: both;
}

div.Tiles-8-4 > div	/*Styles the main div for the 8-4 responsive layout.*/
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px;
}

div.Tiles-8-4 > div:nth-child(1)	/*Styles the first cell of the main div for the 8-4 responsive layout.*/
{
	width: 66.667%;
	margin-left: 0%;
}

.micro-content-container .micro-response div.Tiles-8-4 > div:nth-child(1)	/*Styles the first cell of the main div for the 8-4 responsive layout when displayed in micro content.*/
{
	width: 100%;
	margin-left: 0%;
}

div.Tiles-8-4 > div:nth-child(2)	/*Styles the second cell of the main div for the 8-4 responsive layout.*/
{
	width: 33.33333%;
	margin-left: 0%;
	padding-left: 10px;
}

.micro-content-container .micro-response div.Tiles-8-4 > div:nth-child(2)	/*Styles the second cell of the main div for the 8-4 responsive layout when displayed in micro content.*/
{
	width: 100%;
	margin-left: 0%;
}

div.Tiles-6-3-3	/*Styles a responsive layout with three cells, the first using 50% of the width, and the other two each using 25% (i.e., 6-3-3).*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.Tiles-6-3-3::before	/*Styles whatever comes before the 6-3-3 responsive layout.*/
{
	content: ' ';
	display: table;
}

div.Tiles-6-3-3::after	/*Styles whatever comes after the 6-3-3 responsive layout.*/
{
	content: ' ';
	display: table;
	clear: both;
}

div.Tiles-6-3-3 > div	/*Styles the main div for the 6-3-3 responsive layout.*/
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px;
}

div.Tiles-6-3-3 > div:nth-child(1)	/*Styles the first cell of the main div for the 6-3-3 responsive layout.*/
{
	width: 50%;
	margin-left: 0%;
}

.micro-content-container .micro-response div.Tiles-6-3-3 > div:nth-child(1)	/*Styles the first cell of the main div for the 6-3-3 responsive layout when displayed in micro content.*/
{
	width: 100%;
	margin-left: 0%;
}

div.Tiles-6-3-3 > div:nth-child(2)	/*Styles the second cell of the main div for the 6-3-3 responsive layout.*/
{
	padding-left: 10px;
	width: 25%;
	margin-left: 0%;
}

.micro-content-container .micro-response div.Tiles-6-3-3 > div:nth-child(2)	/*Styles the second cell of the main div for the 6-3-3 responsive layout when displayed in micro content.*/
{
	width: 100%;
	margin-left: 0%;
}

div.Tiles-6-3-3 > div:nth-child(3)	/*Styles the third cell of the main div for the 6-3-3 responsive layout.*/
{
	width: 25%;
	margin-left: 0%;
	padding-left: 10px;
}

.micro-content-container .micro-response div.Tiles-6-3-3 > div:nth-child(3)	/*Styles the third cell of the main div for the 6-3-3 responsive layout when displayed in micro content.*/
{
	width: 100%;
	margin-left: 0%;
}

div.Tiles-12-6-6	/*Styles a responsive layout with three cells, the first using 100% of the width, and the other two each using 50% of the next row (i.e., 12-6-6).*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.Tiles-12-6-6::before	/*Styles whatever comes before the 12-6-6 responsive layout.*/
{
	content: ' ';
	display: table;
}

div.Tiles-12-6-6::after	/*Styles whatever comes after the 12-6-6 responsive layout.*/
{
	content: ' ';
	display: table;
	clear: both;
}

div.Tiles-12-6-6 > div	/*Styles the main div for the 12-6-6 responsive layout.*/
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px;
}

div.Tiles-12-6-6 > div:nth-child(1)	/*Styles the first cell of the main div for the 12-6-6 responsive layout.*/
{
	width: 100%;
	margin-left: 0%;
}

div.Tiles-12-6-6 > div:nth-child(2)	/*Styles the second cell of the main div for the 12-6-6 responsive layout.*/
{
	padding-left: 10px;
	width: 50%;
	margin-left: 0%;
}

.micro-content-container .micro-response div.Tiles-12-6-6 > div:nth-child(2)	/*Styles the second cell of the main div for the 12-6-6 responsive layout when displayed in micro content.*/
{
	padding-left: 10px;
	width: 100%;
	margin-left: 0%;
}

div.Tiles-12-6-6 > div:nth-child(3)	/*Styles the third cell of the main div for the 12-6-6 responsive layout.*/
{
	padding-left: 10px;
	width: 50%;
	margin-left: 0%;
}

.micro-content-container .micro-response div.Tiles-12-6-6 > div:nth-child(3)	/*Styles the third cell of the main div for the 12-6-6 responsive layout when displayed in micro content.*/
{
	padding-left: 10px;
	width: 100%;
	margin-left: 0%;
}

div.Tiles-12-8-4	/*Styles a responsive layout with three cells, the first using 100% of the width, the second using 66% of the next row, and the third using 33% (i.e., 12-8-4).*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.Tiles-12-8-4::before	/*Styles whatever comes before the 12-8-4 responsive layout.*/
{
	content: ' ';
	display: table;
}

div.Tiles-12-8-4::after	/*Styles whatever comes after the 12-8-4 responsive layout.*/
{
	content: ' ';
	display: table;
	clear: both;
}

div.Tiles-12-8-4 > div	/*Styles the main div for the 12-8-4 responsive layout.*/
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px;
}

div.Tiles-12-8-4 > div:nth-child(1)	/*Styles the first cell of the main div for the 12-8-4 responsive layout.*/
{
	width: 100%;
	margin-left: 0%;
}

div.Tiles-12-8-4 > div:nth-child(2)	/*Styles the second cell of the main div for the 12-8-4 responsive layout.*/
{
	padding-left: 10px;
	width: 66.667%;
	margin-left: 0%;
}

.micro-content-container .micro-response div.Tiles-12-8-4 > div:nth-child(2)	/*Styles the second cell of the main div for the 12-8-4 responsive layout when displayed in micro content.*/
{
	padding-left: 10px;
	width: 100%;
	margin-left: 0%;
}

div.Tiles-12-8-4 > div:nth-child(3)	/*Styles the third cell of the main div for the 12-8-4 responsive layout.*/
{
	padding-left: 10px;
	width: 33.333%;
	margin-left: 0%;
}

.micro-content-container .micro-response div.Tiles-12-8-4 > div:nth-child(3)	/*Styles the third cell of the main div for the 12-8-4 responsive layout when displayed in micro content.*/
{
	padding-left: 10px;
	width: 100%;
	margin-left: 0%;
}

div.Tiles-4-8	/*Styles a responsive layout with two cells, the first using 33% of the width, the second using 66% (i.e., 4-8).*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.Tiles-4-8::before	/*Styles whatever comes before the 4-8 responsive layout.*/
{
	content: ' ';
	display: table;
}

div.Tiles-4-8::after	/*Styles whatever comes after the 4-8 responsive layout.*/
{
	content: ' ';
	display: table;
	clear: both;
}

div.Tiles-4-8 > div	/*Styles the main div for the 4-8 responsive layout.*/
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px;
}

div.Tiles-4-8 > div:nth-child(1)	/*Styles the first cell of the main div for the 4-8 responsive layout.*/
{
	width: 33.333%;
	margin-left: 0%;
}

.micro-content-container .micro-response div.Tiles-4-8 > div:nth-child(1)	/*Styles the first cell of the main div for the 4-8 responsive layout when displayed in micro content.*/
{
	width: 100%;
	margin-left: 0%;
}

div.Tiles-4-8 > div:nth-child(2)	/*Styles the second cell of the main div for the 4-8 responsive layout.*/
{
	padding-left: 10px;
	width: 66.667%;
	margin-left: 0%;
}

.micro-content-container .micro-response div.Tiles-4-8 > div:nth-child(2)	/*Styles the second cell of the main div for the 4-8 responsive layout when displayed in micro content.*/
{
	width: 100%;
	margin-left: 0%;
}

div.Tiles-1-11	/*Styles a responsive layout with two cells, the first using just over 8% of the width, the second using almost 92% (i.e., 1-11). It is commonly used to hold video content that appears on the side of topics.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	margin-top: 0px;
}

div.Tiles-1-11::before	/*Styles whatever comes before the 1-11 responsive layout.*/
{
	content: ' ';
	display: table;
}

div.Tiles-1-11::after	/*Styles whatever comes after the 1-11 responsive layout.*/
{
	content: ' ';
	display: table;
	clear: both;
}

div.Tiles-1-11 > div	/*Styles the main div for the 1-11 responsive layout.*/
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px;
	padding-left: 0px;
	padding-right: 0px;
}

div.Tiles-1-11 > div:nth-child(1)	/*Styles the first cell of the main div for the 1-11 responsive layout.*/
{
	width: 8.3333%;
	margin-left: 0%;
	padding-right: 5px;
}

div.Tiles-1-11 > div:nth-child(2)	/*Styles the second cell of the main div for the 1-11 responsive layout.*/
{
	padding-left: 10px;
	width: 91.667%;
	margin-left: 0%;
	padding-top: 10px;
}

div.Tiles-2-10	/*Styles a responsive layout with two cells, the first using over 16% of the width, the second using over 83% (i.e., 2-10). It is commonly used to hold video content that appears in the featured snippets area of micro content.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.Tiles-2-10::before	/*Styles whatever comes before the 2-10 responsive layout.*/
{
	content: ' ';
	display: table;
}

div.Tiles-2-10::after	/*Styles whatever comes after the 2-10 responsive layout.*/
{
	content: ' ';
	display: table;
	clear: both;
}

div.Tiles-2-10 > div	/*Styles the main div for the 2-10 responsive layout.*/
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px;
	padding-left: 0px;
	padding-right: 0px;
}

div.Tiles-2-10 > div:nth-child(1)	/*Styles the first cell of the main div for the 2-10 responsive layout.*/
{
	width: 16.667%;
	margin-left: 0%;
	padding-right: 5px;
}

div.Tiles-2-10 > div:nth-child(2)	/*Styles the second cell of the main div for the 2-10 responsive layout.*/
{
	padding-left: 10px;
	width: 83.333%;
	margin-left: 0%;
}

/*Search*/

span.SearchHighlight	/*Styles the background for highlighted text in search results when you open a topic. */
{
	background-color: #ffff00;
}

/*Side Navigation*/

._Skins_Align_Align_Side_Navigation ul.sidenav li a,
._Skins_Capture_Capture_Side_Navigation ul.sidenav li a,
._Skins_Flare_Online_Flare_Online_Side_Navigation ul.sidenav li a,
._Skins_Contributor_Contributor_Side_Navigation ul.sidenav li a,
._Skins_D2H_D2H_Side_Navigation ul.sidenav li a,
._Skins_Doc_Bible_Doc_Bible_Side_Navigation ul.sidenav li a,
._Skins_Flare_Desktop_Flare_Desktop_Side_Navigation ul.sidenav li a,
._Skins_Lingo_Lingo_Side_Navigation ul.sidenav li a,
._Skins_Mimic_Mimic_Side_Navigation ul.sidenav li a	/*Styles the text links in the side navigation. */
{
	font-family: Roboto;
	font-weight: normal;
	font-size: .82em;
}

/*Slideshows*/

MadCap|slideshow	/*Styles a slideshow container.*/
{
	border-style: none;
	box-shadow: none;
}

MadCap|slideshowCaption	/*Styles a slideshow caption.*/
{
	background: none;
	color: #000000;
	font-weight: bold;
	padding: 0px;
	padding-top: 0px;
}

/*Snippets*/

MadCap|snippetBlock.PDF-Links	/*Styles snippets holding links to PDF guides. This is typically used in the various PDF Guides topics.*/
{
	margin-bottom: -40px;
}

/*Spans*/

span.Admonition	/* Styles the autonumber text at the beginning of things like notes, tips, etc. But because it's tied to those other styles rather than used directly on content, it shows up as an unused style in the Analysis reports, even though it really is used. */
{
	text-transform: uppercase;
	letter-spacing: 1px;
}

span.Registered-Trademark	/*Styles the registered trademark symbol when inserted into content.*/
{
	font-size: .7em;
	mc-dita-type: sup;
	vertical-align: super;
}

span.SeeAlsoIndexTerms,
span.SeeIndexTerms	/*Styles the "See" and "See Also" index terms that appear in our PDF indexes.*/
{
	font-style: italic;
}

sup.small	/*Styles superscript text so that it is quite small.*/
{
	font-size: .6em;
}

/*Tables*/

table p	/*Styles paragraphs that are added to tables.*/
{
	padding-top: 8px;
	margin-top: 8px;
	margin-bottom: 2px;
}

tfoot p	/*Styles paragraphs that are added to table footers.*/
{
	font-size: 1em;
	color: #000000;
}

th p	/*Styles paragraphs that are added to table headers.*/
{
	font-weight: bold;
	text-align: left;
	color: #000000;
}

table	/*Styles tables.*/
{
	margin-bottom: 10px;
}

td	/*Styles table cell content.*/
{
	margin: 8px;
	vertical-align: top;
}

th	/*Styles table headers.*/
{
	color: #000000;
	margin-bottom: 8px;
	margin-top: 8px;
	vertical-align: bottom;
}

tr	/*Styles table rows. It's empty in the Default medium, just so that the styles can be selected when viewing content in the Web layout. But it has values in the Print medium because that's where the page break values for this feature might be used.*/
{
	
}

#table-filter-input	/*Styles the filter input field that appears at the top of some long tables. */
{
	width: 50%;
	border-radius: 3px;
	font-size: 1em;
	padding: 12px 20px;
	border: 1px solid #ddd;
	margin: 18px;
	margin-left: 0;
}

#table-filter-button	/*Styles the filter field button that appears at the top of some long tables. */
{
	border-radius: 3px;
	font-size: 1em;
	color: #00abf0;
	background-color: white;
	padding: 5px;
	border: 1px solid #ddd;
}

#table-filter-button:hover	/*Styles the hovered filter field button that appears at the top of some long tables. */
{
	cursor: pointer;
	color: white;
	background-color: #00abf0;
}

a.back-to-top	/*Styles the "top" link that appears in header rows in some long tables that set to be filtered. */
{
	float: right;
	font-size: 1em;
	margin-top: -30px;
}

/*Tips*/

div.tip	/*Styles the container used for tips.*/
{
	background-repeat: no-repeat;
	border: solid 2px #bed420;
	padding-left: 40px;
	padding-right: 10px;
	background-color: #ffffff;
	margin: 20px 10px 20px 0;
	line-height: 20pt;
	letter-spacing: .25px;
	background-image: url('../../Images/Shared/All/Interface/Icons/Tip-ico.png');
	padding-bottom: 0px;
	padding-top: 0px;
	background-position: 10px 25px;
	overflow-wrap: break-word;
}

div.tip > p:first-child	/*Styles the first paragraph for a tip. In other words, it automatically addes the word Tip to it.*/
{
	mc-auto-number-format: '{b}{color #242729}Tip {/color}{/b}';
	mc-auto-number-class: Admonition;
}

.micro-content-container .micro-response div.tip	/*Styles the container used for tips when displayed in micro content.*/
{
	background-position: 10px 12px;
}

/*TOCs*/

MadCap|tocProxy	/*Styles the container used for a generated TOC.*/
{
	border-top: none;
}

p.TOC1	/*Styles the first level in a generated TOC.*/
{
	font-family: 'Roboto Black';
	text-transform: uppercase;
	letter-spacing: .75;
	font-size: 13pt;
	line-height: 21pt;
	page-break-after: avoid;
	font-weight: normal;
	mc-leader-format: ' ';
	mc-pagenum-display: none;
	margin-bottom: 8pt;
	margin-top: 23pt;
	mc-hyphenate: never;
}

p.TOC2	/*Styles the second level in a generated TOC.*/
{
	font-size: 13pt;
	font-weight: normal;
	line-height: 21pt;
	margin-left: 0;
	margin: 4pt 0;
	mc-hyphenate: never;
}

p.TOC3	/*Styles the third level in a generated TOC.*/
{
	font-size: 13pt;
	line-height: 21pt;
	margin: 4pt 0 4pt 15pt;
	mc-hyphenate: never;
}

p.TOC4	/*Styles the fourth level in a generated TOC.*/
{
	font-family: 'Roboto Black';
	text-transform: uppercase;
	letter-spacing: .75;
	font-size: 13pt;
	line-height: 21pt;
	page-break-after: avoid;
	margin-bottom: 8pt;
	margin-left: 0pt;
	margin-top: 24pt;
	mc-pagenum-display: all;
	mc-hyphenate: never;
}

/*Videos */

div.video-text p,
div.video-text-knowledge p	/*Styles paragraphs in the video sections that we show to the side of topics or in micro content results.*/
{
	font-size: 12pt;
	margin: 2px;
}

div.video-text p:nth-child(1)	/*Styles the first paragraphs in the video-text container. These are the video sections that we show in micro content results.*/
{
	padding-top: 10px;
}

div.video-text-knowledge p:nth-child(1)	/*Styles the first paragraphs in the video-text container. These are the video sections that we show to the side of topics.*/
{
	padding-top: 0px;
}

.video-section	/*Styles the video section that holds the What's New video on the Home page.*/
{
	padding-top: 10px;
	margin-bottom: 0px;
}

.video-section img	/*Styles an image in the video section that holds the What's New video on the Home page.*/
{
	padding-right: 10px;
	padding-bottom: 10px;
}

p.more-videos	/*Styles the text at the bottom of videos to view more videos.*/
{
	font-size: 15px;
}

a.buttonT32-play-link	/*Styles the link for a video. */
{
	font-weight: bold;
	display: inline-block;
	position: relative;
	z-index: 1;
	padding: 2em;
	margin: -2em;
}

.buttonT32-play	/*Styles the bottom margin for a video link. */
{
	margin-bottom: 30px;
}

.buttonT32-play,
.buttonT32-play:hover,
.buttonT32-play:link,
.buttonT32-play:visited	/*Styles the link for a video. */
{
	font-family: roboto, Arial, sans-serif;
	font-style: normal;
	line-height: 19px;
	letter-spacing: 1px;
	opacity: 1;
	display: block;
	text-transform: uppercase;
}

.buttonT32-play a	/*Styles the link for a video. */
{
	text-decoration: none;
	color: #1c5a97;
}

.buttonT32-play:before,
.buttonT32-play:hover:before,
.buttonT32-play:link:before,
.buttonT32-play:visited:before	/*Styles the link for a video. */
{
	content: "";
	cursor: pointer;
	width: 33px;
	height: 33px;
	margin-right: 10px;
	display: inline-block;
	background-size: cover;
	position: relative;
	top: 12px;
}

.buttonT32-play:before,
.buttonT32-play:link:before,
.buttonT32-play:visited:before	/*Styles the play button image used in a link for a video. */
{
	background-image: url('../../Images/Shared/All/Interface/Buttons/Play-Normal-btn.png');
}

.buttonT32-play:hover:before	/*Styles the play button image used in a link for a video when a person hovers over it. */
{
	background-image: url('../../Images/Shared/All/Interface/Buttons/Play-Hover-btn.png');
}

/*Warnings and Important*/

div.important,
div.warning	/*Styles the container used for warnings and important notes.*/
{
	background-color: #ffffff;
	background-repeat: no-repeat;
	border: solid 2px #ff6b31;
	padding-left: 40px;
	padding-right: 10px;
	margin: 20px 10px 20px 0;
	line-height: 20pt;
	letter-spacing: .25px;
	background-image: url('../../Images/Shared/All/Interface/Icons/Warning-ico.png');
	padding-bottom: 0px;
	padding-top: 0px;
	background-position: 10px 23px;
	overflow-wrap: break-word;
}

div.important > p:first-child	/*Styles the first paragraph for an important note. In other words, it automatically addes the word Important to it.*/
{
	mc-auto-number-format: '{b}{color #242729}Important {/color}{/b}';
	mc-auto-number-class: Admonition;
}

div.warning > p:first-child	/*Styles the first paragraph for a warning. In other words, it automatically addes the word Warning to it.*/
{
	mc-auto-number-format: '{b}{color #242729}Warning {/color}{/b}';
	mc-auto-number-class: Admonition;
}

.micro-content-container .micro-response div.important,
.micro-content-container .micro-response div.warning	/*Styles the container used for warnings and important notes when displayed in micro content.*/
{
	background-position: 10px 12px;
}

@media print
{
	body	/* Values for print-based output. This is the widest style where we have settings (apart from the html style). All other styles in the project will inherit these values, but some of the lower-level styles have values that override these. */
	{
		margin: 8px;
		font-size: 11pt;
		line-height: normal;
	}

	/*Banners*/

	p.OutputsSupported	/*Values for print-based output. Used for banners that display at the top of some topics in a drop-down (in online ouptut). Not sure why we have it in this medium, unless maybe there are some instances where we display this content in print output too.*/
	{
		color: #282828;
	}

	/*Cross-References*/

	MadCap|xref	/*Values for print-based output. Styles cross-references. */
	{
		color: #282828;
		font-weight: normal;
		mc-format: '{quote}{para}{quote} {pageref}';
		text-decoration: none;
	}

	/*Drop-Downs*/

	MadCap|dropDown	/*Values for print-based output. Styles the area holding an entire drop-down. */
	{
		margin: 0;
		padding: 0;
		margin-top: 16px;
		border-bottom: none 2px #000000;
	}

	MadCap|dropDownBody	/*Values for print-based output. Styles the area holding the body portion of the drop-down (stuff below the drop-down heading). */
	{
		border-bottom: none;
		margin-left: 0px;
	}

	MadCap|dropDownHead	/*Values for print-based output. Styles the drop-down heading area. */
	{
		font-size: 12pt;
		padding: 5px 5px 5px 0px;
		margin-top: 0px;
	}

	MadCap|dropDownHotspot	/*Values for print-based output. Styles the hotspot portion of drop-downs (the thing users click to expand or collapse the drop-down). It's empty because it doesn't apply to print-based output, but including it allows us to select it when working in the print labyout in the editor.*/
	{
		
	}

	/*eLearning */

	.question p	/*Values for print-based output. Styles a question when it occurs within a paragraph tag.*/
	{
		font-weight: bold;
	}

	MadCap|multipleChoiceItem	/*Values for print-based output. Styles the answer that has been inserted within the MadCap|multipleChoice section. */
	{
		margin-left: 30px;
	}

	/*Examples*/

	div.example,
	div.examples	/*Values for print-based output. Styles blocks that are used for examples.*/
	{
		font-size: 11pt;
		line-height: 14pt;
		background-image: url('../../Images/Shared/All/Interface/Icons/Example-ico2.jpg');
		margin: 10px 0px;
		padding-top: 20px;
		padding-bottom: 20px;
		background-position: 10px 21px;
	}

	/*Footnotes*/

	MadCap|footnoteBlock	/*Values for print-based output. Styles the container holding individual footnote comments.*/
	{
		font-size: 9pt;
	}

	MadCap|footnotesBlock	/*Values for print-based output. Styles the container holding all footnote comments.*/
	{
		border-top-color: #058A95;
	}

	/*Generic Classes*/

	.IndentMediumTableCell	/*Values for print-based output. Adds space the left, above, and below content in a table cell. For example, we use this on text in the first column of a row that is a subset of a main row above it. */
	{
		margin-left: 10px;
	}

	.NoPageBreakBefore	/*Values for print-based output. Ensures there is no page break before the element.*/
	{
		page-break-before: avoid;
	}

	.PageBreakAfter	/*Values for print-based output. Ensures that there is a page break after the element.*/
	{
		page-break-after: always;
	}

	.PageBreakBefore	/*Values for print-based output. Ensures there is a page break before the element.*/
	{
		page-break-before: always;
	}

	/*Glossaries*/

	div.GlossaryPageDefinition	/*Values for print-based output. Styles the container holding a glossary page definition.*/
	{
		color: #ffffff;
		font-size: 11pt;
	}

	div.GlossaryPageHeading	/*Values for print-based output. Styles the container holding a glossary page heading.*/
	{
		border-bottom-color: #058A95;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		color: #058A95;
		font-size: 13pt;
	}

	div.GlossaryPageTerm	/*Values for print-based output. Styles the container holding a glossary page term.*/
	{
		color: #058A95;
		font-size: 12pt;
		padding-bottom: 10px;
		padding-top: 10px;
	}

	MadCap|glossaryProxy	/*Values for print-based output. Styles the container holding a glossary.*/
	{
		border-top: none;
		color: #ffffff;
	}

	/*Headings*/

	h1	/*Values for print-based output. Styles first-level headings.*/
	{
		color: #058A95;
		font-family: Roboto;
		font-size: 35pt;
		line-height: 40pt;
		margin-top: 0px;
		page-break-before: avoid;
		padding-bottom: 0px;
	}

	h1.SingleChapter	/*Values for print-based output. Styles a first-level heading in a PDF that has only one chapter.*/
	{
		background-color: transparent;
		border-bottom: none;
		font-size: 22pt;
		line-height: 24pt;
		margin-bottom: 20px;
		margin-left: 0;
		mc-auto-number-class: ;
		padding-left: 0px;
		padding-top: 0px;
		mc-auto-number-format: '{ }';
		mc-auto-number-position: inside-tail;
	}

	h2,
	h2.Micro-Content	/*Values for print-based output. Styles second-level headings.*/
	{
		font-family: Roboto;
		page-break-before: always;
		font-size: 28pt;
	}

	h3,
	h3.Micro-Content	/*Values for print-based output. Styles third-level headings.*/
	{
		mc-heading-level: 0;
		font-family: Roboto;
		font-size: 23pt;
		line-height: 26pt;
	}

	h4,
	h4.Micro-Content	/*Values for print-based output. Styles fourth-level headings.*/
	{
		font-family: Roboto;
		line-height: 20pt;
		font-size: 20pt;
	}

	h5,
	h5.Micro-Content	/*Values for print-based output. Styles fifth-level headings.*/
	{
		font-weight: normal;
		mc-heading-level: 0;
		line-height: 16pt;
		font-size: 16pt;
	}

	h6,
	h6.Micro-Content	/*Values for print-based output. Styles sixth-level headings.*/
	{
		margin-bottom: 0px;
		margin-left: 0px;
		margin: 0px;
		margin-top: 16px;
		letter-spacing: .75;
		font-size: 14pt;
	}

	/*Images*/

	img.banners	/*Values for print-based output. Styles images that are inserted into banners. */
	{
		max-height: 90px;
	}

	img.MaxWidth100PercentNoThumbnail	/*Values for print-based output. Styles images so that they use 100% of the container and are not converted to thumbnails in online output. */
	{
		max-width: 100%;
		padding: 10px;
	}

	img.MaxWidth100Percent,
	img.ThumbnailMicroContent	/*Values for print-based output. Styles images so that they use 100% of the container. */
	{
		max-width: 100%;
		padding-bottom: 0px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
	}

	img.MaxWidth95PercentNoThumbnail	/*Values for print-based output. Styles images so that they use 95% of the container and are not converted to thumbnails in online output. */
	{
		max-width: 95%;
		padding: 10px;
	}

	img.MaxWidth95Percent	/*Values for print-based output. Styles images so that they use 95% of the container. */
	{
		max-width: 95%;
		padding-bottom: 0px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
	}

	img.MaxWidth90Percent	/*Values for print-based output. Styles images so that they use 90% of the container. */
	{
		max-width: 90%;
		padding-bottom: 0px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
	}

	img.MaxWidth85Percent	/*Values for print-based output. Styles images so that they use 85% of the container. */
	{
		max-width: 85%;
		padding-bottom: 0px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
	}

	img.MaxWidth80Percent	/*Values for print-based output. Styles images so that they use 80% of the container. */
	{
		max-width: 80%;
		padding-bottom: 0px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
	}

	img.MaxWidth75Percent	/*Values for print-based output. Styles images so that they use 75% of the container. */
	{
		max-width: 75%;
		padding-bottom: 0px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
	}

	img.MaxWidth70Percent	/*Values for print-based output. Styles images so that they use 70% of the container. */
	{
		max-width: 70%;
		padding-bottom: 0px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
	}

	img.MaxWidth70PercentNoThumbnail	/*Values for print-based output. Styles images so that they use 70% of the container and are not converted to thumbnails in online output. */
	{
		max-width: 70%;
		padding: 10px;
	}

	img.MaxWidth65Percent	/*Values for print-based output. Styles images so that they use 65% of the container. */
	{
		max-width: 65%;
		padding-bottom: 0px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
	}

	img.MaxWidth60Percent	/*Values for print-based output. Styles images so that they use 60% of the container. */
	{
		max-width: 60%;
		padding-bottom: 0px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
	}

	img.MaxWidth55Percent	/*Values for print-based output. Styles images so that they use 55% of the container. */
	{
		max-width: 55%;
		padding-bottom: 0px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
	}

	img.MaxWidth50Percent	/*Values for print-based output. Styles images so that they use 50% of the container. */
	{
		max-width: 50%;
		padding-bottom: 0px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
	}

	img.MaxWidth45Percent	/*Values for print-based output. Styles images so that they use 45% of the container. */
	{
		max-width: 45%;
		padding-bottom: 0px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
	}

	img.MaxWidth40Percent	/*Values for print-based output. Styles images so that they use 40% of the container. */
	{
		max-width: 40%;
		padding-bottom: 0px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
	}

	img.MaxWidth35Percent	/*Values for print-based output. Styles images so that they use 35% of the container. */
	{
		max-width: 35%;
		padding-bottom: 0px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
	}

	img.MaxWidth30Percent	/*Values for print-based output. Styles images so that they use 30% of the container. */
	{
		max-width: 30%;
		padding-bottom: 0px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
	}

	/*Indenting*/

	.IndentMedium	/*Values for print-based output. Adds a margin to the left of the content. We use this on a div when we want to start a section with H3s. It might be used at other times too. */
	{
		margin-left: 0;
	}

	/*Indexes*/

	MadCap|indexProxy	/*Values for print-based output. Styles the container holding an index.*/
	{
		border-top: none;
	}

	MadCap|indexProxy.Column2	/*Values for print-based output. Styles the second colulumn in an index.*/
	{
		mc-column-count: 2;
		mc-index-headings: true;
	}

	p.IndexHeading	/*Values for print-based output. Styles the heading in an index.*/
	{
		font-size: 13pt;
		padding-top: 16px;
		text-align: left;
	}

	p.IndexPrintHead	/*Values for print-based output. Styles the chapter heading for an index.*/
	{
		color: #058A95;
		page-break-before: always;
		mc-heading-level: 4;
	}

	p.Index1	/*Values for print-based output. Styles the the first-level entries in an index.*/
	{
		margin-bottom: 4px;
		margin-top: 4px;
	}

	p.Index2	/*Values for print-based output. Styles the the second-level entries in an index.*/
	{
		margin-bottom: 0px;
		margin-top: 0px;
	}

	/*Lists*/

	li	/*Values for print-based output. Styles a list item.*/
	{
		orphans: 2;
		widows: 2;
		line-height: 14pt;
		margin-bottom: 10px;
		margin-top: 10px;
	}

	li.PageBreakBefore	/*Values for print-based output. Ensures there is a page break before the list item.*/
	{
		page-break-before: always;
		margin-top: 18pt;
		mc-printer-page-margin-top: 18pt;
	}

	li p	/*Values for print-based output. Styles a paragraph that appears within a list item.*/
	{
		line-height: 14pt;
		margin-bottom: 10px;
		margin-top: 10px;
	}

	ol	/*Values for print-based output. Styles an ordered (numbered) list.*/
	{
		line-height: 14pt;
		font-size: 11pt;
		margin-bottom: 10px;
		margin-top: 10px;
	}

	ol ol	/*Values for print-based output. Styles the second level of an ordered (numbered) list.*/
	{
		line-height: 14pt;
		margin-bottom: 10px;
		margin-top: 10px;
	}

	ol ol ol	/*Values for print-based output. Styles the third level of an ordered (numbered) list.*/
	{
		line-height: 14pt;
		margin-bottom: 10px;
		margin-top: 10px;
	}

	ol ul	/*Values for print-based output. Styles an unordered (bulleted) list that appears at the second level of an ordered (numbered) list.*/
	{
		line-height: 14pt;
		margin-bottom: 10px;
		margin-top: 10px;
	}

	ol ul ul	/*Values for print-based output. Styles an unordered (bulleted) list that appears at the third level of an ordered (numbered) list.*/
	{
		line-height: 14pt;
		margin-bottom: 10px;
		margin-top: 10px;
	}

	ol ul ul ul	/*Values for print-based output. Styles an unordered (bulleted) list that appears at the fourth level of an ordered (numbered) list.*/
	{
		line-height: 14pt;
		margin-bottom: 10px;
		margin-top: 10px;
	}

	ol p	/*Values for print-based output. Styles paragraphs that appear in an ordered (numbered) list.*/
	{
		font-size: 11pt;
		line-height: 14pt;
		margin-bottom: 10px;
		margin-top: 10px;
	}

	ol > li::marker	/*Values for print-based output. Styles the marker (i.e., number) in a numbered list.*/
	{
		margin-bottom: 10px;
		margin-top: 10px;
		line-height: 14pt;
	}

	ul	/*Values for print-based output. Styles an unordered (bulleted) list.*/
	{
		font-size: 11pt;
		line-height: 14pt;
		margin-bottom: 10px;
		margin-top: 10px;
	}

	ul ul	/*Values for print-based output. Styles the second level of an unordered (bulleted) list.*/
	{
		margin-left: 30px;
		line-height: 14pt;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	ul ul ul	/*Values for print-based output. Styles the third level of an unordered (bulleted) list.*/
	{
		margin-left: 30px;
		margin-bottom: 10px;
		margin-top: 10px;
		line-height: 14pt;
	}

	ul ul ul ul	/*Values for print-based output. Styles the fourth level of an unordered (bulleted) list.*/
	{
		margin-left: 30px;
		line-height: 14pt;
		margin-bottom: 10px;
		margin-top: 10px;
	}

	ul > li::marker	/*Values for print-based output. Styles the marker (i.e., bullet) in a bulleted list.*/
	{
		line-height: 14pt;
		margin-bottom: 10px;
		margin-top: 10px;
	}

	ul ol	/*Values for print-based output. Styles an ordered (numbered) list that appears at the second level of an unordered (bulleted) list.*/
	{
		line-height: 14pt;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	ul p	/*Values for print-based output. Styles paragraphs that appear in an unordered (bulleted) list.*/
	{
		line-height: 14pt;
		font-size: 11pt;
		margin-bottom: 10px;
		margin-top: 10px;
	}

	/*Mini-TOCs*/

	MadCap|miniTocProxy	/*Values for print-based output. Styles the mini-TOC container.*/
	{
		color: #282828;
		text-decoration: none;
		border-top-width: 0px;
		margin-left: 0.25in;
		margin-right: 0.25in;
		padding-left: 0px;
		border-top-color: black;
		border-top-width: 1px;
		border-top-style: none;
	}

	MadCap|miniTocProxy.SingleChapterDoc	/*Values for print-based output. Styles the mini-TOC container for a PDF that has only one chapter.*/
	{
		margin-left: 0;
		margin-right: 0;
	}

	p.MiniTOC1	/*Values for print-based output. Styles the first level of a mini-TOC.*/
	{
		font-size: 11pt;
		line-height: 14pt;
		margin-left: .75in;
		margin-right: .75in;
		mc-hyphenate: never;
		color: #282828;
		text-decoration: none;
	}

	/*Notes*/

	div.note	/*Values for print-based output. Styles a container holding a note.*/
	{
		font-size: 11pt;
		line-height: 14pt;
		margin: 10px 0px;
		padding-top: 20px;
		padding-bottom: 20px;
		background-position: 10px 22px;
		background-image: url('../../Images/Shared/All/Interface/Icons/Note-ico2.jpg');
	}

	/*Paragraphs*/

	p	/*Values for print-based output. Styles paragraphs.*/
	{
		orphans: 2;
		widows: 2;
		line-height: 14pt;
		font-size: 11pt;
		margin-bottom: 10px;
		margin-top: 10px;
	}

	p.ComingSoon	/*Values for print-based output. Styles "Coming Soon" text that is used for PDF title pages when we want to temporarily publish PDFs for testing.*/
	{
		font-size: 64pt;
		letter-spacing: -1px;
		margin-top: 150px;
		text-align: center;
		color: #ffffff;
	}

	p.ContentsHeadingPrint	/*Values for print-based output. Styles the main heading for TOC in PDF output.*/
	{
		mc-heading-level: 0;
		page-break-before: always;
		color: #058A95;
	}

	p.ManualVersionNumber	/*Values for print-based output. Styles the version number text on the title page for "Coming Soon" PDFs.*/
	{
		margin-left: 1in;
		margin-top: 12pt;
	}

	p.PDFList	/*Values for print-based output. Styles the text for the list of PDFs that appears in the appendix at the end of almost any PDF.*/
	{
		font-style: italic;
		margin-bottom: 2px;
		margin-top: 8px;
	}

	p.PrintOnlySpace	/*Values for print-based output. Styles text on the links of the Getting Help topic for PDF output.*/
	{
		margin-bottom: 30pt;
	}

	p.Subheading	/*Values for print-based output. Styles subheading text. These headings are typically used between steps in a procedure.*/
	{
		margin-top: 16pt;
		font-size: 12pt;
	}

	/*Tables*/

	td	/*Values for print-based output. Styles table cell content.*/
	{
		font-size: 10pt;
	}

	tfoot p	/*Values for print-based output. Styles paragraphs that are added to table footers.*/
	{
		font-size: 12pt;
		margin-bottom: 10px;
		margin-top: 10px;
	}

	tfoot p MadCap|xref	/*Values for print-based output. Styles cross-references that are added to paragraphs in table footers.*/
	{
		font-weight: normal;
		mc-format: '{quote}{para}{quote} {pageref}';
		text-decoration: none;
	}

	tfoot p a,
	tfoot p a:visited,
	tfoot p a:hover,
	tfoot p MadCap|xref:visited	/*Values for print-based output. Styles visited cross-references or hyperlinks that are added to paragraphs in table footers.*/
	{
		font-weight: normal;
	}

	th	/*Values for print-based output. Styles table headers.*/
	{
		font-size: 12pt;
	}

	th p	/*Values for print-based output. Styles paragraphs that are added to table headers.*/
	{
		font-size: 11pt;
	}

	tr	/*Values for print-based output. Styles table rows.*/
	{
		page-break-inside: avoid;
	}

	/*Tips*/

	div.tip	/*Values for print-based output. Styles the container used for tips.*/
	{
		font-size: 14pt;
		line-height: 14pt;
		background-image: url('../../Images/Shared/All/Interface/Icons/Tip-Icon2.jpg');
		margin: 10px 0px;
		padding-top: 10px;
		padding-bottom: 10px;
		background-position: 10px 12px;
	}

	/*Warnings and Important*/

	div.important,
	div.warning	/*Values for print-based output. Styles the container used for warnings and important notes.*/
	{
		font-size: 14pt;
		line-height: 14pt;
		background-image: url('../../Images/Shared/All/Interface/Icons/Warning-ico2.jpg');
		margin: 10px 0px;
		padding-bottom: 20px;
		padding-top: 20px;
		background-position: 10px 21px;
	}
}

@media Hero2
{
	div.topic-hero	/*Values for Hero2 medium. Styles the hero image area on the Home page. */
	{
		background-image: url('../../Images/Shared/All/Introduction/Hero2.jpg');
	}

	h1.Home	/*Values for Hero2 medium. Styles first-level headings on the Home page.*/
	{
		color: #ffffff;
	}
}

@media Hero3
{
	div.topic-hero	/*Values for Hero3 medium. Styles the hero image area on the Home page. */
	{
		background-image: url('../../Images/Shared/All/Introduction/Hero3.jpg');
	}
}

@media Hero4
{
	div.topic-hero	/*Values for Hero4 medium. Styles the hero image area on the Home page. */
	{
		background-image: url('../../Images/Shared/All/Introduction/Hero4.jpg');
	}
}

@media Hero5
{
	div.topic-hero	/*Values for Hero5 medium. Styles the hero image area on the Home page. */
	{
		background-image: url('../../Images/Shared/All/Introduction/Hero5.png');
	}
}

@media only screen and (max-width: 1279px)
{
	/*Breadcrumbs*/

	MadCap|breadcrumbsProxy	/*Values for tablet screen. Styles the breadcrumbs content at the top of some topics. */
	{
		width: 550px;
	}

	/*Home Page */

	h1.Home	/*Values for tablet screen. Styles first-level headings on the Home page.*/
	{
		font-size: 34pt;
		line-height: 50px;
		padding-left: 15%;
		padding-right: 15%;
	}

	div.HomeMasterPageFooter > div:nth-child(1)	/*Values for tablet screen. Styles the first cell for the footer area on the Home page. */
	{
		width: 25%;
		margin-left: 0%;
	}

	div.HomeMasterPageFooter > div:nth-child(2)	/*Values for tablet screen. Styles the second cell for the footer area on the Home page. */
	{
		width: 50%;
		margin-left: 0%;
		padding-left: 0;
	}

	div.HomeMasterPageFooter > div:nth-child(3)	/*Values for tablet screen. Styles the third cell for the footer area on the Home page. */
	{
		width: 25%;
		margin-left: 0%;
	}

	div.Tiles-6-6-Home > div:nth-child(1)	/*Values for tablet screen. Styles the first cell of the main div for the 6-6 responsive layout on the Home page*/
	{
		margin-left: 2%;
		width: 46%;
	}

	div.Tiles-6-6-Home > div:nth-child(2)	/*Values for tablet screen. Styles the second cell of the main div for the 6-6 responsive layout on the Home page*/
	{
		margin-left: 2%;
		width: 46%;
	}

	div.Tiles-6-6-Home a:hover	/*Values for tablet screen. Styles a hovered link in the 6-6-Home responsive layout.*/
	{
		color: #0c3168;
	}

	div.Tiles-12-Home > div:nth-child(1)	/*Values for tablet screen. Styles the only cell of the main div for the 12 responsive layout on the Home page*/
	{
		margin-left: 2%;
		width: 92%;
	}

	div.Tiles-12-Home a:hover	/*Values for tablet screen. Styles a hovered link in the 12-Home responsive layout.*/
	{
		color: #0c3168;
	}

	div.video-section > div:nth-child(1)	/*Values for tablet screen. Styles the first cell for the section of the Home page holding the what's new video and content*/
	{
		display: none;
	}

	div.video-section > div:nth-child(2)	/*Values for tablet screen. Styles the second cell for the section of the Home page holding the what's new video and content*/
	{
		width: 100%;
		margin-left: 0%;
	}

	/*IDs */

	#myBtn	/*Values for tablet screen. Used for the back-to-top button that displays via JavaScript when you're looking at a long topic in the online output. */
	{
		bottom: 10px;
		right: 10px;
	}

	/*Responsive Layouts*/

	div.Tiles-3-3-3-3 > div:nth-child(1)	/*Values for tablet screen. Styles the first cell of the main div for the 3-3-3-3 responsive layout.*/
	{
		width: 50%;
		margin-left: 0%;
	}

	.micro-content-container .micro-response div.Tiles-3-3-3-3 > div:nth-child(1)	/*Values for tablet screen. Styles the first cell of the main div for the 3-3-3-3 responsive layout when displayed in micro content.*/
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-3-3-3-3 > div:nth-child(2)	/*Values for tablet screen. Styles the second cell of the main div for the 3-3-3-3 responsive layout.*/
	{
		width: 50%;
		margin-left: 0%;
	}

	.micro-content-container .micro-response div.Tiles-3-3-3-3 > div:nth-child(2)	/*Values for tablet screen. Styles the second cell of the main div for the 3-3-3-3 responsive layout when displayed in micro content.*/
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-3-3-3-3 > div:nth-child(3)	/*Values for tablet screen. Styles the third cell of the main div for the 3-3-3-3 responsive layout.*/
	{
		width: 50%;
		margin-left: 0%;
	}

	.micro-content-container .micro-response div.Tiles-3-3-3-3 > div:nth-child(3)	/*Values for tablet screen. Styles the third cell of the main div for the 3-3-3-3 responsive layout when displayed in micro content.*/
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-3-3-3-3 > div:nth-child(4)	/*Values for tablet screen. Styles the fourth cell of the main div for the 3-3-3-3 responsive layout.*/
	{
		width: 50%;
		margin-left: 0%;
	}

	.micro-content-container .micro-response div.Tiles-3-3-3-3 > div:nth-child(4)	/*Values for tablet screen. Styles the fourth cell of the main div for the 3-3-3-3 responsive layout when displayed in micro content.*/
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-3-3-3-3 a:hover	/*Values for tablet screen. Styles a hovered link in the 3-3-3-3 responsive layout.*/
	{
		color: #0c3168;
	}

	div.Tiles-4-4-4 > div:nth-child(1)	/*Values for tablet screen. Styles the first cell of the main div for the 4-4-4 responsive layout.*/
	{
		width: 33.333%;
		margin-left: 0%;
	}

	.micro-content-container .micro-response div.Tiles-4-4-4 > div:nth-child(1)	/*Values for tablet screen. Styles the first cell of the main div for the 4-4-4 responsive layout when displayed in micro content.*/
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-4-4-4 > div:nth-child(2)	/*Values for tablet screen. Styles the second cell of the main div for the 4-4-4 responsive layout.*/
	{
		width: 33.33333%;
		margin-left: 0%;
	}

	.micro-content-container .micro-response div.Tiles-4-4-4 > div:nth-child(2)	/*Values for tablet screen. Styles the second cell of the main div for the 4-4-4 responsive layout when displayed in micro content.*/
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-4-4-4 > div:nth-child(3)	/*Values for tablet screen. Styles the third cell of the main div for the 4-4-4 responsive layout.*/
	{
		width: 33.333%;
		margin-left: 0%;
	}

	.micro-content-container .micro-response div.Tiles-4-4-4 > div:nth-child(3)	/*Values for tablet screen. Styles the third cell of the main div for the 4-4-4 responsive layout when displayed in micro content.*/
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-4-4-4 a:hover	/*Values for tablet screen. Styles a hovered link in the 4-4-4 responsive layout.*/
	{
		color: #0c3168;
	}

	div.Tiles-6-6 > div:nth-child(1)	/*Values for tablet screen. Styles the first cell of the main div for the 6-6 responsive layout.*/
	{
		width: 50%;
		margin-left: 0%;
	}

	.micro-content-container .micro-response div.Tiles-6-6 > div:nth-child(1)	/*Values for tablet screen. Styles the first cell of the main div for the 6-6 responsive layout when displayed in micro content.*/
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-6-6 > div:nth-child(2)	/*Values for tablet screen. Styles the second cell of the main div for the 6-6 responsive layout.*/
	{
		width: 50%;
		margin-left: 0%;
	}

	.micro-content-container .micro-response div.Tiles-6-6 > div:nth-child(2)	/*Values for tablet screen. Styles the second cell of the main div for the 6-6 responsive layout when displayed in micro content.*/
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-6-6 a:hover	/*Values for tablet screen. Styles a hovered link in the 6-6 responsive layout.*/
	{
		color: #0c3168;
	}

	div.Tiles-8-4 > div:nth-child(1)	/*Values for tablet screen. Styles the first cell of the main div for the 8-4 responsive layout.*/
	{
		width: 66.667%;
		margin-left: 0%;
	}

	.micro-content-container .micro-response div.Tiles-8-4 > div:nth-child(1)	/*Values for tablet screen. Styles the first cell of the main div for the 8-4 responsive layout when displayed in micro content.*/
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-8-4 > div:nth-child(2)	/*Values for tablet screen. Styles the second cell of the main div for the 8-4 responsive layout.*/
	{
		width: 33.33333%;
		margin-left: 0%;
	}

	.micro-content-container .micro-response div.Tiles-8-4 > div:nth-child(2)	/*Values for tablet screen. Styles the first cell of the main div for the 8-4 responsive layout when displayed in micro content.*/
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-8-4 a:hover	/*Values for tablet screen. Styles a hovered link in the 8-4 responsive layout.*/
	{
		color: #0c3168;
	}

	div.Tiles-6-3-3 > div:nth-child(1)	/*Values for tablet screen. Styles the first cell of the main div for the 6-3-3 responsive layout.*/
	{
		width: 50%;
		margin-left: 0%;
	}

	.micro-content-container .micro-response div.Tiles-6-3-3 > div:nth-child(1)	/*Values for tablet screen. Styles the first cell of the main div for the 6-3-3 responsive layout when displayed in micro content.*/
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-6-3-3 > div:nth-child(2)	/*Values for tablet screen. Styles the second cell of the main div for the 6-3-3 responsive layout.*/
	{
		width: 25%;
		margin-left: 0%;
	}

	.micro-content-container .micro-response div.Tiles-6-3-3 > div:nth-child(2)	/*Values for tablet screen. Styles the second cell of the main div for the 6-3-3 responsive layout when displayed in micro content.*/
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-6-3-3 a:hover	/*Values for tablet screen. Styles a hovered link in the 6-3-3 responsive layout.*/
	{
		color: #0c3168;
	}

	div.Tiles-6-3-3 > div:nth-child(3)	/*Values for tablet screen. Styles the third cell of the main div for the 6-3-3 responsive layout.*/
	{
		width: 25%;
		margin-left: 0%;
	}

	.micro-content-container .micro-response div.Tiles-6-3-3 > div:nth-child(3)	/*Values for tablet screen. Styles the third cell of the main div for the 6-3-3 responsive layout when displayed in micro content.*/
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-12-6-6 > div:nth-child(1)	/*Values for tablet screen. Styles the first cell of the main div for the 12-6-6 responsive layout.*/
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-12-6-6 > div:nth-child(2)	/*Values for tablet screen. Styles the second cell of the main div for the 12-6-6 responsive layout.*/
	{
		width: 50%;
		margin-left: 0%;
	}

	.micro-content-container .micro-response div.Tiles-12-6-6 > div:nth-child(2)	/*Values for tablet screen. Styles the second cell of the main div for the 12-6-6 responsive layout when displayed in micro content.*/
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-12-6-6 a:hover	/*Values for tablet screen. Styles a hovered link in the 12-6-6 responsive layout.*/
	{
		color: #0c3168;
	}

	div.Tiles-12-6-6 > div:nth-child(3)	/*Values for tablet screen. Styles the third cell of the main div for the 12-6-6 responsive layout.*/
	{
		width: 50%;
		margin-left: 0%;
	}

	.micro-content-container .micro-response div.Tiles-12-6-6 > div:nth-child(3)	/*Values for tablet screen. Styles the third cell of the main div for the 12-6-6 responsive layout when displayed in micro content.*/
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-12-8-4 > div:nth-child(1)	/*Values for tablet screen. Styles the first cell of the main div for the 12-8-4 responsive layout.*/
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-12-8-4 > div:nth-child(2)	/*Values for tablet screen. Styles the second cell of the main div for the 12-8-4 responsive layout.*/
	{
		width: 66.667%;
		margin-left: 0%;
	}

	.micro-content-container .micro-response div.Tiles-12-8-4 > div:nth-child(2)	/*Values for tablet screen. Styles the second cell of the main div for the 12-8-4 responsive layout when displayed in micro content.*/
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-12-8-4 a:hover	/*Values for tablet screen. Styles a hovered link in the 12-8-4 responsive layout.*/
	{
		color: #0c3168;
	}

	div.Tiles-12-8-4 > div:nth-child(3)	/*Values for tablet screen. Styles the third cell of the main div for the 12-8-4 responsive layout.*/
	{
		width: 33.333%;
		margin-left: 0%;
	}

	.micro-content-container .micro-response div.Tiles-12-8-4 > div:nth-child(3)	/*Values for tablet screen. Styles the third cell of the main div for the 12-8-4 responsive layout when displayed in micro content.*/
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-4-8 > div:nth-child(1)	/*Values for tablet screen. Styles the first cell of the main div for the 4-8 responsive layout.*/
	{
		width: 33.333%;
		margin-left: 0%;
	}

	.micro-content-container .micro-response div.Tiles-4-8 > div:nth-child(1)	/*Values for tablet screen. Styles the first cell of the main div for the 4-8 responsive layout when displayed in micro content.*/
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-4-8 > div:nth-child(2)	/*Values for tablet screen. Styles the second cell of the main div for the 4-8 responsive layout.*/
	{
		width: 66.667%;
		margin-left: 0%;
	}

	.micro-content-container .micro-response div.Tiles-4-8 > div:nth-child(2)	/*Values for tablet screen. Styles the second cell of the main div for the 4-8 responsive layout when displayed in micro content.*/
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-4-8 a:hover	/*Values for tablet screen. Styles a hovered link in the 4-8 responsive layout.*/
	{
		color: #0c3168;
	}

	div.Tiles-1-11 > div:nth-child(1)	/*Values for tablet screen. Styles the first cell of the main div for the 1-11 responsive layout.*/
	{
		width: 8.3333%;
		margin-left: 0%;
	}

	div.Tiles-1-11 > div:nth-child(2)	/*Values for tablet screen. Styles the second cell of the main div for the 1-11 responsive layout.*/
	{
		width: 91.667%;
		margin-left: 0%;
	}

	div.Tiles-1-11 a:hover	/*Values for tablet screen. Styles a hovered link in the 1-11 responsive layout.*/
	{
		color: #0c3168;
	}

	div.Tiles-2-10 > div:nth-child(1)	/*Values for tablet screen. Styles the first cell of the main div for the 2-10 responsive layout.*/
	{
		width: 16.667%;
		margin-left: 0%;
	}

	div.Tiles-2-10 > div:nth-child(2)	/*Values for tablet screen. Styles the second cell of the main div for the 2-10 responsive layout.*/
	{
		width: 83.333%;
		margin-left: 0%;
	}

	div.Tiles-2-10 a:hover	/*Values for tablet screen. Styles a hovered link in the 2-10 responsive layout.*/
	{
		color: #0c3168;
	}
}

@media only screen and (max-width: 767px)
{
	/*Banners */

	div.banner	/*Values for mobile screen. Used to control the look of banner areas at the top of some topics. */
	{
		width: 100%;
	}

	p.InfoForDevelopers	/*Values for mobile screen. Used to control the look of banner areas at the top of topics that contain information intended for developers. */
	{
		width: 100%;
	}

	p.TutorialBannerAutonumbers,
	p.TutorialBannerBackTopButton,
	p.TutorialBannerCSH,
	p.TutorialBannerCustomToolbar,
	p.TutorialBannereLearning,
	p.TutorialBannereLearningBasic,
	p.TutorialBannerGettingStarted,
	p.TutorialBannerImageTooltips,
	p.TutorialBannerLists,
	p.TutorialBannerMetaTags,
	p.TutorialBannerMicroContentAdvanced,
	p.TutorialBannerMicroContentBasic,
	p.TutorialBannerResponsiveOutput,
	p.TutorialBannerSingleSourcing,
	p.TutorialBannerSnippetConditions,
	p.TutorialBannerStylesBasic,
	p.TutorialBannerStylesCreatingApplying,
	p.TutorialBannerStylesMediums,
	p.TutorialBannerStylesMediaQueries,
	p.TutorialBannerStylesMultipleStylesheets,
	p.TutorialBannerTables,
	p.TutorialBannerWordImport	/*Values for mobile screen. Used for banners that display at the top of tutorial topics. */
	{
		font-size: .8em;
	}

	/*Headings*/

	h1	/*Values for mobile screen. Styles first-level headings.*/
	{
		margin-bottom: 0;
		margin-top: 5px;
		padding-bottom: 0;
	}

	/*Home Page */

	div.Tiles-6-6-Home > div	/*Values for mobile screen. Styles the main div for the 6-6 responsive layout for the Home page*/
	{
		margin-top: 2%;
	}

	div.Tiles-6-6-Home > div:nth-child(1)	/*Values for mobile screen. Styles the first cell of the main div for the 6-6 responsive layout on the Home page*/
	{
		width: 92%;
		margin-left: 4%;
	}

	div.Tiles-6-6-Home > div:nth-child(2)	/*Values for mobile screen. Styles the second cell of the main div for the 6-6 responsive layout on the Home page*/
	{
		border-bottom: 2px solid #fafafa;
		border-left: none;
		border-right: none;
		width: 92%;
		margin-left: 4%;
	}

	div.Tiles-12-Home	/*Values for mobile screen. Styles the responsive layout for the Home page with one cell using 100% of the width. This is typically used for the list and video sections on the Home page.*/
	{
		margin-top: 2%;
		margin-left: 2%;
	}

	div.Tiles-12-Home > div	/*Values for mobile screen. Styles the main div for the 12 responsive layout for the Home page*/
	{
		margin-top: 2%;
	}

	div.Tiles-12-Home > div:nth-child(1)	/*Values for mobile screen. Styles the only cell of the main div for the 12 responsive layout on the Home page*/
	{
		width: 96%;
	}

	div.Home-Page-List-Table1	/*Values for mobile screen. Styles the div holding a feature list table on the home page for output on a large screen.*/
	{
		display: none;
	}

	div.Home-Page-List-Table2	/*Values for mobile screen. Styles the div holding a feature list table on the home page for output on tablet and mobile screens.*/
	{
		display: block;
	}

	div.Tiles-6-6-Home h2,
	div.Tiles-12-Home h2	/*Values for mobile screen. Styles a second-level heading when it appears in the 6-6-Home or 12-Home responsive layout on the Home page*/
	{
		font-size: 22pt;
	}

	h1.Home	/*Values for mobile screen. Styles first-level headings on the Home page.*/
	{
		font-size: 26pt;
		line-height: 40px;
		padding-left: 10%;
		padding-right: 10%;
	}

	h2.Home	/*Values for mobile screen. Styles second-level headings on the Home page.*/
	{
		font-size: 2.2em;
		margin-top: 10px;
	}

	.footer-links	/*Values for mobile screen. Styles the link text in the footer that appears at the bottom of home pages in online output. */
	{
		text-align: center;
		margin-top: 0px;
	}

	.footer	/*Values for mobile screen. Styles the footer area at the bottom of the Home page. */
	{
		padding: 5% 7%;
	}

	div.video-section > div:nth-child(1)	/*Values for mobile screen. Styles the first cell for the section of the Home page holding the what's new video and content*/
	{
		display: none;
	}

	div.video-section > div:nth-child(2)	/*Values for mobile screen. Styles the second cell for the section of the Home page holding the what's new video and content*/
	{
		width: 100%;
		margin-left: 0%;
	}

	div.HomeMasterPageFooter > div:nth-child(1)	/*Values for mobile screen. Styles the first cell for the footer area on the Home page. */
	{
		width: 100%;
		text-align: center;
		margin-left: -20px;
	}

	div.HomeMasterPageFooter > div:nth-child(2)	/*Values for mobile screen. Styles the second cell for the footer area on the Home page. */
	{
		width: 100%;
		margin: 3% 0;
		text-align: center;
	}

	div.HomeMasterPageFooter > div:nth-child(3)	/*Values for mobile screen. Styles the third cell for the footer area on the Home page. */
	{
		width: 100%;
		text-align: center;
	}

	div.footer-links > a:nth-child(1)	/*Values for mobile screen. Styles the first cell for the footer links area on the Home page. */
	{
		float: left;
	}

	div.footer-links > a:nth-child(3)	/*Values for mobile screen. Styles the third cell for the footer links area on the Home page. */
	{
		float: right;
	}

	.footer-links a	/*Values for mobile screen. Styles hyperlinks in the footer that appears at the bottom of the Home page. */
	{
		padding: 0;
	}

	p.footer-sub	/*Values for mobile screen. Styles part of the footer area on the Home page. It is typically used for the line containing "Created Using MadCap Flare."*/
	{
		text-align: center;
	}

	/*IDs */

	#myBtn	/*Values for mobile screen. Used for the back-to-top button that displays via JavaScript when you're looking at a long topic in the online output. */
	{
		bottom: 10px;
		right: 10px;
	}

	/*Lists */

	div.Tiles-4-4-4 li,
	div.Tiles-4-8 li,
	div.Tiles-6-3-3 li,
	div.Tiles-6-6 li,
	div.Tiles-8-4 li,
	div.Tiles-12-6-6 li,
	div.Tiles-12-8-4 li,
	div.Tiles-4-4-4 li p,
	div.Tiles-4-8 li p,
	div.Tiles-6-3-3 li p,
	div.Tiles-6-6 li p,
	div.Tiles-8-4 li p,
	div.Tiles-12-6-6 li p,
	div.Tiles-12-8-4 li p	/*Values for mobile screen. Styles list items in a responsive layout. */
	{
		margin-bottom: 10px;
		margin-top: 10px;
	}

	div.Tiles-4-4-4 ol,
	div.Tiles-4-8 ol,
	div.Tiles-6-3-3 ol,
	div.Tiles-6-6 ol,
	div.Tiles-8-4 ol,
	div.Tiles-12-6-6 ol,
	div.Tiles-12-8-4 ol,
	div.Tiles-4-4-4 ul,
	div.Tiles-4-8 ul,
	div.Tiles-6-3-3 ul,
	div.Tiles-6-6 ul,
	div.Tiles-8-4 ul,
	div.Tiles-12-6-6 ul,
	div.Tiles-12-8-4 ul	/*Values for mobile screen. Styles lists in a responsive layout. */
	{
		margin-bottom: -10px;
		margin-top: -10px;
	}

	/*Responsive Layouts*/

	div.Tiles-3-3-3-3 > div:nth-child(1)	/*Values for mobile screen. Styles the first cell of the main div for the 3-3-3-3 responsive layout.*/
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-3-3-3-3 > div:nth-child(2)	/*Values for mobile screen. Styles the second cell of the main div for the 3-3-3-3 responsive layout.*/
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-3-3-3-3 > div:nth-child(3)	/*Values for mobile screen. Styles the third cell of the main div for the 3-3-3-3 responsive layout.*/
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-3-3-3-3 > div:nth-child(4)	/*Values for mobile screen. Styles the fourth cell of the main div for the 3-3-3-3 responsive layout.*/
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-4-4-4 > div:nth-child(1)	/*Values for mobile screen. Styles the first cell of the main div for the 4-4-4 responsive layout.*/
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-4-4-4 > div:nth-child(2)	/*Values for mobile screen. Styles the second cell of the main div for the 4-4-4 responsive layout.*/
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-4-4-4 > div:nth-child(3)	/*Values for mobile screen. Styles the third cell of the main div for the 4-4-4 responsive layout.*/
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-6-6 > div	/*Values for mobile screen. Styles the main div for the 6-6 responsive layout.*/
	{
		margin-top: 2%;
	}

	div.Tiles-6-6 > div:nth-child(1)	/*Values for mobile screen. Styles the first cell of the main div for the 6-6 responsive layout.*/
	{
		width: 100%;
	}

	div.Tiles-6-6 > div:nth-child(2)	/*Values for mobile screen. Styles the second cell of the main div for the 6-6 responsive layout.*/
	{
		width: 100%;
		border-bottom: 2px solid #fafafa;
		border-left: none;
		border-right: none;
		padding-left: 0;
		margin-left: 1%;
		margin-top: 0;
	}

	div.Tiles-8-4 > div:nth-child(1)	/*Values for mobile screen. Styles the first cell of the main div for the 8-4 responsive layout.*/
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-8-4 > div:nth-child(2)	/*Values for mobile screen. Styles the second cell of the main div for the 8-4 responsive layout.*/
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-6-3-3 > div:nth-child(1)	/*Values for mobile screen. Styles the first cell of the main div for the 6-3-3 responsive layout.*/
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-6-3-3 > div:nth-child(2)	/*Values for mobile screen. Styles the second cell of the main div for the 6-3-3 responsive layout.*/
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-6-3-3 > div:nth-child(3)	/*Values for mobile screen. Styles the third cell of the main div for the 6-3-3 responsive layout.*/
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-12-6-6 > div:nth-child(1)	/*Values for mobile screen. Styles the first cell of the main div for the 12-6-6 responsive layout.*/
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-12-6-6 > div:nth-child(2)	/*Values for mobile screen. Styles the second cell of the main div for the 12-6-6 responsive layout.*/
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-12-6-6 > div:nth-child(3)	/*Values for mobile screen. Styles the third cell of the main div for the 12-6-6 responsive layout.*/
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-12-8-4 > div:nth-child(1)	/*Values for mobile screen. Styles the first cell of the main div for the 12-8-4 responsive layout.*/
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-12-8-4 > div:nth-child(2)	/*Values for mobile screen. Styles the second cell of the main div for the 12-8-4 responsive layout.*/
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-12-8-4 > div:nth-child(3)	/*Values for mobile screen. Styles the third cell of the main div for the 12-8-4 responsive layout.*/
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-4-8 > div:nth-child(1)	/*Values for mobile screen. Styles the first cell of the main div for the 4-8 responsive layout.*/
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-4-8 > div:nth-child(2)	/*Values for mobile screen. Styles the second cell of the main div for the 4-8 responsive layout.*/
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-2-10 > div:nth-child(1)	/*Values for mobile screen. Styles the first cell of the main div for the 2-10 responsive layout.*/
	{
		margin-left: 0%;
		padding-top: 10px;
		width: 25%;
	}

	div.Tiles-2-10 > div:nth-child(2)	/*Values for mobile screen. Styles the second cell of the main div for the 2-10 responsive layout.*/
	{
		margin-left: 0%;
		width: 75%;
	}
}

@media (max-width: 460px)
{
	/*Home Page */

	h1.Home	/*Values for a screen 460 px wide. Styles first-level headings on the Home page.*/
	{
		font-size: 22pt;
	}

	div.footer-links > a:nth-child(1)	/*Values for a screen 460 px wide. Styles the first cell for the footer links area on the Home page. */
	{
		width: 100%;
	}

	div.footer-links > a:nth-child(2)	/*Values for a screen 460 px wide. Styles the second cell for the footer links area on the Home page. */
	{
		width: 100%;
	}

	div.footer-links > a:nth-child(3)	/*Values for a screen 460 px wide. Styles the third cell for the footer links area on the Home page. */
	{
		width: 100%;
	}

	div.Tiles-6-6-Home p.QuickLinks,
	div.Tiles-6-6-Home p.QuickLinks a,
	div.Tiles-12-Home p.QuickLinks,
	div.Tiles-12-Home p.QuickLinks a	/*Values for a screen 460 px wide. Styles a paragraph with a quick link when it appears in the 6-6-Home or 12-Home responsive layout on the Home page*/
	{
		font-size: 12pt;
	}

	div.Tiles-6-6-Home h2,
	div.Tiles-12-Home h2	/*Values for a screen 460 px wide. Styles a second-level heading when it appears in the 6-6-Home or 12-Home responsive layout on the Home page*/
	{
		font-size: 18pt;
	}

	div.Tiles-12-Home p	/*Values for a screen 460 px wide. Styles a paragraph when it appears in the 12 responsive layout on the Home page*/
	{
		font-size: 12pt;
		line-height: 20pt;
	}

	div.Home-Page-List-Table1	/*Values for a screen 460 px wide. Styles the div holding a feature list table on the home page for output on a large screen.*/
	{
		display: none;
	}

	div.Home-Page-List-Table2	/*Values for a screen 460 px wide. Styles the div holding a feature list table on the home page for output on tablet and mobile screens.*/
	{
		display: block;
	}

	/*IDs */

	#myBtn	/*Values for a screen 460 px wide. Used for the back-to-top button that displays via JavaScript when you're looking at a long topic in the online output. */
	{
		bottom: 10px;
		right: 10px;
	}

	/*Video */

	p.buttonT32-play center,
	p.buttonT32-play center a,
	p.buttonT32-play center a:hover	/*Values for a screen 460 px wide. Styles the link for a video on the Home page. */
	{
		font-size: 12pt;
		line-height: 20pt;
	}

	.buttonT32-play,
	.buttonT32-play:hover,
	.buttonT32-play:link,
	.buttonT32-play:visited	/*Values for a screen 460 px wide. Styles the link for a video. */
	{
		line-height: 20pt;
	}
}

@media (max-width: 350px)
{
	/*Headings*/

	h1	/*Values for a screen 350 px wide. Styles first-level headings.*/
	{
		font-size: 1.5em;
		margin-bottom: 0;
		margin-top: -2px;
		padding-bottom: 0;
		line-height: 24pt;
	}

	h2	/*Values for a screen 350 px wide. Styles second-level headings.*/
	{
		font-size: 1.3em;
		line-height: 22pt;
		margin-top: 20px;
	}

	h3	/*Values for a screen 350 px wide. Styles third-level headings.*/
	{
		font-size: 1.1em;
		line-height: 18pt;
	}

	h4	/*Values for a screen 350 px wide. Styles fourth-level headings.*/
	{
		font-size: .9em;
		line-height: 14pt;
	}

	/*Home Page*/

	h1.Home	/*Values for a screen 350 px wide. Styles first-level headings on the Home page.*/
	{
		font-size: 20pt;
	}

	h2.Home	/*Values for a screen 350 px wide. Styles second-level headings on the Home page.*/
	{
		font-size: 1.5em;
	}

	/*Paragraphs and Lists*/

	p,
	ol,
	ol p,
	ul,
	ul p	/*Values for a screen 350 px wide. Styles paragraphs, including those that are added withing ordered (numbered) and unordered (bulleted) lists.*/
	{
		font-size: 11pt;
		line-height: 15pt;
	}

	li	/*Values for a screen 350 px wide. Styles list items.*/
	{
		font-size: 11pt;
		line-height: 13pt;
	}

	/*IDs */

	#myBtn
	{
		bottom: 10px;
		right: 10px;
	}

	/*Videos */

	p.buttonT32-play center	/*Values for a screen 350 px wide. Styles the link for a video on the Home page. */
	{
		font-size: 10pt;
	}
}