/*<meta conditions="_GLO-Import.Help_Automation1,_GLO-Import.Hardware_Stage,_GLO-Import.Hardware_Automation1,_GLO-Import.Hardware_Motors,_GLO-Import.Guides" />*/

@import url('_GLO-Technical-Documentation-API.css');

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

@font-face 
{
	font-family: 'D-DIN';
	src: url(../Fonts/D-DIN.otf);
}

@font-face 
{
	font-family: 'D-DIN-Bold';
	src: url(../Fonts/D-DIN-Bold.otf);
}

@font-face 
{
	font-family: 'D-DIN-Italic';
	src: url(../Fonts/D-DIN-Italic.otf);
}

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

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

@font-face 
{
	font-family: 'helvetica-italic';
	src: url(../Fonts/helvetica-italic.otf);
}

@font-face 
{
	font-family: 'SourceSansPro-Semibold';
	src: url(../Fonts/SourceSansPro-Semibold.otf);
}

/* This was added for the procedure headings, but we are using the D-Din font until we fix the issue with the installer and the fonts.  */

@font-face 
{
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: url(../Fonts/MaterialIcons-Regular.eot);
	src: local('Material Icons'), local('MaterialIcons-Regular'), url(../Fonts/MaterialIcons-Regular.woff2) format('woff2'), url(../Fonts/MaterialIcons-Regular.woff) format('woff'), url(../Fonts/MaterialIcons-Regular.ttf) format('truetype');
}

/* For IE6-8 */

/* 
======= COLOR PALETTE =======
Pantone Process Blue C: #0082CA
Aerotech Blue
	80%: #009AD4
	60%: #4FB2DE
	40%: #94CBE9
	20%: #CCE6F4

Pantone	321 C: #008996 (Teal)
	80%: #33A1AB
	60%: #66B8C0
	40%: #99D0D5
	20%: #CCE7EA

Pantone 288 C: #1E376C (Purple)
	80%: #4B5F89
	60%: #7887A7
	40%: #A5AFC4
	20%: #D2D7E2
*/

/*CSS Variables*/

:root
{
	--aerotechBlue: #0082CA;
	--aerotechBlueHover: #1C94D2;
	--processBlue: #00ADEF;
	--greyDark: #4B545E;
	--greyHover: #7B868C;
	--orange: #EF8B22;
	--orangeHover: #FAAC58;
	--red: #DB2115;
	--redHover: #F15B44;
	--green: #459A34;
	--greenHover: #68B05B;
	--yellow: #FFDA00;
	--yellowHover: #FFE432;
	--headlineFont: 'D-Din', sans-serif;
	--bodyFont: 'Helvetica', sans-serif;
	--monospaceFont: 'Consolas', 'Monospac821 BT', 'Lucinda Console', 'Courier New', monospace;
	--onlineBodyColor: #484848;
	--printBodyColor: #231F20;
}

/*Global: Sets all box sizes to border-box, which takes margin, padding, and border into account of the overall size of the box*/

*
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body
{
	color: #484848;
	font-family: 'Helvetica', sans-serif;
	padding-left: 1.5%;
	padding-right: 1.5%;
	line-height: 1.4;
}

a:link
{
	text-decoration: none;
	color: #0082CA;
}

ul.sidenav li a:hover	/*=adds underlining on hover in toc parent topics=*/
{
	text-decoration: underline !important;
}

a:hover
{
	text-decoration: underline;
	color: #7B868C;
}

.DropDownHeaderText a:hover	/* For regular text that resembles a drop-down header, this tag keeps the hover color the same as that of .MCDropDownHotSpot. */
{
	text-decoration: underline;
	color: #7B868C;
}

.magellansidemenu ul.menu._Skins_SideMenuSkin.mc-component li a:hover	/*Styles the hover for items in the side menu.*/
{
	color: #68B05B;
	/*The hover color when you select a menu item. Green 1 Hover from the corporate style guide.*/
	background-color: transparent;
	/*Turns off the square background when you hover over a menu item.*/
}

ul.menu.mc-component li > a:hover
{
	background-color: transparent;
	/*Final Output: Turns off the square background when you hover over a menu item.*/
}

div.content-container div div a:hover
{
	color: #ffffff !important;
	text-decoration: underline;
}

.material-symbols-outlined a:hover
{
	text-decoration: none !important;
}

/*========== Link to LIVE Help =======================*/

.ExcludeFromLive	/*Styles the sentence that contains the link to LIVE Help.*/
{
	text-align: left;
	/*Left aligns the text.*/
	display: none;
	/*Turns off the link to LIVE Help. We show/hide it through a combination of CSS and jQuery.*/
}

/*========== End of LIVE Help Content Styles=========*/
/*========== Tags for Content Review ==========*/

.ReviewContent
{
	font-weight: 600;
	mc-conditions: '_GLO-Output.ReviewContent';
	color: #040bb3;
	background: #f0bbee;
}

/*===============End of Tags for Content Review===============*/
/*=============== Breadcrumb styles ===============*/

.breadcrumbs	/* style for breadcrumb text at the top of the page */
{
	font-size: 8pt;
}

.stackedcrumbs
/*For mobile and tablet only when the stacked menu is present. Does not apply to desktop.*/
/*NOTE: This tag turns off the stackedcrumbs styles in desktop.*/
{
	display: none;
	top: initial;
	/*Set to the default value.*/
	width: 0%;
}

div.MCBreadcrumbsBox_breadcrumbs_0	/* removes the bottom line border that madcap adds to the breadcrumb div */
{
	border-style: none;
}

/*=============== End of breadcrumb styles ===============*/

span.SearchHighlight	/*Adds highlighting to search results*/
{
	background-color: #FFE432;
}

/*=============== User Feedback Button Styles ================*/

div.feedback
{
	/*.feedback is used on the masterpage */
	width: 40px;
	height: 25px;
	background-color: #EAEAEA;
	cursor: pointer;
	float: left;
	margin-right: 8px;
	border: 1px solid #A9A9A9;
}

div.feedback:hover
{
	border: 1px solid #808080;
	text-decoration: none;
}

div.feedback p
{
	font-family: 'Helvetica', sans-serif;
	color: #007bb4;
	font-size: 11pt;
	text-align: center;
	line-height: 12pt;
	vertical-align: middle;
}

/*=============== End of User Feedback Button Styles ================*/
/*=============== Generic Button Styles ================*/

/*	width: 40px;
	height: 25px;
	background-color: #EAEAEA;
	cursor: pointer;
	float: left;
	margin-right: 8px;
	border: 1px solid #A9A9A9; 
	
div.glossaryButton p

	font-family: var(--bodyFont);
	color: #007bb4;
	font-size: 11pt;
	text-align: center;
	line-height: 12pt;
	vertical-align: middle;
	*/

.button
{
	background-color: #00ADEF;
	border: none;
	color: white;
	padding: 10px 24px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	margin: 4px 2px;
	cursor: pointer;
}

.button:hover
{
	border: 1px solid #808080;
	text-decoration: none;
}

.button a
{
	color: #FFF;
	font-weight: bold;
}

.button1
{
	font-size: 10px;
}

.button2
{
	font-size: 14px;
}

.button3
{
	font-size: 16px;
}

.button4
{
	font-size: 20px;
}

.button5
{
	font-size: 24px;
}

/*=============== End of Generic Button Styles ================*/
/*=============== Back-to-top Button Styles ================*/

a.go-to-top	/* Styles the Go To Top button. The script link and button are on the master page. */
{
	position: fixed;
	bottom: 0;
	right: 0;
	padding: 10px 15px;
	background-color: #960050;
	font-size: 12px;
	color: white !important;
	text-shadow: 1px 1px 1px grey;
	font-weight: bold;
	letter-spacing: 2px;
	display: none;
	/* The button is displayed through the script */
	opacity: 0.65;
	margin-right: 20px;
	border: 1px solid white;
}

a.go-to-top:hover,
a.go-to-top:focus	/* Specifies the hover color for the Go To Top button. */
{
	text-decoration: underline;
}

/*=============== End of Back-to-top Button Styles ================*/

h1,
h2,
h3,
h4,
h5,
h6
{
	font-family: 'D-Din', sans-serif;
	font-weight: bolder;
	margin-bottom: 0;
	margin-top: 16px;
}

h1 + p,
h2 + p,
h3 + p,
h4 + p,
h5 + p,
h6 + p,
p.SubHeading + p
{
	margin-top: 6px;
}

h1
{
	font-size: 32px;
	line-height: 1.125;
}

h1.glossary	/*Only for glossary topics.*/
{
	color: #00ADEF;
}

h1.SideMenu	/*Only for topics that have an in-page side menu.*/
{
	mc-heading-level: 0;
	/*Prevents Flare from adding the page title to the side menu.*/
}

h2
{
	font-size: 24px;
	line-height: 1.125;
}

h3
{
	font-size: 18px;
	line-height: 1.125;
}

h4
{
	font-size: 16px;
	line-height: 1.125;
	mc-heading-level: 0;
}

h5
{
	font-size: 13px;
	line-height: 1.125;
	mc-heading-level: 0;
}

h6
{
	font-size: 10px;
	line-height: 1.125;
	mc-heading-level: 0;
}

h1._title_for_ExampleProgram::after	/* Use for titles for Example Programs. Adds "Example Program that won't show in xref*/
{
	content: " Example Program";
	page-break-before: always;
}

/*========== PARAGRAPH TAGS ==========*/

p
{
	color: #484848;
	font-family: 'Helvetica', sans-serif;
	margin: 10px 0;
	font-size: 16px;
	line-height: 1.4;
}

p.SocialMediaIcons	/* Aligns the social media icons in the footer of the master page. */
{
	
}

p.SubHeading	/*This is to be used for p.procedure, h4.procedure.*/
{
	font-weight: bold;
	font-size: 16px;
}

p.program-example-heading	/* for headings of program examples */
{
	font-family: 'D-Din', sans-serif;
	font-weight: bolder;
	margin-bottom: 0;
	margin-top: 12px;
	font-size: 18px;
	line-height: 1.125;
}

p.Figure_center_bold,
p.Figure_center_bold_No_Chapter
{
	display: block;
	text-align: left;
	font-weight: bold;
	margin-top: 12px;
	margin-bottom: 4px;
	mc-auto-number-format: 'Figure: ';
}

p.Figure_center
{
	display: block;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	page-break-before: avoid;
}

p.Warranty_Header
{
	color: white;
	font-weight: bold;
	font-size: 10pt;
	background-color: #0082CA;
	line-height: 2;
	text-indent: 3;
}

sup
{
	font-size: 70%;
	line-height: 0;
}

sub
{
	font-size: 70%;
	line-height: 0;
}

/*========== IMG TAGS ==========*/

img	/*Setting max-width: 100% for online; property makes images always fit the width of the container*/
{
	max-width: 100%;
	height: auto;
}

img.appbutton	/*Use to style application buttons that appear in the text.*/
{
	max-width: 16px;
	/*Scales down the application button for online output.*/
	height: auto;
	/*Auto adjusts the height to keep the button image proportional.*/
}

img.icon:hover
{
	opacity: 0.5;
}

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

img.border
{
	border: 1px solid #999;
}

/*========== LIST TAGS ==========*/

.TableStyle-_GLO-Lines ul
{
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.TableStyle-_GLO-Vertical-Headings p
{
	font-size: 16px !important;
}

Bullet styles ul	/*========== LIST TAGS ==========*/
{
	list-type: disc;
	margin-top: 0;
	margin-bottom: 3px;
	margin-left: -15px;
}

ul ul
{
	list-style-type: circle;
	margin-left: 20px;
	padding-left: 0;
	margin-bottom: 3px;
}

ul ul ul
{
	list-style-type: square;
	margin-left: 25px;
}

ol
{
	margin-top: 0;
	margin-bottom: 3px;
	margin-left: -15px;
}

ol ol
{
	list-style-type: lower-alpha;
	margin-left: 20px;
	padding-left: 0;
}

ol ol ol
{
	list-style-type: lower-roman;
	margin-left: 25px;
}

li p
{
	margin-top: 0;
	margin-bottom: 0;
}

ul.linkList
{
	list-style-type: none;
}

ul.linkList li
{
	line-height: 18px;
}

div.Example-text-desc ul	/*Indents the bullets in div.example tags.*/
{
	margin-left: -47px;
	/* Indents the bullets under the second letter of their preceding paragraph.*/
}

/*Styles to override Flare's side navigation menu styles*/

ul.sidenav li a	/* wraps long words in side panel navigation rather than cutting them off */
{
	word-wrap: break-word;
}

ul.sidenav ul ul > li > a
{
	margin-left: 4em;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 0;
	margin-bottom: 0;
}

ul.sidenav ul > li > a
{
	margin-left: 2em;
	padding-bottom: 0.3em;
}

/*New online manual styles*/

div.online-manual-cover::after
{
	content: "";
	clear: both;
	display: table;
}

div.online-manual-cover-items
{
	float: left;
	width: 50%;
}

div.online-manual-cover-items img
{
	padding-left: 20px;
}

div.online-manual-cover-items p
{
	padding-right: 50px;
	margin-right: 100px;
}

/*========== TABLE TAGS ==========*/
/*========== These are to define universal table styles without having to change each table stylesheet ==========*/

table
{
	margin-top: 6px;
	margin-bottom: 12px;
	width: 100%;
}

td
{
	vertical-align: middle;
	margin: 0px;
	font-family: 'Helvetica', sans-serif;
}

td p
{
	vertical-align: middle;
	font-family: 'Helvetica', sans-serif;
	margin-top: 4px;
	margin-bottom: 8px;
}

td p:only-of-type
{
	margin-top: 0;
	margin-bottom: 0;
}

th
{
	color: #fff;
	font-weight: bold;
	background-color: #0082CA;
}

th p
{
	color: #fff;
	font-weight: bold;
}

.TableStyle-_GLO-Lines tr:hover
{
	background-color: #DAE1E9;
}

table.axis-cal
{
	font-family: Consolas, 'Monospac821 BT', 'Lucinda Console', 'Courier New', monospace;
	font-size: 16px;
	margin: 0px 0px 0px 20px;
	padding-left: 20px;
}

table.axis-cal td
{
	margin: 0px;
	font-family: Consolas, 'Monospac821 BT', 'Lucinda Console', 'Courier New', monospace;
	font-size: 16px;
}

table.axis-cal td p
{
	font-family: Consolas, 'Monospac821 BT', 'Lucinda Console', 'Courier New', monospace;
	font-size: 16px;
	margin: 0;
}

/* Collapsing table tags */

.collapsing-table th,
.collapsing-table td
{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	border: 1px solid black;
	border-collapse: collapse;
	/* Flare only lets this work if it's inline but I left it here anyway*/
}

.category-heading
{
	cursor: pointer;
	font-weight: bold;
	position: relative;
	/* For positioning the icon */
	padding-left: 1.5em;
	/* Add some space for the icon */
	padding-right: 1.5em;
	text-align: left;
}

.category-heading th
{
	background-color: #4B545E;
}

.toggle-icon
{
	position: relative;
	left: 0.5em;
	/* Adjust as needed for spacing */
	top: 50%;
	transform: translateY(-50%);
	/* Basic styling for the icon */
	font-size: 1em;
	margin-right: 25px;
}

.category-content
{
	display: none;
}

.category-content.expanded
{
	display: table-row;
}

/*========== END TABLE TAGS ==========*/
/* Miscellanous tags */
/* adds hover effect to home, print, expand, and remove highlights buttons */

.button.home-button:hover,
.button.print-button:hover,
.button.expand-all-button:hover,
.button.collapse-all-button:hover,
.button.remove-highlight-button:hover
{
	opacity: 0.5;
}

pre	/*Use this tag to style blocks of code. */
{
	font-family: 'Consolas', 'Monospac821 BT', 'Lucinda Console', 'Courier New', monospace;
	font-size: 16px;
	line-height: 20px;
	margin: 4px 10px 4px 20px;
	/* Top, right, bottom, and left respectively. Four values always go clockwise. */
	padding: 10px 2px;
	/* Top and bottom are 10px; left and right are 2px. */
}

pre.LargeCodeBlock	/* Styles code blocks (like Galvo calibration files) with long horizontal lines of code. Add a <br /> tag to the end of each line that you want to wrap. */
{
	white-space: pre;
	/* Whitespace is preserved by the browser. Text will wrap only on line breaks (<br />). This style acts like a pre tag in HTML. */
	/* This tag also inherits all the properties of the pre tag. */
}

span.pre	/*Use this tag to style snippets of code that appear within text. */
{
	font-family: 'Consolas', 'Monospac821 BT', 'Lucinda Console', 'Courier New', monospace;
	font-size: 16px;
	margin-top: 4px;
	margin-bottom: 4px;
}

code	/* use this tag to style code items that show in the text. */
{
	font-family: 'Consolas', 'Monospac821 BT', 'Lucinda Console', 'Courier New', monospace;
	font-size: 16px;
	margin-left: 0;
	font-weight: 600;
}

.codeItems	/* use this tag to style code items that show in the text. */
{
	font-family: 'Consolas', 'Monospac821 BT', 'Lucinda Console', 'Courier New', monospace;
	font-size: 16px;
	margin-left: 0;
	font-weight: 600;
}

.functionOverload	/* use this tag to style function overload syntax. */
{
	font-family: 'Consolas', 'Monospac821 BT', 'Lucinda Console', 'Courier New', monospace;
	font-size: 16px;
	margin-left: 0;
	font-weight: 600;
}

.functionArgument	/* use this tag to style function arguments. */
{
	font-family: 'Consolas', 'Monospac821 BT', 'Lucinda Console', 'Courier New', monospace;
	color: #3A4EA1;
	font-weight: 600;
	font-size: 16px;
	font-style: italic;
}

.enumeration	/* Use this to style the names of enums in the text. */
{
	font-family: 'Consolas', 'Monospac821 BT', 'Lucinda Console', 'Courier New', monospace;
	font-size: 16px;
	margin-left: 0;
	font-weight: 600;
}

.enum-value
{
	color: #1e8ac1;
}

.TopMargin	/*Adds a top margin between block elements.*/
{
	margin-top: 5px;
}

.wrapper-code-example	/* Positions the wrapper div for the code examples. */
{
	position: relative;
	width: auto;
}

button.copy	/* Styles the Copy button for the example program. This button is positioned above the example program. */
{
	background-color: #4B545E;
	border: 2px solid #000000;
	border-radius: 3px;
	color: #ffffff;
	cursor: pointer;
	font-size: 14px;
	top: 0px;
	left: 0px;
	padding: 3px;
	/* All */
}

button.copy:hover	/* Creates a hover effect for the Copy button. */
{
	background-color: #1C94D2;
}

/*==========GLOSSARY STYLES=================*/

*
{
	box-sizing: border-box;
}

.GlossaryBreadCrumbs	/*These are fake, not proxy based. But they work!!*/
{
	color: #4B545E;
	position: absolute;
	/*Lets you move the element about the page*/
	top: -20px;
	/*Positioning of the element.*/
	font-size: 12px;
	/*Blends in with the real breadcrumbs.*/
}

p.GlossaryTitle
/*Title style only for glossary topics.*/
/*Mimics the H1 style that Flare strips out of Glossary entries.*/
{
	font-size: 32px;
	line-height: 1.125;
	font-family: 'D-Din', sans-serif;
	font-weight: bolder;
	margin-bottom: 0;
	margin-top: 52px;
	/*Allows the fake Glossary breadcrumbs to show up correctly.*/
	color: #00ADEF;
}

#myInput
{
	background-image: url('../Images/searchicon.png');
	background-position: 10px 12px;
	background-repeat: no-repeat;
	width: 100%;
	font-size: 16px;
	padding: 12px 20px 12px 40px;
	border: 1px solid #ddd;
	margin-bottom: 0;
}

.MCGlossaryProxy_0
{
	list-style-type: none;
	padding: 0;
	margin: 0 !important;
	border-top: none !important;
	padding-left: 0 !important;
	padding-top: 0 !important;
}

.MCGlossaryProxy_0 li
{
	border: 1px solid #ddd;
	margin-top: -1px;
	/* Prevent double borders */
	text-decoration: none;
	display: block;
}

.GlossaryPageDefinition
{
	padding: 10px;
}

.GlossaryPageTerm
{
	background-color: #f6f6f6;
	padding: 10px 10px 10px 20px;
}

/*.GlossaryPageLink:hover:not(.header) 
{
	background-color: #eee;
}*/

.GlossaryPageTerm
{
	font-weight: bold;
}

.GlossaryPageDefinition,
.GlossaryPageEntry
{
	user-select: none;
}

.GlossaryPageDefinition
{
	display: none;
}

.GlossaryPageEntry
{
	cursor: pointer;
}

/*==========END OF GLOSSARY STYLES===========*/
/*========== DIV TAGS =======================*/

div	/*Overrides the browser default*/
{
	margin-top: 0;
}

div.Example-text-desc
{
	margin: 5px 0;
	border-bottom: solid 1px #BFD6E0;
	border-top: solid 1px #BFD6E0;
	padding: 5px 10px 10px 50px;
	/* Top, right, bottom, and left respectively. Four values always go clockwise. */
	background-color: #F8F8F8;
}

p.Example-text-desc-heading
{
	font-family: 'D-Din', sans-serif;
	font-weight: bold;
	margin-left: -30px;
	margin-bottom: 0;
	margin-top: 12px;
	font-size: 16px;
	line-height: 1.125;
}

div.button-group-container-left	/* moves print, expand and highlight buttons to the right side of the page */
{
	float: right;
	margin-right: -4;
}

/*div.notes based on ISO symbols*/
/*Dangers*/

div.NoteDangerCompressedAir,
div.NoteDangerCompressedAir_Eye_Ear,
div.NoteDangerCompressedAir_Eye,
div.NoteDangerCompressedAir_Lockout,
div.NoteDangerCompressedAir_Pinch_Eyes,
div.NoteDangerElectricShock,
div.NoteDangerElectricShock_Fire,
div.NoteDangerElectricShock_Fire2,
div.NoteDangerElectricShock_General,
div.NoteDangerElectricShock_Lock,
div.NoteDangerFire,
div.NoteDangerGeneral,
div.NoteDangerGeneral_Pinch,
div.NoteDangerGeneral_Lock,
div.NoteDangerGears,
div.NoteDangerHot,
div.NoteDangerLaser,
div.NoteDangerLaser_Eye,
div.NoteDangerMagnet,
div.NoteDangerPinch,
div.NoteDangerHeavy_Lift,
div.NoteDangerPinch_Crush,
div.NoteDangerPinch_Crush_Entangle,
div.NoteDangerPinch_Entangle
{
	background-color: #FDE6E3;
	background-position: 10px center;
	background-size: 45px;
	background-repeat: no-repeat;
	border-left: solid 4px #F15B44;
	padding: 15px 12px 15px 65px;
	margin-bottom: 6px;
	page-break-inside: avoid;
}

div.NoteDangerCompressedAir > p:first-child,
div.NoteDangerCompressedAir_Eye_Ear > p:first-child,
div.NoteDangerCompressedAir_Eye > p:first-child,
div.NoteDangerCompressedAir_Lockout > p:first-child,
div.NoteDangerCompressedAir_Pinch_Eyes > p:first-child,
div.NoteDangerElectricShock > p:first-child,
div.NoteDangerElectricShock_General > p:first-child,
div.NoteDangerElectricShock_Fire > p:first-child,
div.NoteDangerElectricShock_Fire2 > p:first-child,
div.NoteDangerElectricShock_Lock > p:first-child,
div.NoteDangerFire > p:first-child,
div.NoteDangerGeneral > p:first-child,
div.NoteDangerGeneral_Pinch > p:first-child,
div.NoteDangerGears > p:first-child,
div.NoteDangerHot > p:first-child,
div.NoteDangerLaser > p:first-child,
div.NoteDangerLaser_Eye > p:first-child,
div.NoteDangerMagnet > p:first-child,
div.NoteDangerPinch > p:first-child,
div.NoteDangerLock > p:first-child,
div.NoteDangerHeavy_Lift > p:first-child,
div.NoteDangerPinch_Crush > p:first-child,
div.NoteDangerPinch_Crush_Entangle > p:first-child,
div.NoteDangerPinch_Entangle > p:first-child
{
	mc-auto-number-format: '{b}DANGER{/b}: ';
}

div.NoteDangerCompressedAir
{
	background-image: url(../Images/Symbols/_GLO-Danger-Pressure.png);
}

div.NoteDangerCompressedAir_Eye_Ear
{
	background-image: url(../Images/Symbols/_GLO-Danger-Pressure-Eye-Ear.png);
}

div.NoteDangerCompressedAir_Eye
{
	background-image: url(../Images/Symbols/_GLO-Danger-Pressure-Eye.png);
}

div.NoteDangerCompressedAir_Lockout
{
	background-image: url(../Images/Symbols/_GLO-Danger-Pressure-Lockout.png);
}

div.NoteDangerCompressedAir_Pinch_Eyes
{
	background-image: url(../Images/Symbols/_GLO-Danger-Warning-Pressure-Pinch-Eyes.png);
}

div.NoteDangerElectricShock
{
	background-image: url(../Images/Symbols/_GLO-Danger-Electric-Shock.png);
}

div.NoteDangerElectricShock_General
{
	background-image: url(../Images/Symbols/_GLO-Danger-Electric-Shock-General.png);
}

div.NoteDangerElectricShock_Fire
{
	background-image: url(../Images/Symbols/_GLO-Danger-Electric-Shock-Fire.png);
}

div.NoteDangerElectricShock_Fire2
{
	background-image: url(../Images/Symbols/_GLO-Danger-Electric-Shock-Fire2.png);
}

div.NoteDangerElectricShock_Lock
{
	background-image: url(../Images/Symbols/_GLO-Danger-Electric-Shock-Lock.png);
}

div.NoteDangerFire
{
	background-image: url(../Images/Symbols/_GLO-Danger-Fire.png);
}

div.NoteDangerGeneral
{
	background-image: url(../Images/Symbols/_GLO-Danger-General.png);
}

div.NoteDangerGeneral_Pinch
{
	background-image: url(../Images/Symbols/_GLO-Danger-General-Pinch.png);
}

div.NoteDangerGeneral_Lock
{
	background-image: url(../Images/Symbols/_GLO-Danger-General-Lock.png);
}

div.NoteDangerGears
{
	background-image: url(../Images/Symbols/_GLO-Danger-Gears.png);
}

div.NoteDangerHot
{
	background-image: url(../Images/Symbols/_GLO-Danger-Hot.png);
}

div.NoteDangerLaser
{
	background-image: url(../Images/Symbols/_GLO-Danger-Laser.png);
}

div.NoteDangerLaser_Eye
{
	background-image: url(../Images/Symbols/_GLO-Danger-Laser-Eye.png);
}

div.NoteDangerMagnet
{
	background-image: url(../Images/Symbols/_GLO-Danger-Magnet.png);
}

div.NoteDangerPinch
{
	background-image: url(../Images/Symbols/_GLO-Danger-Pinch.png);
}

div.NoteDangerHeavy_Lift
{
	background-image: url(../Images/Symbols/_GLO-Danger-Heavy-Lift.png);
}

div.NoteDangerPinch_Crush
{
	background-image: url(../Images/Symbols/_GLO-Danger-Pinch-Crush.png);
}

div.NoteDangerPinch_Crush_Entangle
{
	background-image: url(../Images/Symbols/_GLO-Danger-Pinch-Crush-Entangle.png);
}

div.NoteDangerPinch_Entangle
{
	background-image: url(../Images/Symbols/_GLO-Danger-Pinch-Entangle.png);
}

/*Warnings*/

div.NoteWarningGeneral,
div.NoteWarningElectricShock-Fire,
div.NoteWarningGround,
div.NoteWarningHeavy,
div.NoteWarningPressure,
div.NoteWarningTipping,
div.NoteWarningTrip,
div.NoteWarningESD
{
	background-color: #FDEEDE;
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 45px;
	border-left: solid 4px #EF8B22;
	padding: 15px 12px 15px 65px;
	margin-bottom: 6px;
	page-break-inside: avoid;
}

div.NoteWarningGeneral > p:first-child,
div.NoteWarningElectricShock-Fire > p:first-child,
div.NoteWarningGround > p:first-child,
div.NoteWarningHeavy > p:first-child,
div.NoteWarningPressure > p:first-child,
div.NoteWarningTipping > p:first-child,
div.NoteWarningTrip > p:first-child,
div.NoteWarningESD > p:first-child
{
	mc-auto-number-format: '{b}WARNING{/b}: ';
}

div.NoteWarningGeneral
{
	background-image: url(../Images/Symbols/_GLO-Warning-General.png);
}

div.NoteWarningElectricShock-Fire
{
	background-image: url(../Images/Symbols/_GLO-Danger-Electric-Shock-Fire.png);
}

div.NoteWarningGround
{
	background-image: url(../Images/Symbols/_GLO-Warning-Ground.png);
}

div.NoteWarningHeavy
{
	background-image: url(../Images/Symbols/_GLO-Warning-Heavy.png);
}

div.NoteWarningPressure
{
	background-image: url(../Images/Symbols/_GLO-Warning-Pressure.png);
}

div.NoteWarningTipping
{
	background-image: url(../Images/Symbols/_GLO-Warning-Tipping.png);
}

div.NoteWarningTrip
{
	background-image: url(../Images/Symbols/_GLO-Warning-Trip.png);
}

div.NoteWarningESD
{
	background-image: url(../Images/Symbols/_GLO-Warning-Electrostatic-Discharge.png);
}

/*Cautions*/

div.NoteCautionGeneral
{
	background-color: #FDEEDE;
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 45px;
	border-left: solid 4px #EF8B22;
	padding: 15px 12px 15px 65px;
	margin-bottom: 6px;
	page-break-inside: avoid;
}

div.NoteCautionGeneral > p:first-child
{
	mc-auto-number-format: '{b}CAUTION{/b}: ';
}

div.NoteCautionGeneral
{
	background-image: url(../Images/Symbols/_GLO-Warning-General.png);
}

/*Important*/

div.NoteActionGeneral,
div.NoteActionDisconnectMains,
div.NoteActionLockout,
div.NoteActionReadManual,
div.NoteActionReadManual2,
div.NoteActionEyeProtection,
div.NoteActionUseForklift,
div.NoteActionGetHelpLifting,
div.NoteActionConnectToGround,
div.NoteActionEarProtection,
div.NoteActionWearGloves
{
	background-color: #D9ECF7;
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 45px;
	border-left: solid 4px #0082CA;
	padding: 15px 12px 15px 65px;
	margin-bottom: 6px;
	page-break-inside: avoid;
}

div.NoteActionGeneral > p:first-child,
div.NoteActionDisconnectMains > p:first-child,
div.NoteActionLockout > p:first-child,
div.NoteActionReadManual > p:first-child,
div.NoteActionReadManual2 > p:first-child,
div.NoteActionEyeProtection > p:first-child,
div.NoteActionUseForklift > p:first-child,
div.NoteActionGetHelpLifting > p:first-child,
div.NoteActionConnectToGround > p:first-child,
div.NoteActionEarProtection > p:first-child,
div.NoteActionWearGloves > p:first-child
{
	mc-auto-number-format: '{b}IMPORTANT{/b}: ';
}

div.NoteActionGeneral
{
	background-image: url(../Images/Symbols/_GLO-Action-General.png);
}

div.NoteActionDisconnectMains
{
	background-image: url(../Images/Symbols/_GLO-Action-DisconnectMains.png);
}

div.NoteActionLockout
{
	background-image: url(../Images/Symbols/_GLO-Action-Lockout.png);
}

div.NoteActionReadManual
{
	background-image: url(../Images/Symbols/_GLO-Action-ReadManual.png);
}

div.NoteActionReadManual2
{
	background-image: url(../Images/Symbols/_GLO-Action-General-Read.png);
}

div.NoteActionEyeProtection
{
	background-image: url(../Images/Symbols/_GLO-Action-EyeProtection.png);
}

div.NoteActionUseForklift
{
	background-image: url(../Images/Symbols/_GLO-Action-UseForklift.png);
}

div.NoteActionGetHelpLifting
{
	background-image: url(../Images/Symbols/_GLO-Action-HelpLifting.png);
}

div.NoteActionConnectToGround
{
	background-image: url(../Images/Symbols/_GLO-Action-ConnectEarthtoGround.png);
}

div.NoteActionEarProtection
{
	background-image: url(../Images/Symbols/_GLO-Action-EarProtection.png);
}

div.NoteActionWearGloves
{
	background-image: url(../Images/Symbols/_GLO-Action-WearGloves.png);
}

/*Help file notes*/

div.NoteHardware,
div.NotePurchase,
div.NoteTip
{
	background-color: #F0F0F0;
	background-position: 10px center;
	background-size: 45px;
	background-repeat: no-repeat;
	border-left: solid 4px #696969;
	padding: 15px 12px 15px 65px;
	margin-bottom: 6px;
	page-break-inside: avoid;
}

div.NoteHardware	/* Use this style for hardware notes that list drives. */
{
	background-image: url('../Images/Symbols/_GLO-Hardware.png');
}

div.NoteHardware > p:first-child	/* Styles the <p> tag for div.NoteHardware. */
{
	mc-auto-number-format: '{b}HARDWARE{/b}: ';
}

div.NotePurchase
{
	background-image: url('../Images/Symbols/_GLO-Purchase.png');
}

div.NotePurchase > p:first-child	/* Styles the <p> tag for div.NoteHardware. */
{
	mc-auto-number-format: '{b}Optional Purchase Necessary{/b}: ';
}

div.NoteTip	/* Use this style for tips and helpful hints. */
{
	background-image: url('../Images/Symbols/_GLO-Tip.png');
}

div.NoteTip > p:first-child	/* Styles the <p> tag for div.NoteTip. */
{
	mc-auto-number-format: '{b}Tip{/b}: ';
}

div.ProgramExample	/* Styles the example program section that contains the code. */
{
	background-color: #F7F8F8;
	border-left: 3px solid #dae1e9;
	padding-top: 0px;
	overflow: auto;
	margin-top: 4px;
	margin-bottom: 12px;
	font-family: 'Consolas', 'Monospac821 BT', 'Lucinda Console', 'Courier New', monospace;
	font-size: 16px;
	line-spacing: 24;
	padding-left: 6px;
}

div.relatedTopics	/* Wrap related topics links in this div. */
{
	padding: 10px 0;
	margin-top: 50px;
	width: 100%;
}

div.relatedTopics p	/* Indents list beneath related topics header. */
{
	line-height: 16px;
	margin-left: 25px;
}

div.relatedTopics p:first-child	/* Automatically inserts Related Topics heading and styles it.*/
{
	font-weight: bold;
	font-size: 18px;
	margin-left: 0;
	mc-auto-number-format: 'Related Help Pages';
	color: #0082CA;
}

div.functionOverload	/* Wrap all autogenerated information for the function overload in this div. */
{
	padding: 10px 0;
	margin-top: 10px;
	width: 100%;
}

div.functionOverload p	/* Indents everything beneath the function syntax. */
{
	line-height: 1.2;
	margin-left: 25px;
}

div.functionOverload p.functionOverload	/* un-Indents the first p, which is the overload syntax. */
{
	margin-left: 0px;
	background-color: #F7F8F8;
	border-left: 3px solid #dae1e9;
	padding: 4px;
}

div.parameterFacts	/* Wrap parameter autogen info in this div. */
{
	padding: 10px 0;
	margin-top: 10px;
	width: 100%;
}

div.parameterFacts p	/* Indents list beneath parameter name header. */
{
	line-height: 16px;
	margin-left: 25px;
}

/*LINKS and XREFS*/

a
{
	color: #0082CA;
	text-decoration: none;
}

a.MCXref.xref:hover	/* Changes cross-ref links to grey upon hover. */
{
	text-decoration: underline;
	color: #7B868C;
}

MadCap|dropDown.DropdownTopMargin	/*Moves down a drop down section that is nested under a number or letter.*/
{
	margin-bottom: 6px;
	margin-top: 8px;
}

a.MadCap|xref
{
	mc-format: '{para}';
	text-decoration: none;
	color: #0082CA;
}

MadCap|xref
{
	mc-format: '{para}';
	color: #0082CA;
}

MadCap|xref:hover
{
	text-decoration: underline;
	color: #1C94D2;
}

.self-referencing-links a[href='#']
{
	color: #484848;
	pointer-events: none;
	cursor: default;
}

/*== NON-SPECIFIC CLASS STYLES ==*/

.bold
{
	font-weight: bold;
}

.center
{
	text-align: center;
}

.DropDownHeaderText	/* Makes regular text resemble the text of a drop-down header. */
{
	font-family: 'Helvetica', sans-serif;
	font-size: 10.50pt;
	font-weight: 600;
	color: #0082CA;
}

.procedureTerm	/*Used for UI elements in procedures. Even though this is the same as .bold, it should be its own style*/
{
	font-weight: bold;
}

.noWrap	/*This is to keep chunks of text together without the line breaking. Mostly used in sentences that have icons embedded.*/
{
	white-space: nowrap;
}

/*===== EQUATION RELATED STYLES =====*/

.EquationVariable	/* Distinguishes equation variables that are styled in Where statements or anywhere inline. The font is embedded.*/
{
	margin-right: 3px;
	font-family: 'Euclid';
	font-style: italic;
	font-weight: bolder;
	font-size: 117%;
	mc-italic-correction: 1px;
}

MadCap|equation
{
	line-height: 1.4;
	mc-italic-correction: 2px;
	margin-left: 20px;
	margin-top: 10px;
	padding-right: 30px;
}

MadCap|equation.Inline	/* use this tag to style equations that are in other text (in a sentence). These setting "undo" the settings of the MadCap|equation tag. */
{
	line-height: 1;
	margin-left: 1px;
	margin-right: 1px;
	padding-right: 0px;
}

MadCap|equation.MediumFont
{
	font-size: medium;
}

MadCap|equation.LargeFont
{
	font-size: large;
}

MadCap|equation.ExtraLargeFont
{
	font-size: x-large;
}

div.equationWhereAndStatements
{
	margin-bottom: 2em;
	margin-left: 1em;
	line-height: 16pt;
}

div.equationWhereAndStatements p
{
	line-height: 16px;
	margin-right: 25px;
	margin-left: 35px;
}

p.equation
{
	margin-left: 25px;
	font-family: serif;
	font-size: 110%;
}

span.equation-inline
{
	font-family: Euclid;
	font-size: 117%;
	font-weight: bolder;
}

/*===== END EQUATION RELATED STYLES =====*/

.DoNotPublish
{
	color: #ff0000;
	font-weight: bold;
}

/*======FEEDBACK FOOTER DIV======*/
/*======The info is in the masterpage, but this styles the whole div======*/

div.footerTable
{
	margin-top: 25px;
	border-top: 1px dotted #515556;
	clear: both;
}

p.SubHeading_pagebreak
{
	font-size: 20px;
}

p.Table_Title_bold_Numbered
{
	font-weight: bold;
	mc-auto-number-format: 'CT:Table: ';
	margin-bottom: -4px;
}

/*Styles for AeroScript Programming Reference Guide*/

div.ProgramExample p
{
	font-family: 'Consolas', 'Monospac821 BT', 'Lucinda Console', 'Courier New', monospace;
	color: #4B545E;
}

.data-type	/*Use this tag to style primitive data type keywords such as axis, handle, integer, real, and string */
{
	font-style: italic;
	color: #7A2A89;
}

.keyword	/*Listed in appendix A of the reference*/
{
	color: #1C847D;
	font-style: italic;
}

.identifier
{
	color: #1E89C1;
}

.numbers
{
	color: #754C28;
}

.strings
{
	color: #A74C9B;
}

.aeroscript-variables	/*Applies to words that start with $.*/
{
	color: #3A4EA1;
}

.axis-names
{
	color: #7A2A90;
	font-weight: bold;
}

.comments
{
	color: #9a8479;
}

.documentation-comments	/*starts with !*/
{
	color: #754C28;
}

.preprocessor-commands	/*any line that starts with #*/
{
	color: #9A8479;
}

.g-codes	/*if a line starts with a g-code, the entire line is grey*/
{
	color: #4B545E;
}

.uncategorized-text	/*if something isn't covered by "div.program-example p", use this tag*/
{
	color: #4B545E;
}

/*End of styles for syntax highlighting*/
/*styles pulled up from print for adding print manuals online*/

p.FrontCover-longProductName
{
	letter-spacing: -1;
	margin-bottom: 0px;
	padding-bottom: 8px;
	font-family: 'D-Din', sans-serif;
	font-size: 26pt;
	line-height: 1;
	vertical-align: bottom;
	mc-heading-level: 1;
}

/*Full-Screen Medium: Styles for the stacked menu.*/

.stackedmenu
{
	display: none;
	/*Turns off the stacked menu.*/
}

h2.stackedlink:target
/*When you click a link in the side menu, this style adds a border to the corresponding section.*/
/*NOTE: This style affets only the H2s that use the .stackedlink class.*/
{
	padding-top: initial;
	/*Balances the offset to prevent unwanted space. Turned off for the full-screen mode. Not applicable.*/
	margin-top: initial;
	/*Adds the offset (i.e., must have a negative value). Turned off for the full-screen mode. Not applicable.*/
	border: 2px solid #D4D4D4;
	/*Border of the highlight.*/
	background-color: #e5eecc;
	/*Highlight color of the corresponding section when you click a link in the menu. Not from the corporate guide but it looks great.*/
}

/*Full-Screen Medium: End of styles for the stacked menu.*/
/*Full-Screen Medium: Styles for the JavaScript sidebar.*/

div.sidebar	/*This sidebar is built and automated with JavaScript (i.e., InPageSideNavHeadings.js file.*/
{
	background-color: #D8D8D8;
	/*Pantone 649 C from the corporate style guide.*/
	color: #f7f7f7;
	/*Styles the color of the text.*/
	display: block;
	font: normal 14px 'Helvetica', sans-serif;
	line-height: 19px;
	margin: 0px 0px 15px 15px;
	/*Margin - Top, Right, Bottom, and Left, respectively.*/
	padding: 12px 0 0 0;
	/*Padding - Top, Right, Bottom, and Left, respectively.*/
	width: 190px;
	/*The width of the sidebar.*/
	max-height: 390px;
	/*Sets the max height of the sidebar before it scrolls.*/
	overflow-y: scroll;
	/*Tells the sidebar to scroll so that you can see the remaining content.*/
	outline: 10px solid white;
	border: 1px solid #e0e0e0;
	float: right;
	/*Floats the sidebar to the right side of the page.*/
	position: fixed;
	/*Default IE value. Fixes the sidebar and prevents it from scrolling. IE does not support position:sticky.*/
	top: 160px;
	/*Default IE value. How far down the sidebar sits.*/
	right: 33px;
	/*Default IE value. How far from the right the sidebar sits.*/
}

/*For all the browsers that support position:sticky, they will use these values over position:fixed.*/
/*NOTE: The top and right values are different for sticky vs fixed.*/

@supports (position: sticky) {
    div.sidebar {
	    position: -webkit-sticky; /*For browser compatibility.*/
	    position: -moz-sticky; /*For browser compatibility.*/
	    position: -o-sticky; /*For browser compatibility.*/
		position: sticky; /*Fixes the sidebar and prevents it from overlapping with the footer. NOTE: Always put prefixed CSS before the actual tag.*/
		top: 50px; /*How far down the sidebar sits from the top of the page.*/
		right: 0;
	}     
} 

/*Styles the 'In this topic' heading. Note that the heading is in an h3 block element.*/

.sidebarheading h3
{
	margin-left: 15px;
	color: #1A3D6D;
	/*Styles the color of the header. Pantone 654 C from the corporate style guide.*/
	background-color: #D8D8D8;
	/*Pantone 649 C from the corporate style guide.*/
	display: block;
	font: bold 16px 'Helvetica', sans-serif;
	/*Font specs for the header.*/
	height: auto;
	line-height: 24px;
	width: auto;
	position: static;
	/*Works best with the sticky sidebar (i.e., the header scrolls naturally with the content). Thus we're keeping the header static in full-screen mode.*/
}

/*This div styles the list that contains the links. It's a containing element.*/

div.sidebartoc
{
	color: #f7f7f7;
	display: block;
	font: normal 13px 'Helvetica', sans-serif;
	line-height: 19px;
	padding: 7px 0px 10px 3px;
	/*Top, Right, Bottom, and Left, respectively.*/
	width: 190px;
	margin-top: 0px;
}

a.navlinks
{
	cursor: pointer;
	color: #231F20;
	/*Styles the link color. Pantone Black C from the corporate style guide.*/
	letter-spacing: normal;
	font-weight: normal;
	font-style: normal;
	font-family: 'Helvetica', sans-serif;
	text-decoration: none;
}

/*Text decoration that occurs when you hover over links in the sidebar.*/

a.navlinks:hover
{
	text-decoration: underline;
	color: #536B69;
	/*Styles the link hover color. Pantone 431 C from the corporate style guide.*/
}

/*Margins and padding for the list items (i.e., individual links) and the unordered list as a whole.*/

div.sidebartoc li,
div.sidebartoc ul
{
	padding-right: 0px;
	margin-top: 0px;
	padding-left: 0px;
	margin-left: 0px;
	list-style: none;
	/*Removes the bullets.*/
	margin-bottom: 0px;
}

.sidebartoc ul li a
{
	padding: 5px 15px;
	display: block;
	line-height: 19px;
}

.topiclink
{
	line-height: 12px;
	padding: 0px 20px;
	display: block;
}

/*Styles the actual content.*/
/*NOTE: We use .MainContent for the stacked and side menus. If we also use the JavaScript menu, we must rename this class.*/

.MainContentDONOTUSE
{
	padding: 0px;
	margin: 0px;
	width: 77%;
	/*Width of the actual content.*/
}

/*Styles the wrapper div tag.*/
/*NOTE: We use .wrapper for the stacked and side menus. If we also use the JavaScript menu, we must rename this class.*/

.wrapperDONOTUSE
{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/*Hides the button that toggles the sidebar in mobile.*/

.showhide
{
	display: none;
}

/*Hides the input checkbox function that makes toggling the sidebar possible.*/

#trigger
{
	display: none;
}

/*End of the JavaScript sidebar styles in the full-screen medium.*/
/*Full-Screen Medium: Styles for the magellan sidebar (i.e., a built-in Flare feature)*/

.mobiletabletmenu
/*Turns off the mobile and tablet navigation.*/
/*NOTE: We are using the stacked menu for mobile and tablet outputs. But we don't want the code for this other menu to appear.*/
{
	display: none;
}

.magellansidemenu	/*Styles the positioning of the side menu. Uses CSS instead of a menu skin. CSS gives us more control. Plus, the skin styles and the CSS clash.*/
{
	float: right;
	/*Floats the sidebar to the right.*/
	position: -webkit-sticky;
	/*For browser compatibility.*/
	position: -moz-sticky;
	/*For browser compatibility.*/
	position: -o-sticky;
	/*For browser compatibility.*/
	position: sticky;
	/*Fixes the sidebar and prevents it from overlapping with the footer. NOTE: Always put prefixed CSS before the actual tag.*/
	top: 50px;
	/*How far down the sidebar sits from the top of the page.*/
	right: 5px;
	/*How far left the sidebar sits from the right side of the page.*/
	width: 180px;
	/*The width of the sidebar.*/
	overflow-wrap: break-word;
	/*Creates a break if a full word cannot be put on its own line without overflowing.*/
	padding: 5px 0px 5px 0px;
	/*Top, Right, Bottom, & Left respectively.*/
	background-color: #ECEFF3;
	/*Background color for the side menu. Gray 5 from the corporate style guide.*/
}

.magellansidemenu span.SideMenuTitle	/*Styles the side-menu title.*/
{
	display: inline;
	/*We're styling the title as an inline element. This is the default value for span tags.*/
	padding: 0px 0px 0px 5px;
	/*Top, Right, Bottom, & Left respectively.*/
	font-weight: bold;
	color: #4B545E;
	/*Color of the side-menu title. Gray 1 from the corporate style guide.*/
}

.magellansidemenu ul.menu._Skins_SideMenuSkin.mc-component	/*Styles the actual content in the side menu.*/
{
	background-color: transparent;
	/*Allows the background color of the surrounding div to appear correctly.*/
}

.magellansidemenu ul.menu._Skins_SideMenuSkin.mc-component li	/*Styles the list items in the side menu.*/
{
	padding: 3px 100px 5px 10px;
	/*Top, Right, Bottom, & Left respectively. Helps each link item wrap and prevents them from truncating.*/
}

.magellansidemenu ul.menu._Skins_SideMenuSkin.mc-component li a:selected	/*Styles the menu highlighting that occurs when you scroll.*/
{
	background-color: transparent;
	/*Turns off the square background when you select (i.e., click) a menu item.*/
}

.magellansidemenu ul.menu._Skins_SideMenuSkin.mc-component li a.selected:hover
{
	background-color: transparent;
	/*Turns off the square background when you hover over a selected menu item.*/
}

ul.menu.mc-component li > a.selected:hover
{
	background-color: transparent;
	/*Final Output: Turns off the square background when you hover over a selected menu item.*/
}

.magellansidemenu ul.menu._Skins_SideMenuSkin.mc-component li:first-child
{
	padding-top: 0px;
	/*Mitigates the amount of space between the side-menu title and the first list item.*/
}

.magellansidemenu ul.menu._Skins_SideMenuSkin.mc-component li:last-child
{
	padding-bottom: 0px;
	/*Mitigates the amount of space between the last list item and the end of the table.*/
}

/*Prevents a border from occuring when you select elements in the sidebar that have matching ID sections in the body.*/
/*NOTE: This style turns off accessibility for users with low vision. We've reimplemeneted it with the h2.stackedlink:target class.*/

*:focus
{
	outline: none;
}

/*Styles the actual content.*/

.MainContent
{
	padding-right: 40px;
	/*Creates space between the main content and the side menu.*/
	width: 85%;
	/*Width of the actual content.*/
}

/*mmarrinan styles added for the page menu implemented in the master page.*/

span.pageMenuTitle	/*Styles the page menu title ("On this page:").*/
{
	display: inline;
	/*We're styling the title as an inline element. This is the default value for span tags.*/
	padding: 0px 0px 0px 2px;
	/*Top, Right, Bottom, & Left respectively.*/
	font-weight: bold;
	color: #4B545E;
	/*Gray 1 from the corporate style guide.*/
}

.mainContentNew
{
	padding-right: 40px;
	/*Creates space between the main content and the side menu.*/
	width: 80%;
	/*Width of the actual content.*/
}

.fixedPageMenu
{
	width: 18%;
	/*Width of the actual content.*/
	float: right;
	/*Floats the sidebar to the right.*/
	position: -webkit-sticky;
	/*For browser compatibility.*/
	position: -moz-sticky;
	/*For browser compatibility.*/
	position: -o-sticky;
	/*For browser compatibility.*/
	position: sticky;
	/*Fixes the sidebar and prevents it from overlapping with the footer. NOTE: Always put prefixed CSS before the actual tag.*/
	top: 50px;
	/*How far down the sidebar sits from the top of the page.*/
	right: 5px;
	/*How far left the sidebar sits from the right side of the page.*/
	overflow-wrap: break-word;
	/*Creates a break if a full word cannot be put on its own line without overflowing.*/
	padding: 5px 0px 5px 0px;
	/*Top, Right, Bottom, & Left respectively.*/
}

/*The following rule hides the menu by default. If h2s are on the page, the javascript changes this to block. This prevents the menu from "flashing' when you change pages. */

#page-menu-container
{
	display: none;
}

/*--------------------------END OF mmarrinan styles.-----------------------------*/
/*Styles the wrapper div tag.*/

.wrapper
{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/*Magellan side menu - Styles that affect the FINAL BUILD in the Help file.*/
/*NOTE: We've adjusted these styles for the final output. They do not affect the local build and do not use the skin component.*/

ul.menu.mc-component
{
	background-color: transparent;
	/*Final Output: Allows the background color of the surrounding div to appear correctly.*/
	padding-top: 5px;
	/*Final Output: Adds padding to the top of the menu.*/
	padding-bottom: 5px;
	/*Final Output: Adds padding to the bottom of the menu.*/
	padding-left: 10px;
	/*Final Output: Indents all the links under the first letter of the menu title.*/
}

ul.menu.mc-component li > a
{
	padding-right: 110px;
	/*Final Output: Wraps the text of the menu links to prevent them from extending off the menu.*/
	padding-top: 7px;
	/*Final Output: Adds padding to the top of each menu link.*/
}

/*End of styles that affect the FINAL BUILD.*/
/*End of styles for the magellan side menu.*/

/*NOTE: Keep additional media queries out of the predefined desktop, tablet, and mobile queries./
/*They must be separate. Otherwise, Flare ignores them.*/

/*Media Query for the magellan side menu - Before the screen transitions to the tablet medium.*/

@Media screen and (min-width: 1280px) and (max-width: 1517px) 
{
    .MainContent 
	{
	    padding-right: 58px; /*Creates space between the main content and the side menu.*/
	}
} 

/*Media Query for the magellan side menu - Keeps the side menu functional when you shrink the screen vertically.*/
/*First vertical break point.*/

@Media screen and (max-height: 720px)
{
    .magellansidemenu
	{
	    max-height: 400px; /*Specifies the maxium height of the side menu - how much content it shows before scroll.*/
		overflow-x: hidden; /*Hides the horizontal scroll because it is not applicable.*/
		overflow-y: scroll; /*Lets the content scroll vertically to keep the menu functional.*/
		scrollbar-width: auto; /*FireFox compatibility - Width of the scrollbar. Options include auto, thin, and none.*/
		scrollbar-color: #4B545E #C2C8CF; /*FireFox compatibility - First color (i.e., Gray 1 - Pantone 431 C) is the moveable bar.*/
		/*Second color (i.e., Gray 4) is the track.*/
	}
	
	.magellansidemenu::-webkit-scrollbar /*Styles the dimensons of the scrollbar.*/
	{
	    width: 15px; /*The width of the scrollbar.*/
	}
	
	.magellansidemenu::-webkit-scrollbar-thumb /*Styles the movable bar of the scrollbar.*/
	{
	    background-color: #4B545E; /*Gray 1 - Pantone 431 C from the corporate style guide.*/
		border-radius: 6px; /*Scrollbars in the A1 app also have rounded corners.*/
		border-color: #4B545E; /*Gray 1 - Pantone 431 C from the corporate style guide.*/
		border: 3px solid;
	}
	
	.magellansidemenu::-webkit-scrollbar-track /*Styles the track of the scrollbar.*/
	{
	    background-color: #B5BBC3; /*Secondary color - Gray 3 from the corporate style guide.*/
	}
	
	.magellansidemenu::-webkit-scrollbar-button:single-button /*Styles the directional buttons of the scrollbar.*/
	{
	    background-color: #bbbbbb;
		display: block;
		border-style: solid;
		height: 13px;
		width: 15px; /*The width of each button.*/
	}
	
	.magellansidemenu::-webkit-scrollbar-button:single-button:vertical:decrement /*Styles the Up arrow on the scrollbar.*/
	{
	    border-width: 0 8px 8px 8px;
		border-color: transparent transparent #555555 transparent;
	}
	
	.magellansidemenu::-webkit-scrollbar-button:single-button:vertical:decrement:hover /*Styles the Up arrow on the scrollbar.*/
	{
	    border-color: transparent transparent #777777 transparent;
	}
	
	.magellansidemenu::-webkit-scrollbar-button:single-button:vertical:increment /*Styles the Down arrow on the scrollbar.*/
	{
	    border-width: 8px 8px 0 8px;
		border-color: #555555 transparent transparent transparent;
	}
	
	.magellansidemenu::-webkit-scrollbar-button:vertical:single-button:increment:hover /*Styles the Down arrow on the scrollbar.*/
	{
	     border-color: #777777 transparent transparent transparent;
	}
	
} 

/*Media Query for the magellan side menu - Keeps the side menu functional when you shrink the screen vertically.*/
/*Second vertical break point.*/

@Media screen and (max-height: 475px)
{
    .magellansidemenu
	{
	    max-height: 250px; /*Specifies the maxium height of the side menu - how much content it shows before scroll.*/
		overflow-x: hidden; /*Hides the horizontal scroll because it is not applicable.*/
		overflow-y: scroll; /*Lets the content scroll vertically to keep the menu functional.*/
		scrollbar-width: auto; /*FireFox compatibility - Width of the scrollbar. Options include auto, thin, and none.*/
		scrollbar-color: #4B545E #C2C8CF; /*FireFox compatibility - First color (i.e., Gray 1 - Pantone 431 C) is the moveable bar.*/
		/*Second color (i.e., Gray 4) is the track.*/
	}
	
	.magellansidemenu::-webkit-scrollbar
	{
	     width: 15px; /*The width of the scrollbar.*/
	}
	
	.magellansidemenu::-webkit-scrollbar-thumb /*Styles the movable bar of the scrollbar.*/
	{
	    background-color: #4B545E; /*Gray 1 - Pantone 431 C from the corporate style guide.*/
		border-radius: 6px; /*Scrollbars in the A1 app also have rounded corners.*/
		border-color: #4B545E; /*Gray 1 - Pantone 431 C from the corporate style guide.*/
		border: 3px solid;
	}
	
	.magellansidemenu::-webkit-scrollbar-track /*Styles the track of the scrollbar.*/
	{
	    background-color: #B5BBC3; /*Secondary color - Gray 3 from the corporate style guide.*/
	}
} 

/*Media Query for the magellan side menu - Keeps the side menu functional when you shrink the screen vertically.*/
/*Third vertical break point.*/

@Media screen and (max-height: 300px)
{
    .magellansidemenu
	{
	    max-height: 100px; /*Specifies the maxium height of the side menu - how much content it shows before scroll.*/
		overflow-x: hidden; /*Hides the horizontal scroll because it is not applicable.*/
		overflow-y: scroll; /*Lets the content scroll vertically to keep the menu functional.*/
		scrollbar-width: auto; /*FireFox compatibility - Width of the scrollbar. Options include auto, thin, and none.*/
		scrollbar-color: #4B545E #C2C8CF; /*FireFox compatibility - First color (i.e., Gray 1 - Pantone 431 C) is the moveable bar.*/
		/*Second color (i.e., Gray 4) is the track.*/
	}
	
	.magellansidemenu::-webkit-scrollbar
	{
	    width: 15px; /*The width of the scrollbar.*/
	}
	
	.magellansidemenu::-webkit-scrollbar-thumb /*Styles the movable bar of the scrollbar.*/
	{
	    background-color: #4B545E; /*Gray 1 - Pantone 431 C from the corporate style guide.*/
		border-radius: 6px; /*Scrollbars in the A1 app also have rounded corners.*/
		border-color: #4B545E; /*Gray 1 - Pantone 431 C from the corporate style guide.*/
		border: 3px solid;
	}
	
	.magellansidemenu::-webkit-scrollbar-track /*Styles the track of the scrollbar.*/
	{
	    background-color: #B5BBC3; /*Secondary color - Gray 3 from the corporate style guide.*/
	}
} 

/*=========Tooltip Styles for Button that Copies Speciifc Sections of Help=========*/

[data-title]:hover:after
{
	visibility: visible;
	/*Creates a fake tooltip that we can style by using the data-title tag.*/
	/*Normally info in a data-title tag is internal. But we're making it visible through CSS.*/
}

[data-title]:after	/*Styles the fake tooltip. Note that you cannot style the real title="" tooltip because it's a web browser attribute.*/
{
	font-family: Arial;
	content: attr(data-title);
	background-color: #0082CA;
	color: #ffffff;
	font-size: 10px;
	position: absolute;
	padding: 4px 8px 4px 8px;
	visibility: hidden;
}

/*=========End of Tooltip Styles===================================================*/
/*=========Styles for the button that copies specific headers=================*/

button.clipboard
{
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	color: #3A4EA1;
	background-color: transparent;
	border-style: none;
	vertical-align: middle;
	/* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;
	/* Support for Safari and Chrome. */
	text-rendering: optimizeLegibility;
	/* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;
	/* Support for IE. */
	font-feature-settings: 'liga';
}

button.clipboard::before
{
	content: " link";
}

button.clipboard:hover
{
	cursor: copy;
	border: none;
	color: #F6921E;
}

/*=========End of Copy button for specific headers styles==========================*/
/*=========STYLES FOR OVERVIEW LANDING PAGES=========*/
/*Landing page when there are 4 cells*/

div.landingPage4cells
{
	display: grid;
	grid-template-columns: 23% 23% 23% 23%;
	width: 100%;
	justify-content: space-between;
	margin: auto;
}

div.landingPage4cells > div
{
	border: 1px solid #ECEFF3;
	padding: 10px;
	box-shadow: 0 5px 10px rgba(0,0,0,0.25);
	transition: all 0.3s;
}

div.landingPage4cells > div:hover
{
	box-shadow: 0 12px 24px rgba(0,0,0,0.5);
	background-color: #fff;
}

div.landingPage4cells > div > p
{
	
}

div.landingPage4cells > div > p:first-child
{
	color: #484848;
	font-size: 20px;
	margin-top: 0;
	padding-top: 0;
}

div.landingPage4cells > div > p:second-child
{
	font-size: 12px;
	line-height: 1;
}

/*Landing page when there are 3 cells*/

div.landingPage3cells
{
	display: grid;
	grid-template-columns: 30% 30% 30%;
	width: 100%;
	justify-content: space-between;
	margin: auto;
}

div.landingPage3cells > div
{
	border: 1px solid #ECEFF3;
	padding: 10px;
	box-shadow: 0 5px 10px rgba(0,0,0,0.25);
	transition: all 0.3s;
}

div.landingPage3cells > div:hover
{
	box-shadow: 0 12px 24px rgba(0,0,0,0.5);
	background-color: #fff;
}

div.landingPage3cells > div > p
{
	
}

div.landingPage3cells > div > p:first-child
{
	color: #484848;
	font-size: 20px;
	margin-top: 0;
	padding-top: 0;
}

div.landingPage3cells > div > p:second-child
{
	font-size: 12px;
	line-height: 1;
}

div.content-container
{
	display: grid;
	grid-template-columns: 50% 50%;
	grid-gap: 10px;
	width: 65vw;
	margin: auto;
}

div.featured-links
{
	background: #0082be;
	grid-column: 1;
	grid-row: 1 / 3;
	color: #fff;
	padding-left: 10px;
	padding-right: 10px;
}

div.content-container div div
{
	border-top: 1px solid #fff;
	width: 100%;
	margin: auto;
}

div.content-container div div a
{
	line-height: 1.8;
	color: #fff;
	font-size: 18px;
}

div.featured-links > p:first-child
{
	color: #000;
	font-weight: bold;
	font-size: 25px;
	margin-bottom: 10px;
}

div.programming-highlights
{
	color: #4B545E;
	background-color: #DAE1E9;
	grid-column: 2;
	grid-row: 2;
	padding-left: 10px;
}

div.programming-highlights a
{
	color: #0082be;
}

div.programming-highlights > p:first-child
{
	color: #000;
	font-weight: bold;
	font-size: 25px;
	margin-bottom: 10px;
}

div.help-links
{
	background-color: #939D9F;
	grid-column: 2;
	grid-row: 1;
	padding-left: 10px;
}

div.help-links > p:first-child
{
	color: #000;
	font-weight: bold;
	font-size: 25px;
	margin-bottom: 10px;
}

.material-symbols-outlined
{
	font-size: 75px !important;
	font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 0;
}

/****Madcap Dropdown styles****/

MadCap|dropDown	/*This styles the whole dropdown, including the dropdown icon and the body of the dropdown.
If you change the font in this tag, all of the text in the heading and body of the dropdown changes*/
{
	mc-closed-image: url('../Images/Buttons/Plus-blue.png');
	mc-open-image: url('../Images/Buttons/Minus-blue.png');
	margin-top: 10px;
	margin-bottom: 10px;
}

MadCap|dropDownHead	/*This targets the heading text of all dropdowns.*/
{
	color: #0082CA;
	font-weight: 600;
	font-family: 'Helvetica', sans-serif;
	letter-spacing: .85px;
}

MadCap|dropDown.Procedure	/*Since we want the procedure arrow to also be green, it needs to have its own class*/
{
	mc-closed-image: url('../Images/Buttons/Plus-green.png');
	mc-open-image: url('../Images/Buttons/Minus-green.png');
}

MadCap|dropDownHotspot.Procedure	/*This targets just the heading text of the procedure dropdown.*/
{
	color: #459A34;
}

MadCap|dropDownHotspot.Procedure:hover
{
	color: #7B868C;
}

p.Procedure
{
	color: #459A34;
	font-weight: 600;
	font-family: 'Helvetica', sans-serif;
	letter-spacing: .85px;
}

/****END Madcap Dropdown styles****/

p.Table_Title_bold_Numbered
{
	display: block;
	font-weight: bold;
	mc-auto-number-format: 'CT:Table {chapnum}-{n+}:     ';
	page-break-after: avoid;
	widows: 1;
	orphans: 1;
	margin-bottom: -2px;
	padding: 0px;
}

p.Figure_center_bold
{
	display: block;
	mc-auto-number-format: 'CH:Figure {chapnum}-{n+}:     ';
	text-align: left;
	font-weight: bold;
	margin-top: 4px;
	margin-bottom: 0;
	padding-bottom: 0;
}

@media only screen and (max-width: 1279px)
{
	h1
	{
		font-size: 30px;
	}

	h2
	{
		font-size: 22px;
	}

	h3
	{
		font-size: 18px;
	}

	div.footerTable
	{
		display: none;
	}

	ul.off-canvas-list
	{
		word-wrap: break-word;
	}

	/*Tablet Medium: Styles for the JavaScript sidebar.*/

	div.sidebar
	{
		width: 160px;
		/*Specifies a smaller width for the tablet medium.*/
		top: 200px;
		/*How far down the sidebar sits.*/
		right: 5px;
		/*How far the sidebar sits from the right side of the page.*/
		max-height: 350px;
		/*Sets the max height of the sidebar before it scrolls.*/
		overflow-y: scroll;
		/*Tells the sidebar to scroll so that you can see the remaining content.*/
		position: fixed;
		/*Declared for tablet and inherits into mobile. Prevents the sidebar from scrolling. These mediums don't need position:sticky because there's nothing for the sidebar to stick to.*/
	}

	/*This div styles the list that contains the links. It's a containing element.*/

	div.sidebartoc
	{
		margin-top: 25px;
		/*Adds space between the first link and the 'In this topic' heading.*/
	}

	/*Styles the 'In this topic' heading. Note that the heading is in an h3 block element.*/

	.sidebarheading h3
	{
		position: fixed;
		/*Prevents the 'In this topic' heading from scrolling with the menu.*/
		padding-left: 0px;
		/*Makes sure there is no padding on the left side of the header.*/
		padding-right: 30px;
		/*Extends the gray background of the h3 tag, which makes the fixed header look better when you scroll the sidebar.*/
		line-height: 0px;
		padding-top: 14px;
	}

	/*Adds margins and padding to the content (text).*/
	/*NOTE: We use the .MainContent style in the magellan side menu and the stacked menu. If we use this JavaScript side menu, we must rename this class.*/

	.MainContentDONOTUSE
	{
		width: 77%;
		/*Width of the actual content.*/
	}

	/*Hides the Menu button that toggles the sidebar in mobile.*/

	.showhide
	{
		display: none;
	}

	/*Hides the input checkbox function that makes toggling the sidebar possible in mobile.*/

	#trigger
	{
		display: none;
	}

	/*End of Sidebar styles in the Tablet medium.*/
	/*Magellan side menu styles - tablet & mobile.*/

	.magellansidemenu
	{
		display: none;
		/*Turns off the full-screen side menu in the tablet and mobile mediums.*/
	}

	/*End of Megellan side menu styles.*/
	/*Stacked menu styles for the tablet medium. Many of them also apply to mobile but will not apply to full screen.*/

	.stackedcrumbs	/*For mobile and tablet only when a stacked menu is present. Does not apply to desktop. For this style, we manually add the breadcrumb proxy.*/
	{
		display: block;
		position: fixed;
		/*Fixes the breadcrumbs for mobile and tablet so they don't move when you scroll.*/
		top: 180px;
		/*Positions the breadcrumbs directly below the stacked menu.*/
		width: 100%;
		/*Lets the breadcrumbs span the width of the page.*/
		background-color: #fff;
		/*Abbrievated hex code for white background. We need this color to blend in with the page.*/
	}

	.stackedcrumbs div.nocontent div.MCBreadcrumbsBox_breadcrumbs_0	/*Adjusts the margins and padding of the breadcrumbs. For mobile and tablet only when a stacked menu is present.*/
	{
		padding-bottom: 2px;
		/*Reduces the original 10px padding that is on the bottom of the breadcrumbs.*/
		margin-bottom: 2px;
		/*Reduces the original 10px margin that is on the bottom of the breadcrumbs.*/
		padding-top: 10px;
		/*Adds 10px of padding to the top.*/
		margin-top: 10px;
		/*Adds a 10px margin to the top.*/
		font-size: 8pt;
		/*Keeps the font size of the breadcrumbs at 8pt.*/
	}

	.MainContent	/*Because the menu is stacked, we don't need horizontal space between the menu and content. Thus it is turned off for tablet and mobile.*/
	{
		padding-right: 0px;
		/*Space between the main content and the side menu. Turned off for tablet and mobile.*/
		width: 100%;
		/*Width of the actual content. We keep it 100% for tablet and mobile (i.e., there's no side menu taking up real estate).*/
	}

	.stackedmenu	/*Container for the stacked menu.*/
	{
		display: block;
		/*Displays the menu as a block element in tablet and mobile. Turned off in full screen.*/
		height: 40px;
		/*Creates space between the stacked menu and the start of the content.*/
		background-color: #fff;
		/*Specifies the background color of the menu container. Abbreviated hex code for white background.*/
	}

	.stackedmenu a	/*Styles the link items.*/
	{
		color: #000;
		/*Abbreviated hex code. Makes the links black.*/
	}

	h2.stackedlink:target
	/*Adds an offset of space so the fixed header doesn't cover a section when you click a link in the stacked menu.*/
	/*NOTE: This style affets only the H2s that use the .stackedlink class. Works in tablet and mobile.*/
	{
		padding-top: 80px;
		/*Balances the offset to prevent unwanted white space.*/
		margin-top: -80px;
		/*Adds the offset. Must have a negative value.*/
		border-style: none;
		/*Turns off the highlighting (i.e., border) that occurs on the section that corresponds to the link that you click in the side menu.*/
		background-color: transparent;
		/*Turns off the highlighting color that occurs when you click the side menu.*/
	}

	.stackedmenu .header	/*Styles the face of the stacked menu.*/
	{
		background-color: #DAE1E9;
		/*Gray - Pantone 649 C from the corporate style guide.*/
		position: fixed;
		/*Anchors the menu at the top of the page. Thus it stays there upon scroll.*/
		top: 130px;
		/*Positions the stacked menu at the top of the page.*/
		right: 7px;
		/*Aligns the stacked menu with the left side of the page. It sits 7px from the right.*/
		width: 100%;
		/*Lets the menu stretch across the page. Also shows the scroll bar.*/
		Z-index: 20;
		/*Stacking order - lets content slide underneath the menu upon scroll. The value is high to make sure that the header takes precedence.*/
		box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1);
		/*Adds a box shawdow that appears before the breadcrumbs.*/
	}

	.stackedmenu .header ul
	/*Styles the unordered list inside of the menu.*/
	/*NOTE: You cannot style the scrollbar in Microsoft Edge and IE.*/
	{
		margin: 0;
		padding: 0;
		list-style: none;
		/*Removes the bullets from the li items.*/
		overflow-y: scroll;
		/*When you open the menu, it scrolls vertically if the page has many links. We do this to keep the height of the menu from overtaking the content on the page.*/
		overflow-x: hidden;
		/*Prevents horizontal scrolling. Hides that scrollbar.*/
		background-color: #DAE1E9;
		/*Gray 2 - Pantone 649 C from the corporate style guide.*/
		scrollbar-color: #4B545E #C2C8CF;
		/*FireFox compatibility - First color (i.e., Gray 1 - Pantone 431 C) is the movable bar . Second color (i.e., Gray 4) is the track.*/
		scrollbar-width: auto;
		/*FireFox compatibility - Width of the scrollbar. Options for this style are auto, thin, and none.*/
	}

	.stackedmenu .header ul::-webkit-scrollbar	/*Styles the dimensions of the scrollbar in the stacked menu.*/
	{
		width: 18px;
		/*The width of the scrollbar.*/
	}

	.stackedmenu .header ul::-webkit-scrollbar-thumb	/*Styles the movable bar of the scrollbar in the stacked menu.*/
	{
		background-color: #4B545E;
		/*Gray 1 - Pantone 431 C from the corporate style guide.*/
		border-radius: 6px;
		/*Scrollbars in the A1 app also have rounded corners.*/
		border-color: #4B545E;
		/*Gray 1 - Pantone 431 C from the corporate style guide.*/
		border: 3px solid;
	}

	.stackedmenu .header ul::-webkit-scrollbar-track	/*Styles the track of the scrollbar.*/
	{
		background-color: #B5BBC3;
		/*Secondary color - Gray 3 from the corporate style guide.*/
	}

	.stackedmenu .header ul::-webkit-scrollbar-button:single-button	/*Styles the directional buttons of the scrollbar.*/
	{
		background-color: #bbbbbb;
		display: block;
		border-style: solid;
		height: 13px;
		width: 16px;
	}

	.stackedmenu .header ul::-webkit-scrollbar-button:single-button:vertical:decrement	/*Styles the Up arrow on the scrollbar.*/
	{
		border-width: 0 8px 8px 8px;
		border-color: transparent transparent #555555 transparent;
	}

	.stackedmenu .header ul::-webkit-scrollbar-button:single-button:vertical:decrement:hover	/*Styles the Up arrow on the scrollbar.*/
	{
		border-color: transparent transparent #777777 transparent;
	}

	.stackedmenu .header ul::-webkit-scrollbar-button:single-button:vertical:increment	/*Styles the Down arrow on the scrollbar.*/
	{
		border-width: 8px 8px 0 8px;
		border-color: #555555 transparent transparent transparent;
	}

	.stackedmenu .header ul::-webkit-scrollbar-button:vertical:single-button:increment:hover	/*Styles the Down arrow on the scrollbar.*/
	{
		border-color: #777777 transparent transparent transparent;
	}

	.stackedmenu .header ul a	/*Styles the anchor tags as block elements.*/
	{
		display: block;
		/*The anchor tags (i.e., links) will be block-level elements. Makes them easier to click.*/
		padding: 20px 20px 20px 30px;
		/*Adds padding to the top, right, bottom, and left. The left padding is higher because it indents the links.*/
		border-right: 1px solid #aaa;
		/*Adds a 1px border to the edge of each anchor tag.*/
		text-decoration: none;
		/*Removes the default underlines from the anchor tags.*/
	}

	.stackedmenu .header ul a:hover	/*Styles the hover effect for each link in the menu.*/
	{
		background-color: #7B868C;
		/*Specifies the background color on hover. Gray 1 Hover from the corporate style guide. Matches the hover color used in the app.*/
		color: #fff;
		/*Specifies the link color on hover.*/
		font-weight: bold;
		/*Makes the link bold on hover.*/
	}

	.stackedmenu .header .logo	/*Styles the official menu text.*/
	{
		float: left;
		display: block;
		font-family: 'Helvetica', sans-serif;
		/*Specified font adheres to corporate style guide. Web-safe fonts also declared.*/
		font-weight: bold;
		color: #4B545E;
		/*Gray 1 - Pantone 431 C from the corporate style guide. Styles the color of the text.*/
		font-size: 2em;
		padding: 10px 20px;
		/*10 px on the top & bottom. 20 px on the left & right. Respectively.*/
		pointer-events: none;
		/*Disables the link. Makes the logo non-clickable text.*/
	}

	.stackedmenu .header .menu
	{
		clear: both;
		/*Forces the menu to be cleared below its title.*/
		max-height: 0;
		transition: max-height .2s ease-out;
		/*Animates the menu when you open and close it.*/
	}

	.stackedmenu .header .menu-icon	/*Styles the button that opens and closes the menu.*/
	{
		padding: 28px 20px;
		/*28 px on the top & bottom. 20 px on the left & right. Respectively.*/
		right: 15px;
		/*Moves the menu button fifteen pixels to the right.*/
		position: relative;
		/*Parent container for the span. Must have relative positioning.*/
		float: right;
		/*Moves the open/close menu button to the right side of the page.*/
		cursor: pointer;
		/*Changes the cursor to a hand that indicates you can click the menu button.*/
	}

	.stackedmenu .header .menu-icon .nav-icon	/*Styles the span tag (i.e., child element).*/
	{
		background-color: #0082BE;
		/*Blue 1 - Pantone Process Blue C from the corporate style guide.*/
		display: block;
		/*Span tags are inline by default. We need this to be a block element so we can add dimensions.*/
		height: 3px;
		/*Specifies the thickness of the opening and closing buttons.*/
		width: 25px;
		/*Specifies the size of the opening and closing buttons.*/
		position: relative;
		transition: background .2s ease-out;
		/*Animation for the button.*/
	}

	.stackedmenu .header .menu-icon .nav-icon:before	/*Pseudo element - builds the hamburger menu.*/
	{
		background-color: #0082BE;
		/*Blue 1 - Pantone Process Blue C from the corporate style guide.*/
		content: "";
		/*Content is blank so we can add icons via CSS.*/
		display: block;
		height: 100%;
		width: 100%;
		position: absolute;
		transition: all .2s ease-out;
		/*Animates the hamburger menu. Uses seconds as the unit.*/
		top: 7px;
		/*Specifies the quantity of space between the lines in the hamburger menu icon. :before and :after must be balanced!*/
	}

	.stackedmenu .header .menu-icon .nav-icon:after	/*Pseudo element - builds the hamburger menu.*/
	{
		background-color: #0082BE;
		/*Blue 1 - Pantone Process Blue C from the corporate style guide.*/
		content: "";
		/*Content is blank so we can add icons via CSS.*/
		display: block;
		height: 100%;
		width: 100%;
		position: absolute;
		transition: all .2s ease-out;
		/*Animates the hamburger menu. Uses seconds as the unit.*/
		top: -7px;
		/*Specifies the quantity of space between the lines in the hamburger menu icon. :before and :after must be balanced!*/
	}

	.stackedmenu .header .menu-btn	/*Hides the checkbox that makes the menu button work.*/
	{
		display: none;
	}

	.stackedmenu .header .menu-btn:checked ~ .menu	/*When you click the menu button, this style expands the height of the menu to 325px.*/
	{
		max-height: 258px;
		/*Expands the height of the menu. Hard-coded. The menu scrolls when it has an overflow of links.*/
	}

	.stackedmenu .header .menu-btn:checked ~ .menu-icon .nav-icon
	{
		background: transparent;
		/*Prevents the open/close buttons from overlapping. Creates a seamless transition between them when you open/close the menu.*/
	}

	.stackedmenu .header .menu-btn:checked ~ .menu-icon .nav-icon:before	/*Transforms the menu button in its checked state (i.e., when you click to open the menu).*/
	{
		transform: rotate(-45deg);
		/*Rotates the button when you click it to open the menu.*/
		top: 0;
	}

	.stackedmenu .header .menu-btn:checked ~ .menu-icon .nav-icon:after	/*Transforms the menu button in its unchecked state (i.e., when you click to close the menu).*/
	{
		transform: rotate(45deg);
		/*Rotates the button when you click it to close the menu.*/
		top: 0;
	}

	/*End of stacked menu styles - tablet.*/
	/*Reorg styles - tablet.*/

	div.featured-links
	{
		grid-row: 1;
	}

	div.help-links
	{
		grid-row: 2;
		grid-column: 1;
	}

	div.programming-highlights
	{
		grid-row: 3;
		grid-column: 1;
	}
}

@media only screen and (max-width: 767px)
{
	h1
	{
		font-size: 22px;
	}

	h2
	{
		font-size: 18px;
	}

	h3
	{
		font-size: 15px;
	}

	h4
	{
		font-size: 12px;
	}

	nav.title-bar .menu-icon span
	{
		display: none;
	}

	div.footerTable
	{
		display: none;
	}

	/*Mobile Styles for the JavaScript sidebar.*/

	div.sidebar
	{
		float: left;
		/*Moves the sidebar to the left side of the page.*/
		left: 5px;
		/*How far the sidebar sits from the left side of the page. Specific to the hover effect.*/
		height: 180px;
		/*Height of the sidebar. Adjusted for mobile.*/
		width: 180px;
		/*Width of the sidebar. Adjusted for mobile.*/
		overflow-y: scroll;
		/*Content that goes beyond the height of the sidebar will scroll.*/
		top: 220px;
		/*How far down the sidebar sits from the top of the page.*/
		outline: 5px solid white;
		display: none;
		/*Necessary for the toggle to work. The menu must not appear until the user toggles it.*/
	}

	/*Adds margins and padding to the content on the page.*/
	/*NOTE: We use .MainContent for the magellan side menu and the stacked menu. If we also want to use the JavaScript sidebar, we must change the name of this class.*/

	.MainContentDoNotUse
	{
		padding-top: 0px;
		margin-top: 35px;
		/*How far down the content sits from the top of the page. This margin accommodates the Menu button.*/
		margin-left: 5px;
		/*How far left the content sits on the page.*/
		margin-right: 0;
		margin-bottom: 0;
		width: 100%;
		/*Width of the actual content.*/
	}

	/*The button that shows and hides the menu.*/

	.showhide
	{
		display: block;
		cursor: pointer;
		position: fixed;
		/*Prevents the button from scrolling with the content.*/
		color: #ffffff;
		/*Styles the font color. Primary color in the corporate style guide.*/
		background-color: #0082CA;
		/*Styles the background color of the toggle button.*/
		border-radius: 5px;
		/*Gives the button a sligly rounded corner, similar to how we style buttons in the A1 Studio app.*/
		left: -78px;
		/*Moves the button off of the left side of the page for the hover effect. Only the word 'Menu' will appear.*/
		-webkit-transition: 0.3s;
		/*For browser compatibility.*/
		-moz-transition: 0.3s;
		/*For browser compatibility.*/
		-ms-transition: 10ms;
		/*Browser compatibility for IE.*/
		-o-transition: 0.3s;
		/*For browser compatibility.*/
		transition: 0.3s;
		/*Slows down the hover effect. NOTE: Always put prefixed CSS before the actual tag.*/
		padding: 10px;
		/*Adds padding to all sides of the button.*/
		opacity: .5;
		/* Makes the button blend more easily with the content.*/
	}

	/*Adds the hover effect for the button.*/

	.showhide:hover
	{
		left: 0;
		opacity: 1.0;
	}

	/*Hides the input checkbox function that makes toggling the sidebar possible.*/

	#trigger
	{
		display: none;
	}

	/*The math that makes the toggle function work.*/

	#trigger:checked + div.sidebar
	{
		display: block;
	}

	/*End of JavaScript sidebar styles for the mobile medium.*/
	/*Styles for the magellan menu - mobile.*/

	.magellansidemenu
	{
		display: none;
		/*Turns off the side menu in the mobile medium.*/
	}

	.MainContent
	{
		width: 100%;
		/*Width of the content resets to 100% because we're not using a sidebar.*/
		margin-top: 35px;
		/*How far down the content sits from the top of the page.*/
	}

	/*End of magellan menu styles - mobile.*/
	/*Styles for the stacked menu - mobile.*/

	.stackedcrumbs	/*For mobile and tablet only when a stacked menu is present. Does not apply to desktop. For this style, we manually add the breadcrumb proxy.*/
	{
		width: 98%;
		/*Lets the breadcrumbs span the width of the page without being truncated in the mobile output.*/
	}

	.stackedmenu	/*Container for the stacked menu.*/
	{
		height: 20px;
		/*Creates space between the stacked menu and the start of the content.*/
	}

	.stackedmenu .header	/*Styles the stacked menu for the mobile medium. Most of the styles are inherited from tablet.*/
	{
		left: 5px;
		/*Centers the menu correctly above the content.*/
		width: 99%;
		/*For mobile, the width is less than 100% to make sure that you can see the scrollbar.*/
	}

	.stackedmenu .header .menu-btn:checked ~ .menu	/*When you click the menu button, this style expands the height of the menu to 325px.*/
	{
		max-height: 255px;
		/*325 Expands the height of the menu. Hard-coded. The menu scrolls when it has an overflow of links.*/
	}

	h2.stackedlink:target
	/*Adds an offset of space so the fixed header doesn't cover a section when you click a link in the stacked menu.*/
	/*NOTE: This style affets only the H2s that use the .stackedlink class. Works in tablet and mobile.*/
	{
		padding-top: 100px;
		/*Balances the offset to prevent unwanted white space.*/
		margin-top: -100px;
		/*Adds the offset. Must have a negative value.*/
		/*NOTE: The border is already turned off in the tablet version of this style (which is inherited into mobile).*/
	}

	/*End of stacked menu styles - mobile.*/
	/*Mobile Reorg styles*/

	div.content-container
	{
		display: grid;
		grid-template-columns: 100%;
	}

	div.featured-links
	{
		grid-row: 1;
	}

	div.help-links
	{
		grid-row: 2;
		grid-column: 1;
	}

	div.programming-highlights
	{
		grid-row: 3;
		grid-column: 1;
	}

	div.landingPage4cells
	{
		display: grid;
		grid-template-columns: 100%;
		width: 100%;
		justify-content: space-between;
		margin: auto;
	}
}

@media onlineManuals
{
	p.Figure_center_bold
	{
		display: block;
		mc-auto-number-format: 'CH:Figure {chapnum}-{n+}:     ';
		text-align: left;
		font-weight: bold;
		margin-top: 4px;
		margin-bottom: 0;
		padding-bottom: 0;
	}

	p.Table_Title_bold_Numbered
	{
		display: block;
		font-weight: bold;
		mc-auto-number-format: 'CT:Table {chapnum}-{n+}:     ';
		page-break-after: avoid;
		widows: 1;
		orphans: 1;
		margin-bottom: -2px;
		padding: 0px;
	}
}

@media print
{
	*
	{
		overflow: visible !important;
	}

	button.clipboard
	{
		display: none;
	}

	body
	{
		color: #231F20;
		margin: 0px;
		padding-left: 0px;
		padding-right: 0px;
		font-family: 'Helvetica', sans-serif;
		font-size: 10pt;
		line-height: 1.15;
	}

	/* Headings */

	h1,
	h2,
	h3,
	h4,
	h5,
	h6
	{
		color: #231F20;
		font-weight: bold;
	}

	h1
	{
		mc-auto-number-format: '{ }';
		font-size: 18pt;
		margin: 0pt, 0pt, 10px, 0pt;
	}

	h1._title_w_alpha_ChapterNumbers
	{
		mc-auto-number-format: 'GB:Appendix {A+}{ =0}: ';
		font-size: 18pt;
		page-break-before: always;
	}

	h1._title_w_alpha_ChapterNumbers_nobreak
	{
		mc-auto-number-format: 'GB:Appendix {A+}{ =0}: ';
		page-break-before: avoid;
		font-size: 18pt;
	}

	h1._title_with_ChapterNumbers
	{
		mc-auto-number-format: 'GA:Chapter {n+}{ =0}{ }{ }: ';
	}

	h1._title_with_SectionNumbers
	{
		mc-auto-number-format: 'GA:Section {n+}{ =0}{ }{ }: ';
	}

	h1._title_with_ChapterNumbers_nobreak
	{
		mc-auto-number-format: 'GA:Chapter {n+}{ =0}{ }{ }: ';
		page-break-before: avoid;
	}

	h1._title_noChapterNumber_Front_Material_Do_Not_Display_In_TOC
	{
		font-size: 18pt;
		font-size: 18pt;
		margin-top: 0px;
		margin-right: 0px;
		margin-left: 0px;
		margin-bottom: 10px;
		mc-auto-number-format: '{ }';
		mc-heading-level: 0;
		/*Prevents the title from appearing in the TOC.*/
		page-break-before: always;
	}

	h1.SideMenu	/*Resets the heading level to its default value for the print medium.*/
	{
		mc-heading-level: 1;
		/*In the screen mediums, we set this style to 0. A value of 0 stops the title from appearing in the on-page side menu.*/
	}

	h2
	{
		font-size: 14pt;
		mc-auto-number-format: '{ }';
		margin: 0pt;
		page-break-before: avoid;
	}

	h2._title_w_alpha_ChapterNumbers
	{
		font-size: 14pt;
		mc-auto-number-format: 'GB:{A}.{n+}. ';
		page-break-before: always;
	}

	h2._title_w_alpha_ChapterNumbers_nobreak
	{
		font-size: 14pt;
		mc-auto-number-format: 'GB:{A}.{n+}. ';
		page-break-before: avoid;
	}

	h2._title_with_ChapterNumbers
	{
		page-break-before: always;
		font-size: 14pt;
		mc-auto-number-format: 'GA:{n}.{n+}.{ =0}{ } ';
		margin-bottom: 10px;
	}

	h2._title_with_ChapterNumbers_nobreak
	{
		mc-auto-number-format: 'GA:{n}.{n+}.{ =0}{ } ';
		margin-bottom: 8pt;
		margin-top: 14pt;
		page-break-before: avoid;
	}

	h2._title_with_SectionNumbers_nobreak
	{
		mc-auto-number-format: 'GA:{n}.{n+}.{ =0}{ } ';
		margin-bottom: 8pt;
		margin-top: 14pt;
		page-break-before: avoid;
	}

	h2._title_noChapterNumber_Front_Material
	{
		mc-auto-number-format: '{ }';
		page-break-before: always;
		font-size: 14pt;
		margin-bottom: 10px;
	}

	h3
	{
		mc-auto-number-format: '{ }';
		page-break-before: avoid;
		font-size: 12pt;
		margin-top: 14px;
		margin-bottom: 8px;
	}

	h3._title_with_ChapterNumbers
	{
		mc-auto-number-format: 'GA:{n}.{n}.{n+}. { =0}';
		font-size: 12pt;
		page-break-before: always;
		margin-bottom: 8px;
	}

	h3._title_with_ChapterNumbers_nobreak
	{
		mc-auto-number-format: 'GA:{n}.{n}.{n+}. { =0}';
		font-size: 12pt;
		page-break-before: avoid;
	}

	h3._title_with_SectionNumbers_nobreak
	{
		mc-auto-number-format: 'GA:{n}.{n}.{n+}. { =0}';
		font-size: 12pt;
		page-break-before: avoid;
	}

	h3._title_w_alpha_ChapterNumbers
	{
		font-size: 12pt;
		page-break-before: always;
		mc-auto-number-format: 'GB:{A}.{n}.{n+}.  { =0}';
	}

	h3._title_w_alpha_ChapterNumbers_nobreak
	{
		font-size: 12pt;
		page-break-before: avoid;
		mc-auto-number-format: 'GB:{A}.{n}.{n+}.  { =0}';
	}

	h4
	{
		page-break-before: avoid;
		font-size: 10.50pt;
	}

	h4._title_with_ChapterNumbers
	{
		mc-auto-number-format: 'GA:{n}.{n}.{n}.{n+}. ';
		page-break-before: always;
		font-size: 10.50pt;
		mc-heading-level: 4;
	}

	h4._title_with_ChapterNumbers_nobreak
	{
		mc-auto-number-format: 'GA:{n}.{n}.{n}.{n+}. ';
		font-size: 10.50pt;
		page-break-before: avoid;
		margin-top: 14px;
		mc-heading-level: 4;
	}

	h4._title_with_SectionNumbers_nobreak
	{
		mc-auto-number-format: 'GA:{n}.{n}.{n}.{n+}. ';
		font-size: 10.50pt;
		page-break-before: avoid;
		margin-top: 14px;
		mc-heading-level: 4;
	}

	h4._title_w_alpha_ChapterNumbers
	{
		font-size: 10.50pt;
		page-break-before: always;
		mc-auto-number-format: 'GB:{A}.{n}.{n}.{n+}. ';
		mc-heading-level: 4;
	}

	h4._title_w_alpha_ChapterNumbers_nobreak
	{
		font-size: 10.50pt;
		page-break-before: avoid;
		mc-auto-number-format: 'GB:{A}.{n}.{n}.{n+}. ';
		mc-heading-level: 4;
	}

	h5
	{
		
	}

	h5._title_with_ChapterNumbers_nobreak
	{
		mc-auto-number-format: 'GA:{n}.{n}.{n}.{n}.{n+}. ';
		font-size: 10.50pt;
		page-break-before: avoid;
		margin-top: 14px;
	}

	h5._title_with_SectionNumbers_nobreak
	{
		mc-auto-number-format: 'GA:{n}.{n}.{n}.{n}.{n+}. ';
		font-size: 10.50pt;
		page-break-before: avoid;
		margin-top: 14px;
		mc-heading-level: 5;
	}

	h6
	{
		
	}

	h6._title_with_SectionNumbers_nobreak
	{
		mc-auto-number-format: 'GA:{n}.{n}.{n}.{n}.{n}.{n+}. ';
		font-size: 10.50pt;
		page-break-before: avoid;
		margin-top: 14px;
		mc-heading-level: 6;
	}

	/* End of Headings*/
	/*Div tags*/

	div.ProgramExample
	{
		mc-hyphenate: never;
		/*Prevents the code in an example program from hyphenating and breaking between two lines.*/
		/*NOTE: Code that you manually add hyphens to can still break between two lines.*/
		page-break-inside: avoid;
	}

	div.no-page-break	/*Use this div around two print elements that you want to keep together on the same page (i.e. figures and captions)*/
	{
		page-break-inside: avoid;
	}

	/*End of Div tags.*/
	/*Span Tags*/

	.TopMargin	/*Adds a top margin between block elements.*/
	{
		margin-top: 10px;
	}

	span.pre	/*Use this tag to style snippets of code that appear within text. */
	{
		font-size: 10pt;
	}

	pre	/*Use this tag to style blocks of code. */
	{
		font-size: 10pt;
		/*Adjusts the font size for print docs.*/
	}

	/*End of Span Tags*/
	/*Side-menu styles*/
	/*NOTE: h1.SideMenu is declared with the other H1 tags.*/

	.MainContent
	/*For print, no menu appears. Thus we don't need horizontal space between the menu and content.*/
	/*QUESTION: Could we make the menu act as an in-page TOC when printed (showing you which topics are on which pages)?*/
	{
		padding-right: 0px;
		/*Space between the main content and the side menu. Turned off for tablet and mobile.*/
		width: 100%;
		/*Width of the actual content. We keep it 100% for tablet and mobile (i.e., there's no side menu taking up real estate).*/
	}

	.magellansidemenu	/*Prevents the Magellan side menu (used in the desktop medium) from printing*/
	{
		display: none;
	}

	.magellansidemenu span.SideMenuTitle
	{
		display: none;
		/*Turns off the side-menu title in the print medium.*/
	}

	.stackedmenu	/*Prevents the stacked menu (used in the tablet and mobile mediums) from printing.*/
	{
		display: none;
	}

	.stackedcrumbs	/*Prevents the stacked breadcrumbs (used in the tablet and mobile mediums) from printing.*/
	{
		display: none;
	}

	/*End of side-menu styles.*/
	/* Div tags*/
	/*Prevents the in-page sidebar (that's created by JavaScript) from printing.*/

	div.sidebar
	{
		display: none;
	}

	/* End of Div tags.*/
	/*Paragraph Tags*/

	p
	{
		widows: 3;
		orphans: 3;
		mc-hyphenate: never;
		/*Prevents the words in a paragraph from hyphenating and breaking between two lines.*/
		/* NOTE: Words that you manually add hypens to can still break between two lines. */
		line-height: 1.15;
		font-family: 'Helvetica', sans-serif;
		color: #231F20;
		font-size: 10pt;
		margin-bottom: 6px;
		margin-top: 6px;
	}

	p.FrontCover-shortProductName
	{
		font-size: 48pt;
		letter-spacing: -1;
		margin-bottom: 0px;
		padding-bottom: 8px;
		line-height: .875;
		font-family: 'D-Din', sans-serif;
		/*Prevents the product name from appearing in the TOC.*/
		mc-heading-level: 1;
	}

	p.FrontCover-docDescription
	{
		font-size: 20pt;
		text-transform: uppercase;
		line-height: .875;
		font-family: 'D-Din', sans-serif;
	}

	p.FrontCover-Inside
	{
		font-size: 20pt;
		font-family: 'Helvetica', sans-serif;
		text-align: left;
		text-transform: uppercase;
	}

	p.Figure_center_bold
	{
		display: block;
		mc-auto-number-format: 'CH:Figure {chapnum}-{n+}:     ';
		text-align: left;
		font-weight: bold;
		margin-top: 4px;
		margin-bottom: 0;
		padding-bottom: 0;
	}

	p.Figure_center_italic
	{
		mc-auto-number-format: 'CH:Figure {chapnum}-{n+}:     ';
		font-size: 9pt;
		font-style: italic;
		font-weight: normal;
		text-align: center;
	}

	p.Figure_center_bold_No_Chapter
	{
		orphans: 3;
		widows: 3;
		mc-auto-number-format: 'CH: Figure {Gn+}:     ';
		text-align: left;
		font-weight: bold;
	}

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

	p.Index1,
	p.Index2,
	p.Index3
	{
		font-size: 9pt;
		mc-leader-align: right;
		mc-reference-separator: ',';
		mc-leader-indent: 5pt;
		white-space: normal;
		mc-leader-offset: 5pt;
		mc-reference-initial-separator: '     ';
		mc-multiline-indent: 0.5in;
	}

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

	p.pagebreak
	{
		page-break-after: always;
		widows: 0;
		orphans: 0;
	}

	p.Steps
	{
		mc-auto-number-format: 'H:Step {n+}: ';
		display: block;
		mc-auto-number-position: outside-head;
		mc-auto-number-offset: 50px;
		text-align: left;
		margin-left: 0.5in;
	}

	p.Table_Title_bold_Numbered
	{
		display: block;
		font-weight: bold;
		mc-auto-number-format: 'CT:Table {chapnum}-{n+}:     ';
		page-break-after: avoid;
		widows: 1;
		orphans: 1;
		margin-bottom: -2px;
		padding: 0px;
	}

	p.Table_Header_White_Bold_Centered
	{
		font-size: 10.50pt;
		font-weight: bold;
		color: #ffffff;
		text-align: center;
		margin-bottom: 12px;
		margin-top: 12px;
	}

	p.TOC0
	{
		mc-heading-level: 0;
		font-family: 'D-Din', sans-serif;
		font-size: 24px;
		text-align: center;
	}

	p.TOC1
	{
		font-size: 12pt;
		margin: 8px 0px 0px 0px;
	}

	p.TOC2
	{
		padding-left: .5in;
		margin: 0px;
	}

	p.TOC3
	{
		padding-left: 1in;
		margin: 0px;
	}

	p.TOC4
	{
		padding-left: 1.5in;
		margin: 0px;
	}

	p.TOC5
	{
		padding-left: 2in;
		margin: 0px;
	}

	p.TOC6
	{
		padding-left: 2.5in;
		margin: 0px 0px 0px 0px;
	}

	p.TOC7
	{
		padding-left: 3in;
		margin: 0px;
	}

	p.TOC8
	{
		padding-left: 3.5in;
		margin: 0px;
	}

	p.TOC9
	{
		
	}

	p.WarrantyText
	{
		font-size: 9pt;
		margin: 0pt;
		padding-bottom: 4pt;
		padding-top: 4pt;
	}

	p.WarrantyText_Header
	{
		margin: 0pt;
		font-size: 9pt;
		font-weight: bold;
		padding-top: 4pt;
		padding-left: 4pt;
		font-style: italic;
	}

	/*END OF Paragraph Tags*/
	/*Styles that prevent the JavaScript created sidebar from printing.*/
	/*Prevents the Show/Hide menu button from printing. This is the Menu button that toggles the sidebar in mobile.*/

	.showhide
	{
		display: none;
	}

	/*Hides the input checkbox function that makes toggling the sidebar possible.*/

	#trigger
	{
		display: none;
	}

	/*END OF sidebar styles.*/
	/* For page header and footer */

	p.Header_Footer_left_Justified
	{
		text-align: left;
		font-size: 14pt;
		font-family: 'Helvetica', sans-serif;
	}

	p.Header_Footer_right_justified
	{
		text-align: right;
		font-size: 14pt;
		font-family: 'Helvetica', sans-serif;
	}

	p.Header_Footer_Center_Justified
	{
		text-align: center;
		font-size: 14pt;
		font-family: 'Helvetica', sans-serif;
	}

	/* END for page header and footer */

	p.SubHeading
	{
		margin-bottom: 12px;
		margin-top: 12px;
		font-weight: bold;
		font-size: 10.5pt;
	}

	p.Figure_center
	{
		display: block;
		text-align: left;
		margin-top: 0px;
		margin-bottom: 0px;
		padding-top: 0px;
		page-break-before: avoid;
	}

	p.ListOf
	{
		margin: 0px;
	}

	p.proxy_List_Style	/*Styles the list entries in the List of Figures and List of Tables*/
	{
		margin: 3px, 0, 0, 2px;
		padding-left: 0px;
		mc-leader-format: '.';
		mc-leader-align: right;
		font-size: 10pt;
	}

	p.Table_Header_Bold_Italic
	{
		margin-bottom: 12px;
		margin-top: 12px;
		font-size: 10.50pt;
		color: #231F20;
		font-weight: bold;
		font-style: italic;
	}

	p.SubHeading_pagebreak
	{
		font-weight: bold;
		font-size: 12pt;
		text-align: left;
		margin-bottom: 12px;
		margin-top: 12px;
		page-break-before: always;
	}

	p.Warranty_Header
	{
		color: #ffffff;
		font-weight: bold;
		font-size: 10pt;
		background-color: #0082CA;
		line-height: 2;
		text-indent: 3;
	}

	/* END of paragraph tags */
	/* List tags */

	ul
	{
		list-type: disc;
		margin-top: 0;
		margin-bottom: 3px;
		margin-left: 15px;
	}

	ol
	{
		margin-top: 0;
		margin-bottom: 3px;
		margin-left: 20px;
	}

	li
	{
		margin: 5px 0;
		line-height: 95%;
	}

	ol li	/*Styles the steps within an organized-list procedure (for print).*/
	{
		mc-hyphenate: never;
		/*Prevents the words in a step from hyphenating and breaking between two lines.*/
		/* NOTE: Words that you manually add hypens to can still break between two lines. */
	}

	ol li p
	{
		padding-left: -10px;
	}

	ol.uppercase
	{
		list-style-type: upper-alpha;
	}

	/* End of List tags */
	/* Table Tags */

	table
	{
		margin-top: 2px;
		margin-bottom: 12px;
		width: 100%;
		font-size: 10.50pt;
	}

	th
	{
		vertical-align: bottom;
		font-size: 10pt;
	}

	th p
	{
		vertical-align: middle;
		padding: 0pt;
		margin-top: 3px;
		margin-bottom: 3px;
		font-weight: bold;
		font-size: 10;
	}

	td
	{
		vertical-align: middle;
		padding-top: 0;
		padding-bottom: 0;
		font-size: 10pt;
	}

	td p
	{
		font-size: 10pt;
		margin-top: 4px;
		margin-bottom: 4px;
	}

	td li
	{
		margin-bottom: 2pt;
		margin-top: 2pt;
		padding: 0pt;
		text-indent: 2pt;
	}

	td ol
	{
		padding-left: 0px;
		font-size: 10pt;
		line-height: 1.15;
		margin-left: 25px;
	}

	td ul
	{
		margin-top: 2pt;
		margin-bottom: 2pt;
		padding-left: 0px;
		margin-left: 20px;
		line-height: 1.15;
	}

	tr
	{
		line-height: 1.15;
		padding-bottom: 0;
		margin-bottom: 0;
		font-size: 10pt;
		page-break-inside: avoid;
		mc-hyphenate: never;
	}

	.TableStyle-_GLO-Vertical-Headings p
	{
		font-size: 10pt !important;
	}

	/* End of Table Tags */
	/* MadCap Tags */

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

	MadCap|dropDownHead
	{
		color: #231F20;
		orphans: 3;
		widows: 3;
		display: block;
	}

	MadCap|dropDownHead.figure-chapter
	{
		color: #231F20;
		orphans: 3;
		widows: 3;
		display: block;
		mc-auto-number-format: 'CH:Figure {chapnum}-{n+}:     ';
		text-align: left;
		margin-top: 4px;
		margin-bottom: 4px;
		font-weight: bold;
		page-break-after: avoid;
	}

	MadCap|dropDownHead.figure-noChapter
	{
		orphans: 3;
		widows: 3;
		mc-auto-number-format: 'CH: Figure {Gn+}:     ';
		text-align: left;
		font-weight: bold;
	}

	MadCap|dropDownHotspot
	{
		mc-auto-number-format: '';
	}

	MadCap|expandingHead
	{
		color: #ffffff;
	}

	MadCap|xref.Chapter_Ref_With_Text
	{
		mc-format: '{paratext}';
	}

	MadCap|xref.Figure_Ref
	{
		mc-format: '{paranumonly}';
	}

	MadCap|xref.Section_Ref
	{
		mc-format: 'Section {paranumonly}.';
	}

	MadCap|xref.Section_Ref_With_Text
	{
		mc-format: 'Section {paranum}{paratext}';
	}

	MadCap|xref.Table_Ref
	{
		mc-format: '{paranumonly}';
	}

	MadCap|listOfProxy
	{
		border-style: none;
		margin: 0px;
		padding-left: 0px;
		line-height: 1.15;
	}

	MadCap|footnote
	{
		font-size: 8pt;
		font-style: italic;
	}

	.MCDropDownBody
	{
		display: block !important;
	}

	.MCExpandingBody
	{
		display: inline !important;
	}

	.MCTogglerBody
	{
		display: inline !important;
	}

	MadCap|tocProxy
	{
		border-top-style: none;
		margin-top: 6px;
		padding: 0;
		text-indent: 0;
	}

	MadCap|xref
	{
		color: #0000ff;
		text-decoration: none;
		mc-format: '{para}';
	}

	MadCap|indexProxy
	{
		mc-leader-align: right;
		mc-leader-offset: 5pt;
		white-space: normal;
		mc-reference-initial-separator: '     ';
		mc-leader-indent: 5pt;
		mc-multiline-indent: 0.5in;
		mc-hyphenate: never;
		border-style: none;
	}

	MadCap|equation
	{
		font-family: serif;
		font-style: normal;
		font-size: 120%;
	}

	MadCap|xref.Chapter_Ref_Num_Text
	{
		mc-format: '{paranum}{paratext}';
	}

	MadCap|xref.pagenum
	{
		mc-format: 'Page {page}';
	}

	/* End of MadCap Tags */

	img
	{
		margin-top: 5px;
	}

	img.appbutton	/*Makes some minor adjustments to the size of application buttons in PDF output.*/
	{
		max-width: 12px;
		/*Scales down the application button for print output.*/
		height: auto;
		/*Auto adjusts the height to keep the button image proportional.*/
	}

	a:link
	{
		text-decoration: none;
		color: #0000ff;
	}

	caption
	{
		
	}

	pre
	{
		margin-bottom: 4px;
		margin-top: 4px;
	}

	b
	{
		font-weight: bold;
	}

	.noBulletLevel2
	{
		margin-left: 25px;
		list-style-position: outside;
		list-style-type: none;
		display: block;
	}

	.bold
	{
		font-weight: bold;
	}

	/*New Styles*/

	.bold-italic	/* Replaces Table_Header_Bold_Italic */
	{
		font-weight: bold;
		font-style: italic;
	}

	.codeItems	/* use this tag to style code items that show in the text. */
	{
		font-size: 10pt;
	}

	.functionOverload
	{
		font-size: 10pt;
	}

	.functionArgument
	{
		font-size: 10pt;
	}
}