/*<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. This lets us 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_Central_Central_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_Flare_Side_Navigation .body-container,
._Skins_Lingo_Lingo_Side_Navigation .body-container,
._Skins_Mimic_Mimic_Side_Navigation .body-container	/*Control the padding in the main body section of the home page so that there isn't a noticeable gap between the content and the navigation or header area. */
{
	padding-top: 1em;
	padding-left: 2em;
	padding-right: 1em;
	overflow: auto;
}

div.topic-header
{
	background-color: #ffffff;
	padding-top: 58px;
	position: fixed;
}

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

div.topic-body2	/*Used for 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;
}

div.topic-toolbar
{
	text-align: right;
}

/*Generic Classes */

.BoldWarning	/*Used for 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	/*Used in place of bold to apply emphasis to text. */
{
	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;
}

.FlareOnlineOnly	/*This 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-Online-Only';
}

.Hide	/*Used to display 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	/*Used to set 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;
}

.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';
}

.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 Central 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
{
	mc-auto-number-format: 'MICRO CONTENT TUTORIAL—ADVANCED';
}

p.TutorialBannerMicroContentBasic
{
	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	/*Controls the look of the links in the breadcrumbs at the top of some topics. */
{
	text-decoration: underline;
}

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

MadCap|breadcrumbsProxy	/*Controls the look of 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	/*Controls the look of the breadcrumbs area at the top of some topics. */
{
	width: 80%;
	padding-top: 3%;
}

/*Cross-References*/

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

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

MadCap|xref:hover	/*Controls the look of 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	/*Controls the look of the area holding an entire drop-down. */
{
	margin-bottom: 6px;
	margin-top: 6px;
	mc-disabled: false;
	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	/*Controls the look of the area holding the body portion of the drop-down (stuff below the drop-down heading). */
{
	mc-disabled: false;
	margin-left: 33px;
}

MadCap|dropDownHead	/*Controls the look of the drop-down heading area. */
{
	mc-disabled: false;
	font-size: 14pt;
	padding: 5px 5px;
	color: #282828;
}

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

MadCap|dropDownHotspot	/*Controls the look of the hotspot portion of drop-downs (the thing users click to expand or collapse the drop-down). */
{
	mc-disabled: false;
	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	/*Controls 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	/*Controls the look of the hotspot portion of drop-downs when users hover over it. */
{
	color: #0c3168;
}

/*eLearning */

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

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

.multipleChoice	/*Used to style 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	/*Used to style 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	/*Used to style 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	/*Used to style the answer when it occurs within an input tag.*/
{
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

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

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

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

.checkbox:after	/*We use this to control the look of the checkbox, such as how the checkmark appears inside it.*/
{
	content: "";
	position: absolute;
	display: none;
}

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

.multipleChoiceItem .checkbox:after	/*Used to style 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	/*Used to style 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	/*We use this to control the background color of radio buttons when users hover over them.*/
{
	background-color: #eee;
}

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

.radio:after	/*We use this to control the look of the radio button, such as how the circle representing a selection appears inside it.*/
{
	content: "";
	position: absolute;
	display: none;
}

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

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

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

.question p	/*Used to style 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
{
	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
{
	mc-auto-number-format: '{b}{color #242729}Example {/color}{/b}';
	mc-auto-number-class: Admonition;
}

div.examples > p:first-child
{
	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
{
	background-position: 10px 10px;
}

/*Expanding Text*/

MadCap|expanding
{
	mc-disabled: false;
	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|expandingBody
{
	mc-disabled: false;
}

MadCap|expandingHead
{
	color: #546c7f;
	mc-disabled: false;
}

MadCap|expandingHead:hover
{
	color: #0c3168;
}

/*Footnotes*/

MadCap|footnoteBlock
{
	
}

MadCap|footnotesBlock
{
	
}

/*Glossaries */

div.GlossaryPageDefinition
{
	
}

div.GlossaryPageHeading
{
	
}

div.GlossaryPageTerm
{
	
}

MadCap|glossaryProxy
{
	
}

/*Headings*/

h1
{
	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
{
	display: none;
}

h1.NoPageBreakBefore
{
	
}

h1.SingleChapter
{
	
}

h2,
h2.Micro-Content
{
	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.NoPageBreakBefore
{
	page-break-before: avoid;
}

h3,
h3.Micro-Content
{
	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-Video-Heading	/*The headings that are used above videos in the featured snippets in search results.*/
{
	font-size: 22pt;
}

h3.PageBreakBefore
{
	
}

.micro-content-container .micro-response h1,
.micro-content-container .micro-response h2.Micro-Content,
.micro-content-container .micro-response h3.Micro-Content
{
	color: #25bcc3;
}

.micro-content-container .micro-response h2.Micro-Content,
.micro-content-container .micro-response h3.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
{
	font-weight: normal;
	margin-bottom: 4px;
	margin-top: 48px;
	line-height: 18pt;
	mc-heading-level: 0;
	font-size: 1.5em;
}

h5
{
	mc-heading-level: 0;
}

p.Promotions-Product-Title
{
	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
{
	line-height: 1.5em;
}

.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;
}

h1.Home
{
	font-size: 3.6em;
	margin-top: 1em;
	margin-bottom: 0.5em;
	line-height: 100%;
	color: #ffffff;
	text-align: center;
	font-family: 'Roboto Medium';
}

h2.Home
{
	font-family: 'Roboto Light';
	font-size: 2em;
	line-height: 1.2em;
	color: #282828;
	background: none;
	padding-left: 0px;
}

h2.getting-started-area
{
	font-family: 'Roboto Light';
	font-size: 2em;
	line-height: 1.2em;
	color: #282828;
	margin-left: 20pt;
	margin-right: 20pt;
	margin-top: 70pt;
	background: none;
	padding-left: 0px;
}

p.Home-Intro-Text
{
	line-height: 17pt;
	font-size: 14pt;
	letter-spacing: .25px;
	margin-bottom: 12px;
	margin-top: 12px;
}

img.Home
{
	max-width: 100%;
	border-style: none;
}

p.responsive-position-home	/*Used for the PDF guide image and youtube video. Will hide in desktop but will appear in tablet/mobile*/
{
	max-width: 100%;
	display: none;
	text-align: center;
	padding: 5% 0;
}

p.getting-started-links
{
	margin-bottom: 12px;
	font-size: 14pt;
	line-height: 17pt;
	letter-spacing: .25px;
	margin-top: 30px;
}

div.home-tiles a:link
{
	text-decoration: none;
}

a:link
{
	color: #1c5a97;
	font-weight: normal;
}

.footer a:link
{
	color: #fafafa;
}

a:visited
{
	color: #1c5a97;
}

.footer a:visited
{
	color: #fafafa;
}

ul.menu.mc-component ul > li > a:visited
{
	font-weight: normal;
	text-decoration: none;
	color: #1c5a97;
}

p.getting-started-links a:hover
{
	color: #0c3168;
	text-decoration: none;
}

div.footer-links a:hover
{
	color: #95efed;
	text-decoration: none;
}

div.home-tiles a:hover
{
	color: #0c3168;
	text-decoration: none;
}

p.footer-sub a:hover
{
	color: #95efed;
	text-decoration: none;
}

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

ul.menu.mc-component ul > li > a:hover
{
	text-decoration: none;
	color: #0c3168;
}

a:hover
{
	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-7-5 a:hover div.Tiles-8-4 a:hover div.Tiles-12 a:hover div.Tiles-12-4-4-4 a:hover div.Tiles-12-6-6 a:hover a:hover div.Tiles-12-8-4 a:hover
{
	color: #0c3168;
	text-decoration: none;
}

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

.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;
}

p.footer-sub
{
	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	/*Used for the footer that appears at the bottom of home pages in online output. */
{
	background-color: #282828;
	padding-top: 25px;
	padding-bottom: 10px;
}

.footer a:link,
.footer a:visited
{
	text-decoration: none;
	color: #ffffff;
}

.footer > div.outer-row
{
	line-height: 30px;
	padding: 0;
}

.footer-links	/*Used to style 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-links a	/*Used to style the hyperlinks in the footer that appears at the bottom of home pages in online output. */
{
	padding-right: 15px;
	color: #fafafa;
}

.footer-icons	/*Used for the icons in the footer that appears at the bottom of home pages in online output. */
{
	text-align: left;
}

.footer-icons > a:first-of-type	/*Used for the icons in the footer that appears at the bottom of home pages in online output. 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
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	float: none;
	width: 50%;
}

nav.title-bar	/*Left to right Gradient on header*/
{
	background: #282828;
}

div.home-tiles-container	/*Controls the look of the home-tiles section*/
{
	background-color: #ffffff;
	padding: 1% 2% 2%;
	width: 65%;
	margin: 0 auto;
}

div.home-tiles
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3%;
	margin-bottom: 1%;
}

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

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

div.home-tiles img
{
	max-width: 70%;
}

div.home-tiles *
{
	text-align: center;
}

div.home-tiles a
{
	color: #1c5a97;
	font-family: 'Roboto Medium';
	text-decoration: none;
	letter-spacing: 0.2px;
	font-size: 1em;
}

div.home-tiles > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	background-color: #ffffff;
	padding: 1%;
	vertical-align: bottom;
}

div.home-tiles > div:nth-child(1)
{
	width: 33%;
	margin-left: 0%;
}

div.home-tiles > div:nth-child(2)
{
	border-left: 2px solid #fafafa;
	border-right: 2px solid #fafafa;
	width: 33%;
	margin-left: 0%;
}

div.home-tiles > div:nth-child(3)
{
	width: 33%;
}

div.info-content-container	/*Controls the look of the info-section underneath the home-tiles*/
{
	background-color: #ffffff;
	margin: 0 auto;
	background-repeat: no-repeat;
	padding: 3% 0;
	background-size: auto 200px;
	background-position: 70% 17%;
}

div.info-section
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

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

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

div.info-section > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.info-section > div:nth-child(1)
{
	width: 0%;
	margin-left: 0%;
	display: none;
}

div.info-section > div:nth-child(2)
{
	width: 50%;
	margin-left: 25%;
}

div.info-section > div:nth-child(3)
{
	width: 25%;
	margin-left: 0%;
}

div.pdf-container	/*Controls the look of the pdf-content underneath home-tiles*/
{
	background-color: #ffffff;
	margin: 0 auto 5%;
	padding: 2% 0;
	width: 65%;
	border: solid 1px #d0d3d5;
}

div.pdf-section	/*PDF Guides- 2 divs one for the text one for the image*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

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

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

div.pdf-section > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.pdf-section > div:nth-child(1)
{
	width: 25%;
	margin-left: 11%;
	padding-top: 6%;
}

div.pdf-section > div:nth-child(2)
{
	width: 45%;
	margin-left: 10%;
}

div.video-section	/*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/
{
	width: 90%;
	margin: 0 auto;
	mc-grid-row: true;
	border-top: solid 1px #fafafa;
	padding-top: 0;
	padding-bottom: 5%;
}

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

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

div.video-section > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.video-section > div:nth-child(1)
{
	width: 45%;
}

div.video-section > div:nth-child(2)
{
	width: 43%;
	margin-left: 2%;
	padding-top: 2%;
}

div.HomeMasterPageFooter	/*Controls the look of the footer in the Home template page.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	border-bottom: 1px solid #282828;
}

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

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

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

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

div.HomeMasterPageFooter > div:nth-child(2)
{
	width: 50%;
	margin-left: 0%;
	padding-left: 100px;
}

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

/*Hyperlinks */

a
{
	color: #1c5a97;
	font-weight: normal;
}

a.Emphasis
{
	color: #1c5a97;
	font-weight: bold;
}

a.MiniTOC1:link
{
	color: #1c5a97;
}

a.MiniTOC1:visited
{
	color: #1c5a97;
}

a.MiniTOC1:hover
{
	text-decoration: none;
	color: #0c3168;
}

div.Tiles-1-11 a:hover,
div.Tiles-2-10 a:hover,
div.Tiles-3-3-3-3 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-7-5 a:hover,
div.Tiles-7-5-Mirocontent a:hover,
div.Tiles-8-4 a:hover,
div.Tiles-12 a:hover,
div.Tiles-12-4-4-4 a:hover,
div.Tiles-12-6-6 a:hover,
div.Tiles-12-8-4 a:hover
{
	color: #0c3168;
	text-decoration: none;
}

/*Images*/

img.banners
{
	border-style: none;
	padding-right: 2px;
	padding-top: 4px;
}

img.Hyperlinked
{
	border-style: none;
}

img.HyperlinkedReduceSize
{
	border-style: none;
	max-width: 150px;
}

img.MaxWidth100PercentNoThumbnail
{
	margin: 0px;
	mc-thumbnail: none;
}

img.MaxWidth100Percent
{
	mc-thumbnail: popup;
	mc-thumbnail-max-height: auto;
	mc-thumbnail-max-width: 225px;
}

img.MaxWidth95PercentNoThumbnail
{
	mc-thumbnail: none;
	margin: 0px;
}

img.MaxWidth95Percent
{
	mc-thumbnail: popup;
	mc-thumbnail-max-width: 225px;
	mc-thumbnail-max-height: auto;
}

img.MaxWidth90Percent
{
	mc-thumbnail: popup;
	mc-thumbnail-max-width: 225px;
	mc-thumbnail-max-height: auto;
}

img.MaxWidth85Percent
{
	mc-thumbnail: popup;
	mc-thumbnail-max-width: 225px;
	mc-thumbnail-max-height: auto;
}

img.MaxWidth80Percent
{
	mc-thumbnail: popup;
	mc-thumbnail-max-width: 225px;
	mc-thumbnail-max-height: auto;
}

img.MaxWidth75Percent
{
	mc-thumbnail: popup;
	mc-thumbnail-max-width: 225px;
	mc-thumbnail-max-height: auto;
}

img.MaxWidth70Percent
{
	mc-thumbnail: popup;
	mc-thumbnail-max-width: 225px;
	mc-thumbnail-max-height: auto;
}

img.MaxWidth70PercentNoThumbnail
{
	mc-thumbnail: none;
	margin: 0px;
}

img.MaxWidth65Percent
{
	mc-thumbnail: popup;
	mc-thumbnail-max-width: 225px;
	mc-thumbnail-max-height: auto;
}

img.MaxWidth60Percent
{
	mc-thumbnail: popup;
	mc-thumbnail-max-width: 225px;
	mc-thumbnail-max-height: auto;
}

img.MaxWidth55Percent
{
	mc-thumbnail: popup;
	mc-thumbnail-max-width: 225px;
	mc-thumbnail-max-height: auto;
}

img.MaxWidth50Percent
{
	mc-thumbnail: popup;
	mc-thumbnail-max-width: 225px;
	mc-thumbnail-max-height: auto;
}

img.MaxWidth45Percent
{
	mc-thumbnail: popup;
	mc-thumbnail-max-width: 225px;
	mc-thumbnail-max-height: auto;
}

img.MaxWidth40Percent
{
	mc-thumbnail: popup;
	mc-thumbnail-max-width: 225px;
	mc-thumbnail-max-height: auto;
}

img.MaxWidth35Percent
{
	mc-thumbnail: popup;
	mc-thumbnail-max-width: 225px;
	mc-thumbnail-max-height: auto;
}

img.MaxWidth30Percent
{
	mc-thumbnail: popup;
	mc-thumbnail-max-width: 225px;
	mc-thumbnail-max-height: auto;
}

img.MaxWidth2Inches
{
	max-width: 2in;
}

img.pdf-download-micro
{
	margin-bottom: -10px;
}

img.ReduceButtonSize
{
	max-height: 18px;
	margin-bottom: -1px;
}

img.title-page-icon
{
	max-height: 60px;
}

img.TutorialBanner
{
	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
{
	margin-bottom: 8px;
	margin-top: 8px;
	font-family: Arial, Avenir, Myriad;
	margin-left: 20px;
}

/*Indexes*/

MadCap|indexProxy
{
	
}

MadCap|indexProxy.Column2
{
	
}

p.IndexHeading
{
	
}

p.IndexPrintHead
{
	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
{
	
}

p.Index2
{
	
}

/*Lists*/

dl
{
	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
{
	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
{
	margin: 0;
}

dl dd,
dd
{
	margin: 0;
	padding-left: 1px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 1px;
	border-top: solid 1px #d0d3d5;
	margin-left: 200px;
}

dt + dd
{
	border-top: solid 1px #000000;
}

li
{
	orphans: 2;
	widows: 2;
	line-height: 20pt;
	margin-bottom: 20px;
	margin-top: 20px;
}

li p
{
	margin-bottom: 20px;
	margin-top: 20px;
	line-height: 20pt;
}

li.TroubleshootingLink
{
	cursor: pointer;
	text-decoration: underline;
}

ol
{
	line-height: 20pt;
	font-size: 14pt;
	letter-spacing: .25px;
	margin-top: 20px;
	margin-bottom: 20px;
}

ol ol
{
	line-height: 20pt;
	list-style-type: lower-alpha;
	margin-bottom: 20px;
	margin-top: 20px;
}

ol ol ol
{
	list-style-type: lower-roman;
	line-height: 20pt;
	margin-bottom: 20px;
	margin-top: 20px;
}

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

ol ul
{
	list-style-type: square;
	margin-bottom: 20px;
	margin-top: 20px;
	line-height: 20pt;
}

ol ul ul
{
	list-style-type: disc;
	margin-left: 20px;
	margin-bottom: 20px;
	margin-top: 20px;
	line-height: 20pt;
}

ol ul ul ul
{
	list-style-image: none;
	list-style-type: circle;
	margin-bottom: 20px;
	margin-top: 20px;
	line-height: 20pt;
}

ul
{
	font-size: 14pt;
	list-style-type: square;
	line-height: 20pt;
	letter-spacing: .25px;
	margin-bottom: 20px;
	margin-top: 20px;
}

ul ul
{
	list-style-type: disc;
	margin-left: -10px;
	line-height: 20pt;
	margin-bottom: 20px;
	margin-top: 20px;
}

ul ul ul
{
	list-style-type: circle;
	margin-left: -10px;
	line-height: 20pt;
	margin-bottom: 20px;
	margin-top: 20px;
}

ul ul ul ul
{
	margin-left: -10px;
	list-style-type: disc;
	line-height: 20pt;
	margin-bottom: 20px;
	margin-top: 20px;
}

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

ul.Indented
{
	margin-left: 40px;
}

ul.small
{
	font-size: 0.9em;
}

ul.troubleshooting1
{
	left: 0px;
	right: 50%;
	float: left;
	width: 250px;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-bottom-width: 4px;
	border-left-width: 3px;
	border-right-width: 3px;
	border-top-width: 2px;
	padding-left: 30px;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	border: ridge 1px #7d858a;
	background-color: #ffffff;
}

/*Template Page Elements*/

div.TopicContent
{
	padding-left: 15px;
	padding-right: 15px;
}

MadCap|topicToolbarProxy
{
	padding-left: 4px;
}

MadCap|topicToolbarProxy.side-nav
{
	margin-top: -50px;
}

MadCap|topicToolbarProxy.side-nav2
{
	margin-top: -5px;
}

div.pdf-download2	/*For positioning the PDF user guide download in side nav*/
{
	float: right;
	padding-right: 5px;
	padding-left: 20px;
	font-weight: bold;
	font-family: roboto, Arial, sans-serif;
	font-style: normal;
	font-size: 15px;
	line-height: 19px;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-decoration: none;
	color: #0c3168;
	margin-top: -46px;
}

div.pdf-download2 a,
div.pdf-download2 a:hover,
div.pdf-download2 a:visited
{
	font-weight: bold;
	text-decoration: none;
}

/*Menu Proxies */

ul.menu.mc-component li > a
{
	display: none;
	color: #1c5a97;
}

ul.menu._Skins_Shared_Topic_Menu.mc-component ul
{
	list-style-type: square;
}

ul.menu.mc-component ul > li > a
{
	display: block;
	color: #1c5a97;
	font-weight: normal;
	text-decoration: underline;
}

/*Micro Content */

.micro-content-only,
.micro-content-only-inline,
.micro-content-container .micro-response .topic-only
{
	display: none;
}

.micro-content-container .micro-response .micro-content-only
{
	display: block;
}

.micro-content-container .micro-response .micro-content-only-inline
{
	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
{
	margin-left: 0px;
}

.micro-content-container .micro-response ol,
.micro-content-container .micro-response ul
{
	margin-bottom: 0px;
	margin-top: 0px;
	font-size: 12pt;
	line-height: 17pt;
}

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

.micro-content-container .micro-response span.micro-dropdown-head	/*Lets us control the look of the drop-down head in micro content.*/
{
	font-weight: bold;
	margin-bottom: 0px;
	margin-left: 0px;
	margin: 0px;
	margin-bottom: 8px;
	margin-top: 8px;
	letter-spacing: .75;
	padding: 0px;
	padding-bottom: 0px;
	font-size: 12pt;
	text-transform: none;
}

.micro-content-container .micro-response span.micro-dropdown-head2
{
	text-transform: none;
	font-size: 12pt;
	padding-bottom: 2px;
	padding-top: 2px;
}

.micro-content-container .micro-response h2,
.micro-content-container .micro-response h3	/*Lets us control the look of the H2 in 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 p li
{
	font-size: 12pt;
	margin-bottom: 5px;
	margin-top: 5px;
	line-height: 17pt;
}

.micro-content-container .micro-response p.Subheading
{
	padding: 0px;
	padding-bottom: 0px;
	font-size: 12pt;
	text-transform: none;
}

.micro-content-container .micro-response .buttonT32-play	/*Controls the link for a video if it displays in micro content. */
{
	font-size: 15px;
	line-height: 19px;
	margin-bottom: 30px;
}

img.ThumbnailMicroContent
{
	mc-thumbnail: popup;
	mc-thumbnail-max-height: auto;
	mc-thumbnail-max-width: 375px;
}

/*Mini-TOCs*/

p.MiniTOC1
{
	color: #1c5a97;
	font-weight: normal;
	text-decoration: underline;
	margin: 10px;
	margin-left: 17px;
	margin-right: 0px;
}

MadCap|miniTocProxy
{
	border-top-style: solid;
	border-top-color: transparent;
	border-top-width: 0px;
	margin-top: 0px;
}

MadCap|miniTocProxy.SingleChapterDoc
{
	
}

/*Notes */

div.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
{
	mc-auto-number-format: '{b}{color #242729}Note {/color}{/b}';
	mc-auto-number-class: Admonition;
}

.micro-content-container .micro-response div.note
{
	background-position: 10px 12px;
}

/*Page and Frame Breaks*/

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

p.PageBreakBefore
{
	
}

/*Paragraphs*/

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

p.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
{
	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
{
	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
{
	font-family: 'Roboto Black';
	line-height: 13pt;
	color: #282828;
	font-size: 14pt;
	text-transform: uppercase;
	letter-spacing: 3;
	margin: 0em 0;
}

p.CheatSheetSubHeading
{
	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
{
	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
{
	line-height: 20pt;
	letter-spacing: .25px;
	font-family: 'Century Gothic';
	font-size: 33pt;
	margin-bottom: 0;
	margin-top: 20pt;
	color: #058A95;
}

p.ComingSoon
{
	
}

p.ContentsHeadingPrint
{
	font-family: 'Roboto Black';
	font-size: 15pt;
	line-height: 20pt;
	letter-spacing: 1;
	padding: 0px 0px 0px -8px;
	margin: 1.12em 0;
}

p.Copyright
{
	font-size: 9pt;
	line-height: 12pt;
	padding-bottom: 8pt;
	padding-top: 8pt;
}

p.CopyrightAddress
{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	font-size: 9pt;
	line-height: 12pt;
}

p.CopyrightHeading
{
	page-break-before: always;
	font-size: 9pt;
	line-height: 12pt;
}

p.CreatedUsingFlare
{
	font-family: 'Roboto Black';
	font-size: 9pt;
	line-height: 13pt;
	padding-top: 12pt;
	letter-spacing: .75;
}

p.Footer-D2H
{
	line-height: 20pt;
	font-size: 14pt;
	letter-spacing: .25px;
	margin-bottom: 20px;
	border-top: solid 1px #dcdcdc;
	margin-top: 40px;
}

p.FrameFooterText
{
	font-size: 16pt;
	color: #7d858a;
}

p.FrameFooterText2
{
	font-size: 11pt;
	line-height: 14pt;
	color: #7d858a;
}

p.ManualTitle1
{
	font-family: 'Roboto Black';
	font-size: 15pt;
	line-height: 20pt;
	padding-bottom: 15pt;
	letter-spacing: 1;
	padding-top: 1.5in;
}

p.ManualTitle2
{
	font-size: 45pt;
	line-height: 50pt;
	mc-hyphenate: never;
}

p.ManualTitleType
{
	font-family: 'Roboto Black';
	font-size: 15pt;
	line-height: 20pt;
	text-align: right;
	text-transform: uppercase;
	padding-top: 50px;
}

p.ManualVersionNumber
{
	color: #ffffff;
	font-size: 11pt;
}

p.PDFList
{
	margin-left: 10px;
}

p.PrintOnlySpace
{
	
}

p.Small
{
	font-size: 10pt;
}

p.Subheading
{
	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
{
	font-family: 'Courier New';
	margin-left: 30px;
}

/*Popups*/

MadCap|popup
{
	color: #0296eb;
}

MadCap|popup:focus
{
	color: #0296eb;
}

MadCap|popup:hover
{
	color: #0c3168;
	text-decoration: none;
}

MadCap|popupHead
{
	color: #0296eb;
}

/*Slideshows*/

MadCap|slideshow
{
	border-style: none;
	box-shadow: none;
}

MadCap|slideshowCaption
{
	background: none;
	color: #000000;
	font-weight: bold;
	padding: 0px;
	padding-top: 0px;
}

/*Snippets*/

MadCap|snippetBlock.TableText
{
	margin-top: 8px;
	margin-bottom: 2px;
}

MadCap|snippetText.TableText
{
	margin-bottom: 2px;
	margin-top: 8px;
}

/*Spans*/

span.InvisibleText
{
	color: #ffffff;
}

span.Registered-Trademark
{
	font-size: .7em;
	mc-dita-type: sup;
	vertical-align: super;
}

span.SeeAlsoIndexTerms
{
	font-style: italic;
}

span.SeeIndexTerms
{
	font-style: italic;
}

span.Admonition	/* Controls the look of 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;
}

/*Tables*/

col
{
	mc-disabled: false;
}

p.TableText
{
	margin-top: 8px;
	margin-bottom: 2px;
}

p.TableTextCenter
{
	margin-bottom: 2px;
	margin-top: 8px;
	text-align: center;
}

p.TableTextEmphasis
{
	font-weight: bold;
	margin-bottom: 2px;
	margin-top: 8px;
}

p.TableTextEmphasisIndent
{
	font-weight: bold;
	margin-bottom: 2px;
	margin-top: 8px;
	margin-left: 18px;
}

p.TableTextEmphasisPreWhiteSpace
{
	font-weight: bold;
	margin-bottom: 2px;
	margin-top: 8px;
}

p.TableTextEmphasisSmall
{
	font-weight: bold;
	margin-bottom: 2px;
	margin-top: 8px;
	margin-left: 18px;
	font-size: 12pt;
}

p.TableTextEmphasisSmallNoIndent
{
	font-weight: bold;
	margin-bottom: 2px;
	margin-top: 8px;
	font-size: 0.8em;
}

p.TableTextFootnote
{
	font-size: 1em;
	color: #000000;
	margin-bottom: 2px;
	margin-top: 8px;
}

p.TableTextHead
{
	font-weight: bold;
	margin-bottom: 2px;
	margin-top: 8px;
	text-align: left;
	color: #000000;
}

p.TableTextRedBold
{
	margin-bottom: 2px;
	margin-top: 8px;
	bottom: 12px;
	top: 12px;
	font-weight: bold;
	color: #cb1313;
}

p.TableTextRight
{
	margin-bottom: 2px;
	margin-top: 8px;
	text-align: right;
}

p.TableTextSmall
{
	margin-bottom: 2px;
	margin-top: 8px;
	font-size: 0.9em;
}

p.TableTextSmallPrint
{
	margin-bottom: 2px;
	margin-top: 8px;
	text-align: center;
}

table
{
	margin-bottom: 10px;
}

td
{
	margin: 8px;
	vertical-align: top;
}

th
{
	color: #000000;
	margin-bottom: 8px;
	margin-top: 8px;
	vertical-align: bottom;
}

tr
{
	
}

/*Tips*/

div.tip
{
	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
{
	mc-auto-number-format: '{b}{color #242729}Tip {/color}{/b}';
	mc-auto-number-class: Admonition;
}

.micro-content-container .micro-response div.tip
{
	background-position: 10px 12px;
}

/*TOCs*/

MadCap|tocProxy
{
	border-top: none;
}

p.TOC1
{
	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
{
	font-size: 13pt;
	font-weight: normal;
	line-height: 21pt;
	margin-left: 0;
	margin: 4pt 0;
	mc-hyphenate: never;
}

p.TOC3
{
	font-size: 13pt;
	line-height: 21pt;
	margin: 4pt 0 4pt 15pt;
	mc-hyphenate: never;
}

p.TOC4
{
	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;
}

/*Troubleshooting*/

div.troubleshoot
{
	background-color: #ffffff;
	border: ridge 1px #becfdc;
	border-bottom-style: groove;
	border-bottom-width: 4px;
	border-left-width: 2px;
	border-radius: 15px;
	border-right-width: 2px;
	border-top-width: 2px;
	float: left;
	margin-bottom: 5px;
	margin-left: 40px;
	padding-bottom: 15px;
	padding-left: 5px;
	padding-right: 25.0px;
	padding-top: 15px;
	width: 400px;
	z-index: -1cm;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}

#madcapToggler .troubleshooting1 li.TroubleshootingLink:hover
{
	color: #7d858a;
	text-decoration: none;
}

/*Video Section */

div.video-text p,
div.video-text-knowledge p
{
	font-size: 12pt;
	margin: 2px;
}

div.video-text p:nth-child(1)
{
	padding-top: 10px;
}

div.video-text-knowledge p:nth-child(1)
{
	padding-top: 0px;
}

.video-section
{
	padding-top: 10px;
	margin-bottom: 0px;
}

.video-section img
{
	padding-right: 10px;
	padding-bottom: 10px;
}

.outer-row
{
	max-width: 100%;
	padding: 0;
}

div.video-wrap
{
	background-color: #ffffff;
}

p.more-videos
{
	font-size: 15px;
}

p.responsive-position
{
	max-width: 100%;
}

/*Video Links - New */

div.video
{
	margin-bottom: 40px;
}

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

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

.buttonT32-play,
.buttonT32-play:hover,
.buttonT32-play:link,
.buttonT32-play:visited	/*Controls 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	/*Controls 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	/*Controls 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	/*Controls 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	/*Controls 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
{
	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
{
	mc-auto-number-format: '{b}{color #242729}Important {/color}{/b}';
	mc-auto-number-class: Admonition;
}

div.warning > p:first-child
{
	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
{
	background-position: 10px 12px;
}

/*Responsive*/

nav.title-bar
{
	background: #282828;
}

div.top-bar
{
	height: 50px;
}

._Skins_Align_Align_Side_Navigation ul.sidenav li a,
._Skins_Capture_Capture_Side_Navigation ul.sidenav li a,
._Skins_Central_Central_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_Flare_Side_Navigation ul.sidenav li a,
._Skins_Lingo_Lingo_Side_Navigation ul.sidenav li a,
._Skins_Mimic_Mimic_Side_Navigation ul.sidenav li a	/*Control the text links in the side navigation. */
{
	font-family: Roboto;
	font-weight: normal;
	font-size: .82em;
}

._Skins_Shared_Topic_Tool_Bar.mc-component .button-separator	/*Styles the separator in the topic toolbar*/
{
	width: 2px;
	margin-top: 10px;
}

._Skins_Shared_Topic_Tool_Bar_PDF.mc-component .button-separator	/*Styles the separator in the topic toolbar. This one might be osbolete now though*/
{
	width: 2px;
	margin-top: 10px;
}

div
{
	
}

p.FrameFooterText3
{
	font-size: 9pt;
	font-family: 'Roboto Light';
	line-height: 12pt;
	color: #7d858a;
	margin: 4px 0px;
}

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

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

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

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

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

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

.micro-content-container .micro-response div.Tiles-3-3-3-3 > div:nth-child(1)
{
	width: 100%;
	margin-left: 0%;
}

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

.micro-content-container .micro-response div.Tiles-3-3-3-3 > div:nth-child(2)
{
	width: 100%;
	margin-left: 0%;
}

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

.micro-content-container .micro-response div.Tiles-3-3-3-3 > div:nth-child(3)
{
	width: 100%;
	margin-left: 0%;
}

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

.micro-content-container .micro-response div.Tiles-3-3-3-3 > div:nth-child(4)
{
	width: 100%;
	margin-left: 0%;
}

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

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

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

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

div.Tiles-4-4-4 > div:nth-child(1)
{
	width: 33.333%;
	margin-left: 0%;
}

.micro-content-container .micro-response div.Tiles-4-4-4 > div:nth-child(1)
{
	width: 100%;
	margin-left: 0%;
}

div.Tiles-4-4-4 > div:nth-child(2)
{
	width: 33.33333%;
	margin-left: 0%;
}

.micro-content-container .micro-response div.Tiles-4-4-4 > div:nth-child(2)
{
	width: 100%;
	margin-left: 0%;
}

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

.micro-content-container .micro-response div.Tiles-4-4-4 > div:nth-child(3)
{
	width: 100%;
	margin-left: 0%;
}

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

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

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

div.Tiles-6-6 a
{
	
}

div.Tiles-6-6 > div
{
	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)
{
	width: 50%;
	margin-left: 0%;
}

.micro-content-container .micro-response div.Tiles-6-6 > div:nth-child(1)
{
	width: 100%;
	margin-left: 0%;
}

div.Tiles-6-6 > div:nth-child(2)
{
	padding-left: 10px;
	width: 50%;
	margin-left: 0%;
}

.micro-content-container .micro-response div.Tiles-6-6 > div:nth-child(2)
{
	width: 100%;
	margin-left: 0%;
}

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

div.Tiles-7-5::before
{
	content: ' ';
	display: table;
}

div.Tiles-7-5::after
{
	content: ' ';
	display: table;
	clear: both;
}

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

div.Tiles-7-5 > div:nth-child(1)
{
	width: 58.333%;
	margin-left: 0%;
}

div.Tiles-7-5 .micro-response div.Tiles-8-4 > div:nth-child(1)
{
	width: 100%;
	margin-left: 0%;
}

div.Tiles-7-5 > div:nth-child(2)
{
	padding-left: 10px;
	width: 41.667%;
	margin-left: 0%;
}

div.Tiles-7-5 .micro-response div.Tiles-8-4 > div:nth-child(2)
{
	width: 100%;
	margin-left: 0%;
}

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

div.Tiles-8-4::before
{
	content: ' ';
	display: table;
}

div.Tiles-8-4::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.Tiles-8-4 > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px;
}

div.Tiles-8-4 > div:nth-child(1)
{
	width: 66.667%;
	margin-left: 0%;
}

.micro-content-container .micro-response div.Tiles-8-4 > div:nth-child(1)
{
	width: 100%;
	margin-left: 0%;
}

div.Tiles-8-4 > div:nth-child(2)
{
	width: 33.33333%;
	margin-left: 0%;
	padding-left: 10px;
}

.micro-content-container .micro-response div.Tiles-8-4 > div:nth-child(2)
{
	width: 100%;
	margin-left: 0%;
}

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

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

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

div.Tiles-6-3-3 > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px;
}

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

.micro-content-container .micro-response div.Tiles-6-3-3 > div:nth-child(1)
{
	width: 100%;
	margin-left: 0%;
}

div.Tiles-6-3-3 > div:nth-child(2)
{
	padding-left: 10px;
	width: 25%;
	margin-left: 0%;
}

.micro-content-container .micro-response div.Tiles-6-3-3 > div:nth-child(2)
{
	width: 100%;
	margin-left: 0%;
}

div.Tiles-6-3-3 > div:nth-child(3)
{
	width: 25%;
	margin-left: 0%;
	padding-left: 10px;
}

.micro-content-container .micro-response div.Tiles-6-3-3 > div:nth-child(3)
{
	width: 100%;
	margin-left: 0%;
}

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

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

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

div.Tiles-12 a
{
	
}

div.Tiles-12 > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	background-color: #ffffff;
	vertical-align: bottom;
	padding: 5px;
}

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

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

div.Tiles-12-4-4-4::before
{
	content: ' ';
	display: table;
}

div.Tiles-12-4-4-4::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.Tiles-12-4-4-4 > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px;
}

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

div.Tiles-12-4-4-4 > div:nth-child(2)
{
	padding-left: 10px;
	width: 33.333%;
	margin-left: 0%;
}

.micro-content-container .micro-response div.Tiles-12-4-4-4 > div:nth-child(2)
{
	padding-left: 10px;
	width: 100%;
	margin-left: 0%;
}

div.Tiles-12-4-4-4 > div:nth-child(3)
{
	padding-left: 10px;
	width: 33.333%;
	margin-left: 0%;
}

.micro-content-container .micro-response div.Tiles-12-4-4-4 > div:nth-child(3)
{
	padding-left: 10px;
	width: 100%;
	margin-left: 0%;
}

div.Tiles-12-4-4-4 > div:nth-child(4)
{
	padding-left: 10px;
	width: 33.333%;
	margin-left: 0%;
}

.micro-content-container .micro-response div.Tiles-12-4-4-4 > div:nth-child(4)
{
	padding-left: 10px;
	width: 100%;
	margin-left: 0%;
}

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

div.Tiles-12-6-6::before
{
	content: ' ';
	display: table;
}

div.Tiles-12-6-6::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.Tiles-12-6-6 > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px;
}

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

div.Tiles-12-6-6 > div:nth-child(2)
{
	padding-left: 10px;
	width: 50%;
	margin-left: 0%;
}

.micro-content-container .micro-response div.Tiles-12-6-6 > div:nth-child(2)
{
	padding-left: 10px;
	width: 100%;
	margin-left: 0%;
}

div.Tiles-12-6-6 > div:nth-child(3)
{
	padding-left: 10px;
	width: 50%;
	margin-left: 0%;
}

.micro-content-container .micro-response div.Tiles-12-6-6 > div:nth-child(3)
{
	padding-left: 10px;
	width: 100%;
	margin-left: 0%;
}

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

div.Tiles-12-8-4::before
{
	content: ' ';
	display: table;
}

div.Tiles-12-8-4::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.Tiles-12-8-4 > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px;
}

div.Tiles-12-8-4 > div:nth-child(1)
{
	width: 100%;
	margin-left: 0%;
}

div.Tiles-12-8-4 > div:nth-child(2)
{
	padding-left: 10px;
	width: 66.667%;
	margin-left: 0%;
}

.micro-content-container .micro-response div.Tiles-12-8-4 > div:nth-child(2)
{
	padding-left: 10px;
	width: 100%;
	margin-left: 0%;
}

div.Tiles-12-8-4 > div:nth-child(3)
{
	padding-left: 10px;
	width: 33.333%;
	margin-left: 0%;
}

.micro-content-container .micro-response div.Tiles-12-8-4 > div:nth-child(3)
{
	padding-left: 10px;
	width: 100%;
	margin-left: 0%;
}

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

div.Tiles-4-8::before
{
	content: ' ';
	display: table;
}

div.Tiles-4-8::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.Tiles-4-8 > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px;
}

div.Tiles-4-8 > div:nth-child(1)
{
	width: 33.333%;
	margin-left: 0%;
}

.micro-content-container .micro-response div.Tiles-4-8 > div:nth-child(1)
{
	width: 100%;
	margin-left: 0%;
}

div.Tiles-4-8 > div:nth-child(2)
{
	padding-left: 10px;
	width: 66.667%;
	margin-left: 0%;
}

.micro-content-container .micro-response div.Tiles-4-8 > div:nth-child(2)
{
	width: 100%;
	margin-left: 0%;
}

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

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

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

div.Tiles-Videos a
{
	
}

div.Tiles-Videos > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	background-color: #ffffff;
	vertical-align: bottom;
	padding: 5px;
}

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

.micro-content-container .micro-response div.Tiles-Videos > div:nth-child(1)
{
	width: 16.667%;
	margin-left: 0%;
}

div.Tiles-Videos > div:nth-child(2)
{
	padding-left: 10px;
	width: 50%;
	margin-left: 0%;
}

.micro-content-container .micro-response div.Tiles-Videos > div:nth-child(2)
{
	width: 83.333%;
	margin-left: 0%;
}

sup.small
{
	font-size: .6em;
}

h6
{
	mc-heading-level: 0;
}

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

ol > li::marker
{
	margin-top: 20px;
	margin-bottom: 20px;
}

ul > li::marker
{
	line-height: 20pt;
	margin-bottom: 20px;
	margin-top: 20px;
}

ul ol
{
	line-height: 20pt;
	margin-bottom: 20px;
	margin-top: 20px;
}

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

div.Tiles-1-11::before
{
	content: ' ';
	display: table;
}

div.Tiles-1-11::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.Tiles-1-11 > div
{
	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)
{
	width: 8.3333%;
	margin-left: 0%;
	padding-right: 5px;
}

div.Tiles-1-11 > div:nth-child(2)
{
	padding-left: 10px;
	width: 91.667%;
	margin-left: 0%;
	padding-top: 10px;
}

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

div.Tiles-2-10::before
{
	content: ' ';
	display: table;
}

div.Tiles-2-10::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.Tiles-2-10 > div
{
	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)
{
	width: 16.667%;
	margin-left: 0%;
	padding-right: 5px;
}

div.Tiles-2-10 > div:nth-child(2)
{
	padding-left: 10px;
	width: 83.333%;
	margin-left: 0%;
}

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

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

.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. */
{
	
}

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

h2
{
	
}

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

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

@media print
{
	body
	{
		margin: 8px;
		font-size: 11pt;
		line-height: normal;
	}

	/*Banners*/

	p.OutputsSupported
	{
		color: #282828;
	}

	/*Cross-References*/

	MadCap|xref
	{
		color: #282828;
		font-weight: normal;
		mc-format: '{quote}{para}{quote} {pageref}';
		text-decoration: none;
	}

	/*Drop-Downs*/

	MadCap|dropDown
	{
		margin: 0;
		padding: 0;
		margin-top: 16px;
		border-bottom: none 2px #000000;
	}

	MadCap|dropDownBody
	{
		border-bottom: none;
		margin-left: 0px;
	}

	MadCap|dropDownHead
	{
		font-size: 12pt;
		padding: 5px 5px 5px 0px;
		margin-top: 0px;
	}

	MadCap|dropDownHotspot
	{
		
	}

	/*eLearning */

	.question p
	{
		font-weight: bold;
	}

	MadCap|multipleChoiceItem
	{
		margin-left: 30px;
	}

	/*Examples*/

	div.example,
	div.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
	{
		font-size: 9pt;
	}

	MadCap|footnotesBlock
	{
		border-top-color: #058A95;
	}

	/*Glossaries*/

	div.GlossaryPageDefinition
	{
		color: #ffffff;
		font-size: 11pt;
	}

	div.GlossaryPageHeading
	{
		border-bottom-color: #058A95;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		color: #058A95;
		font-size: 13pt;
	}

	div.GlossaryPageTerm
	{
		color: #058A95;
		font-size: 12pt;
		padding-bottom: 10px;
		padding-top: 10px;
	}

	MadCap|glossaryProxy
	{
		border-top: none;
		color: #ffffff;
	}

	/*Headings*/

	h1
	{
		color: #058A95;
		font-family: Roboto;
		font-size: 35pt;
		line-height: 40pt;
		margin-top: 0px;
		page-break-before: avoid;
		padding-bottom: 0px;
	}

	h1.SingleChapter
	{
		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
	{
		font-family: Roboto;
		page-break-before: always;
		font-size: 28pt;
	}

	h3
	{
		mc-heading-level: 0;
		font-family: Roboto;
		font-size: 23pt;
		line-height: 26pt;
	}

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

	h4
	{
		font-family: Roboto;
		line-height: 20pt;
		font-size: 20pt;
	}

	h5
	{
		font-weight: normal;
		mc-heading-level: 0;
		line-height: 16pt;
		font-size: 16pt;
	}

	h6
	{
		margin-bottom: 0px;
		margin-left: 0px;
		margin: 0px;
		margin-top: 16px;
		letter-spacing: .75;
		font-size: 14pt;
	}

	/*Images*/

	img.MaxWidth100PercentNoThumbnail
	{
		max-width: 100%;
		padding: 10px;
	}

	img.MaxWidth100Percent,
	img.ThumbnailMicroContent
	{
		max-width: 100%;
		padding-bottom: 0px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
	}

	img.MaxWidth95PercentNoThumbnail
	{
		max-width: 95%;
		padding: 10px;
	}

	img.MaxWidth95Percent
	{
		max-width: 95%;
		padding-bottom: 0px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
	}

	img.MaxWidth90Percent
	{
		max-width: 90%;
		padding-bottom: 0px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
	}

	img.MaxWidth85Percent
	{
		max-width: 85%;
		padding-bottom: 0px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
	}

	img.MaxWidth80Percent
	{
		max-width: 80%;
		padding-bottom: 0px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
	}

	img.MaxWidth75Percent
	{
		max-width: 75%;
		padding-bottom: 0px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
	}

	img.MaxWidth70Percent
	{
		max-width: 70%;
		padding-bottom: 0px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
	}

	img.MaxWidth70PercentNoThumbnail
	{
		max-width: 70%;
		padding: 10px;
	}

	img.MaxWidth65Percent
	{
		max-width: 65%;
		padding-bottom: 0px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
	}

	img.MaxWidth60Percent
	{
		max-width: 60%;
		padding-bottom: 0px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
	}

	img.MaxWidth55Percent
	{
		max-width: 55%;
		padding-bottom: 0px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
	}

	img.MaxWidth50Percent
	{
		max-width: 50%;
		padding-bottom: 0px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
	}

	img.MaxWidth45Percent
	{
		max-width: 45%;
		padding-bottom: 0px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
	}

	img.MaxWidth40Percent
	{
		max-width: 40%;
		padding-bottom: 0px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
	}

	img.MaxWidth35Percent
	{
		max-width: 35%;
		padding-bottom: 0px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
	}

	img.MaxWidth30Percent
	{
		max-width: 30%;
		padding-bottom: 0px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
	}

	/*Indexes*/

	MadCap|indexProxy
	{
		border-top: none;
	}

	MadCap|indexProxy.Column2
	{
		mc-column-count: 2;
		mc-index-headings: true;
	}

	p.IndexHeading
	{
		font-size: 13pt;
		padding-top: 16px;
		text-align: left;
	}

	p.IndexPrintHead
	{
		color: #058A95;
		page-break-before: always;
		mc-heading-level: 4;
	}

	p.Index1
	{
		margin-bottom: 4px;
		margin-top: 4px;
	}

	p.Index2
	{
		margin-bottom: 0px;
		margin-top: 0px;
	}

	/*Lists*/

	li
	{
		orphans: 2;
		widows: 2;
		line-height: 14pt;
		margin-bottom: 10px;
		margin-top: 10px;
	}

	li.PageBreakBefore
	{
		font-size: 10pt;
		page-break-before: always;
		margin-top: 18pt;
		mc-printer-page-margin-top: 18pt;
	}

	ol
	{
		line-height: 14pt;
		font-size: 11pt;
		margin-bottom: 10px;
		margin-top: 10px;
	}

	ol ol
	{
		line-height: 14pt;
		margin-bottom: 10px;
		margin-top: 10px;
	}

	ol p
	{
		font-size: 11pt;
		line-height: 14pt;
		margin-bottom: 10px;
		margin-top: 10px;
	}

	ul
	{
		font-size: 11pt;
		line-height: 14pt;
		margin-bottom: 10px;
		margin-top: 10px;
	}

	ul p
	{
		line-height: 14pt;
		font-size: 11pt;
		margin-bottom: 10px;
		margin-top: 10px;
	}

	/*Mini-TOCs*/

	MadCap|miniTocProxy
	{
		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
	{
		margin-left: 0;
		margin-right: 0;
	}

	p.MiniTOC1
	{
		font-size: 11pt;
		line-height: 14pt;
		margin-left: .75in;
		margin-right: .75in;
		mc-hyphenate: never;
		color: #282828;
		text-decoration: none;
	}

	/*Notes*/

	div.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');
	}

	/*Page and Frame Breaks*/

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

	p.PageBreakBefore
	{
		margin-top: 18px;
		page-break-before: always;
	}

	/*Paragraphs*/

	p
	{
		orphans: 2;
		widows: 2;
		line-height: 14pt;
		font-size: 11pt;
		margin-bottom: 10px;
		margin-top: 10px;
	}

	p.ComingSoon
	{
		font-size: 64pt;
		letter-spacing: -1px;
		margin-top: 150px;
		text-align: center;
		color: #ffffff;
	}

	p.ContentsHeadingPrint
	{
		mc-heading-level: 0;
		page-break-before: always;
		color: #058A95;
	}

	p.Copyright
	{
		
	}

	p.CopyrightAddress
	{
		
	}

	p.CopyrightHeading
	{
		
	}

	p.CreatedUsingFlare
	{
		
	}

	p.FrameFooterText
	{
		
	}

	p.FrameFooterText2
	{
		
	}

	p.ManualTitle1
	{
		
	}

	p.ManualTitle2
	{
		
	}

	p.ManualVersionNumber
	{
		margin-left: 1in;
		margin-top: 12pt;
	}

	p.PDFList
	{
		font-style: italic;
		margin-bottom: 2px;
		margin-top: 8px;
	}

	p.PrintOnlySpace
	{
		margin-bottom: 30pt;
	}

	p.Subheading
	{
		margin-top: 16pt;
		font-size: 12pt;
	}

	/*Tables*/

	p.TableTextEmphasisIndent
	{
		font-size: 12pt;
	}

	p.TableTextEmphasisPreWhiteSpace
	{
		white-space: pre;
		width: 3in;
	}

	p.TableTextEmphasisSmall
	{
		font-size: 10pt;
	}

	p.TableTextEmphasisSmallNoIndent
	{
		font-size: 9pt;
	}

	p.TableTextFootnote
	{
		font-size: 12pt;
		margin-bottom: 10px;
		margin-top: 10px;
	}

	p.TableTextFootnote MadCap|xref
	{
		font-weight: normal;
		mc-format: '{quote}{para}{quote} {pageref}';
		text-decoration: none;
	}

	p.TableTextFootnote MadCap|xref:visited
	{
		font-weight: normal;
	}

	p.TableTextFootnote a:hover
	{
		font-weight: normal;
	}

	p.TableTextFootnote a
	{
		font-weight: normal;
	}

	p.TableTextFootnote a:visited
	{
		font-weight: normal;
	}

	p.TableTextHead
	{
		font-size: 11pt;
	}

	p.TableTextSmallPrint
	{
		font-size: 8pt;
		margin-bottom: 2px;
		margin-top: 8px;
	}

	/*Tips*/

	div.tip
	{
		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;
	}

	/*TOCs*/

	MadCap|tocProxy
	{
		
	}

	p.TOC1
	{
		
	}

	p.TOC2
	{
		
	}

	td
	{
		font-size: 10pt;
	}

	th
	{
		font-size: 12pt;
	}

	tr
	{
		page-break-inside: avoid;
	}

	/*Warnings*/

	div.important,
	div.warning
	{
		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;
	}

	p.TOC4
	{
		
	}

	.IndentMedium
	{
		margin-left: 0;
	}

	ul ul
	{
		margin-left: 30px;
		line-height: 14pt;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	ul ul ul
	{
		margin-left: 30px;
		margin-bottom: 10px;
		margin-top: 10px;
		line-height: 14pt;
	}

	ul ul ul ul
	{
		margin-left: 30px;
		line-height: 14pt;
		margin-bottom: 10px;
		margin-top: 10px;
	}

	img.banners
	{
		max-height: 90px;
	}

	li p
	{
		line-height: 14pt;
		margin-bottom: 10px;
		margin-top: 10px;
	}

	ol > li::marker
	{
		margin-bottom: 10px;
		margin-top: 10px;
		line-height: 14pt;
	}

	ol ol ol
	{
		line-height: 14pt;
		margin-bottom: 10px;
		margin-top: 10px;
	}

	ol ul
	{
		line-height: 14pt;
		margin-bottom: 10px;
		margin-top: 10px;
	}

	ol ul ul
	{
		line-height: 14pt;
		margin-bottom: 10px;
		margin-top: 10px;
	}

	ol ul ul ul
	{
		line-height: 14pt;
		margin-bottom: 10px;
		margin-top: 10px;
	}

	ul > li::marker
	{
		line-height: 14pt;
		margin-bottom: 10px;
		margin-top: 10px;
	}

	ul ol
	{
		line-height: 14pt;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.IndentMediumTableCell
	{
		margin-left: 10px;
	}
}

@media Hero2
{
	div.topic-hero
	{
		background-image: url('../../Images/Shared/All/Introduction/Hero2.jpg');
	}
}

@media Hero3
{
	div.topic-hero
	{
		background-image: url('../../Images/Shared/All/Introduction/Hero3.jpg');
	}
}

@media Hero4
{
	div.topic-hero
	{
		background-image: url('../../Images/Shared/All/Introduction/Hero4.jpg');
	}
}

@media Hero5
{
	div.topic-hero
	{
		background-image: url('../../Images/Shared/All/Introduction/Hero5.png');
	}
}

@media only screen and (max-width: 1279px)
{
	div.banner
	{
		
	}

	/*Justin*/

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

	div.search-menu
	{
		display: none;
	}

	MadCap|breadcrumbsProxy
	{
		width: 550px;
	}

	h1
	{
		
	}

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

	.micro-content-container .micro-response div.Tiles-3-3-3-3 > div:nth-child(1)
	{
		width: 100%;
		margin-left: 0%;
	}

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

	.micro-content-container .micro-response div.Tiles-3-3-3-3 > div:nth-child(2)
	{
		width: 100%;
		margin-left: 0%;
	}

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

	.micro-content-container .micro-response div.Tiles-3-3-3-3 > div:nth-child(3)
	{
		width: 100%;
		margin-left: 0%;
	}

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

	.micro-content-container .micro-response div.Tiles-3-3-3-3 > div:nth-child(4)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-3-3-3-3 a:hover
	{
		color: #0c3168;
	}

	div.Tiles-4-4-4 > div:nth-child(1)
	{
		width: 33.333%;
		margin-left: 0%;
	}

	.micro-content-container .micro-response div.Tiles-4-4-4 > div:nth-child(1)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-4-4-4 > div:nth-child(2)
	{
		width: 33.33333%;
		margin-left: 0%;
	}

	.micro-content-container .micro-response div.Tiles-4-4-4 > div:nth-child(2)
	{
		width: 100%;
		margin-left: 0%;
	}

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

	.micro-content-container .micro-response div.Tiles-4-4-4 > div:nth-child(3)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-4-4-4 a:hover
	{
		color: #0c3168;
	}

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

	.micro-content-container .micro-response div.Tiles-6-6 > div:nth-child(1)
	{
		width: 100%;
		margin-left: 0%;
	}

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

	.micro-content-container .micro-response div.Tiles-6-6 > div:nth-child(2)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-6-6 a:hover
	{
		color: #0c3168;
	}

	div.Tiles-7-5 > div:nth-child(1)
	{
		width: 58.333%;
		margin-left: 0%;
	}

	div.Tiles-7-5 .micro-response div.Tiles-8-4 > div:nth-child(1)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-7-5 > div:nth-child(2)
	{
		width: 41.667%;
		margin-left: 0%;
	}

	div.Tiles-7-5 .micro-response div.Tiles-8-4 > div:nth-child(2)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-7-5 a:hover
	{
		color: #0c3168;
	}

	div.Tiles-8-4 > div:nth-child(1)
	{
		width: 66.667%;
		margin-left: 0%;
	}

	.micro-content-container .micro-response div.Tiles-8-4 > div:nth-child(1)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-8-4 > div:nth-child(2)
	{
		width: 33.33333%;
		margin-left: 0%;
	}

	.micro-content-container .micro-response div.Tiles-8-4 > div:nth-child(2)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-8-4 a:hover
	{
		color: #0c3168;
	}

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

	.micro-content-container .micro-response div.Tiles-6-3-3 > div:nth-child(1)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-6-3-3 > div:nth-child(2)
	{
		width: 25%;
		margin-left: 0%;
	}

	.micro-content-container .micro-response div.Tiles-6-3-3 > div:nth-child(2)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-6-3-3 a:hover
	{
		color: #0c3168;
	}

	div.Tiles-6-3-3 > div:nth-child(3)
	{
		width: 25%;
		margin-left: 0%;
	}

	.micro-content-container .micro-response div.Tiles-6-3-3 > div:nth-child(3)
	{
		width: 100%;
		margin-left: 0%;
	}

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

	div.Tiles-12-4-4-4 > div:nth-child(2)
	{
		width: 33.333%;
		margin-left: 0%;
	}

	.micro-content-container .micro-response div.Tiles-12-4-4-4 > div:nth-child(2)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-12-4-4-4 a:hover
	{
		color: #0c3168;
	}

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

	.micro-content-container .micro-response div.Tiles-12-4-4-4 > div:nth-child(3)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-12-4-4-4 > div:nth-child(4)
	{
		width: 33.333%;
		margin-left: 0%;
	}

	.micro-content-container .micro-response div.Tiles-12-4-4-4 > div:nth-child(4)
	{
		width: 100%;
		margin-left: 0%;
	}

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

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

	.micro-content-container .micro-response div.Tiles-12-6-6 > div:nth-child(2)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-12-6-6 a:hover
	{
		color: #0c3168;
	}

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

	.micro-content-container .micro-response div.Tiles-12-6-6 > div:nth-child(3)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-12-8-4 > div:nth-child(1)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-12-8-4 > div:nth-child(2)
	{
		width: 66.667%;
		margin-left: 0%;
	}

	.micro-content-container .micro-response div.Tiles-12-8-4 > div:nth-child(2)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-12-8-4 a:hover
	{
		color: #0c3168;
	}

	div.Tiles-12-8-4 > div:nth-child(3)
	{
		width: 33.333%;
		margin-left: 0%;
	}

	.micro-content-container .micro-response div.Tiles-12-8-4 > div:nth-child(3)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-4-8 > div:nth-child(1)
	{
		width: 33.333%;
		margin-left: 0%;
	}

	.micro-content-container .micro-response div.Tiles-4-8 > div:nth-child(1)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-4-8 > div:nth-child(2)
	{
		width: 66.667%;
		margin-left: 0%;
	}

	.micro-content-container .micro-response div.Tiles-4-8 > div:nth-child(2)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-4-8 a:hover
	{
		color: #0c3168;
	}

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

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

	div.Tiles-Videos a:hover
	{
		color: #0c3168;
	}

	sup.small
	{
		
	}

	/*Home Page */

	p.responsive-position
	{
		display: block;
	}

	div.home-tiles-container
	{
		width: 99%;
	}

	div.home-tiles > div:nth-child(1)
	{
		width: 30%;
		margin-left: 2%;
	}

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

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

	div.info-section > div:nth-child(1)
	{
		width: 0%;
		display: none;
	}

	div.info-section > div:nth-child(2)
	{
		width: 50%;
		margin-left: 16.667%;
	}

	div.info-section > div:nth-child(3)
	{
		width: 33.33333%;
		margin-left: 0%;
	}

	div.pdf-section > div:nth-child(1)
	{
		display: none;
	}

	div.pdf-section > div:nth-child(2)
	{
		width: 80%;
		margin-left: 10%;
	}

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

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

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

	div.video-section > div:nth-child(1)
	{
		display: none;
	}

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

	/*IDs */

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

	div.Tiles-1-11 > div:nth-child(1)
	{
		width: 8.3333%;
		margin-left: 0%;
	}

	div.Tiles-1-11 .micro-response div.Tiles-4-8 > div:nth-child(1)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-1-11 > div:nth-child(2)
	{
		width: 91.667%;
		margin-left: 0%;
	}

	div.Tiles-1-11 .micro-response div.Tiles-4-8 > div:nth-child(2)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-1-11 a:hover
	{
		color: #0c3168;
	}

	div.Tiles-2-10 > div:nth-child(1)
	{
		width: 16.667%;
		margin-left: 0%;
	}

	div.Tiles-2-10 .micro-response div.Tiles-4-8 > div:nth-child(1)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-2-10 > div:nth-child(2)
	{
		width: 83.333%;
		margin-left: 0%;
	}

	div.Tiles-2-10 .micro-response div.Tiles-4-8 > div:nth-child(2)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-2-10 a:hover
	{
		color: #0c3168;
	}
}

@media only screen and (max-width: 767px)
{
	p.TutorialBannerGettingStarted
	{
		font-size: .8em;
	}

	p.TutorialBannerSnippetConditions
	{
		font-size: .8em;
	}

	p.TutorialBannerBackTopButton
	{
		font-size: .8em;
	}

	p.TutorialBannerCustomToolbar
	{
		font-size: .8em;
	}

	div.banner
	{
		width: 100%;
	}

	p.InfoForDevelopers
	{
		width: 100%;
	}

	/*IDs */

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

	/*Justin*/

	div.top-bar
	{
		min-height: 0;
		display: none;
	}

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

	div.search-menu
	{
		display: none;
	}

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

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

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

	MadCap|breadcrumbsProxy
	{
		
	}

	h1
	{
		margin-bottom: 0;
		margin-top: 5px;
		padding-bottom: 0;
	}

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

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

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

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

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

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

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

	div.Tiles-6-6 > div
	{
		margin-top: 2%;
	}

	div.Tiles-6-6 > div:nth-child(1)
	{
		width: 100%;
	}

	div.Tiles-6-6 > div:nth-child(2)
	{
		width: 100%;
		border-bottom: 2px solid #fafafa;
		border-left: none;
		border-right: none;
		padding-left: 0;
	}

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

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

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

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

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

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

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

	div.pdf-download2
	{
		display: none;
	}

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

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

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

	div.Tiles-12-4-4-4 > div:nth-child(4)
	{
		width: 100%;
		margin-left: 0%;
	}

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

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

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

	div.Tiles-12-8-4 > div:nth-child(1)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-12-8-4 > div:nth-child(2)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Tiles-12-8-4 > div:nth-child(3)
	{
		width: 100%;
		margin-left: 0%;
	}

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

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

	div.Tiles-Videos > div
	{
		margin-top: 2%;
	}

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

	div.Tiles-Video > div:nth-child(2)
	{
		width: 50%;
		border-bottom: 2px solid #fafafa;
		border-left: none;
		border-right: none;
		padding-left: 0;
	}

	/*Home Page */

	h1.Home
	{
		font-size: 2.4em;
	}

	h2.Home
	{
		font-size: 2.2em;
		margin-top: 10px;
	}

	.footer-links
	{
		text-align: center;
		margin-top: 0px;
	}

	.footer
	{
		padding: 5% 7%;
	}

	div.home-tiles-container
	{
		width: 90%;
	}

	div.home-tiles > div
	{
		margin-top: 2%;
	}

	div.home-tiles > div:nth-child(1)
	{
		width: 90%;
		margin-left: 5%;
	}

	div.home-tiles > div:nth-child(2)
	{
		width: 90%;
		margin-left: 5%;
		border-top: 2px solid #fafafa;
		border-bottom: 2px solid #fafafa;
		border-left: none;
		border-right: none;
	}

	div.home-tiles > div:nth-child(3)
	{
		width: 90%;
		margin-left: 5%;
	}

	div.info-section > div:nth-child(1)
	{
		width: 100%;
		display: block;
	}

	div.info-section > div:nth-child(2)
	{
		width: 80%;
		margin-right: 10px;
	}

	div.info-section > div:nth-child(3)
	{
		width: 0%;
		display: none;
	}

	div.pdf-container
	{
		width: 90%;
	}

	div.pdf-section > div:nth-child(2)
	{
		width: 90%;
		margin-left: 5%;
	}

	div.video-section > div:nth-child(1)
	{
		display: none;
	}

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

	div.HomeMasterPageFooter > div:nth-child(1)
	{
		width: 100%;
		text-align: center;
		margin-left: -20px;
	}

	div.HomeMasterPageFooter > div:nth-child(2)
	{
		width: 100%;
		margin: 3% 0;
		text-align: center;
	}

	div.HomeMasterPageFooter > div:nth-child(3)
	{
		width: 100%;
		text-align: center;
	}

	div.footer-links > a:nth-child(1)
	{
		float: left;
	}

	div.footer-links > a:nth-child(3)
	{
		float: right;
	}

	.footer-links a
	{
		padding: 0;
	}

	p.footer-sub
	{
		text-align: center;
	}

	div.Tiles-2-10 > div:nth-child(1)
	{
		margin-left: 0%;
		padding-top: 10px;
		width: 25%;
	}

	div.Tiles-2-10 > div:nth-child(2)
	{
		margin-left: 0%;
		width: 75%;
	}
}

@media (max-width: 460px)
{
	div.footer-links > a:nth-child(1)
	{
		width: 100%;
	}

	div.footer-links > a:nth-child(2)
	{
		width: 100%;
	}

	div.footer-links > a:nth-child(3)
	{
		width: 100%;
	}

	/*IDs */

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

@media (max-width: 350px)
{
	h1
	{
		font-size: 1.5em;
		margin-bottom: 0;
		margin-top: -2px;
		padding-bottom: 0;
		line-height: 24pt;
	}

	p,
	li,
	ol,
	ul
	{
		font-size: 11pt;
		line-height: 15pt;
	}

	ol p,
	ul p
	{
		font-size: 11pt;
		line-height: 15pt;
	}

	h1.Home
	{
		font-size: 2.0em;
	}

	h2.Home
	{
		font-size: 1.5em;
	}

	p.getting-started-links
	{
		font-size: 12pt;
	}

	h2
	{
		font-size: 1.3em;
		line-height: 22pt;
		margin-top: 20px;
	}

	h3
	{
		font-size: 1.1em;
		line-height: 18pt;
	}

	h4
	{
		font-size: .9em;
		line-height: 14pt;
	}

	li
	{
		line-height: 13pt;
	}

	MadCap|xref:hover
	{
		
	}

	/*IDs */

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

	MadCap|menuProxy
	{
		
	}
}

MadCap|snippetBlock.PDF-Video-Links
{
	margin-bottom: -40px;
}

.extra-space-below	/*Used to add 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;
}