tag overrides.*/ { font-family: Open Sans, Arial; font-size: 1em; color: var(--GrayDark); margin-top: 1em; margin-bottom: auto; margin-left: 0; mc-hyphenate: never; } p.Copyright { margin-top: 1em; line-height: 1em; mc-hidden: hidden; } p.EmptyPageText { mc-hidden: hidden; } p.FrameFooterText { color: var(--White); text-align: left; margin-top: 0; font-size: 8.5pt; font-family: 'Uni Neue Regular', 'Uni Neue', Arial; mc-hidden: hidden; } p.FrameFooterText2 { padding-top: 3px; font-family: 'Uni Neue Regular', 'Uni Neue', Arial; mc-hidden: hidden; } p.IndexHeading { mc-hidden: hidden; } p.title { line-height: 65pt; mc-hyphenate: never; font-size: 2em; padding-bottom: 0px; margin-top: 0px; font-family: 'Uni Neue Regular', 'Uni Neue', Open Sans; color: var(--GrayDark); mc-hidden: hidden; } p.TableTextCenterDark { color: var(--Black); margin-bottom: 2px; margin-top: 8px; text-align: center; mc-hidden: hidden; } td { margin: 8px; vertical-align: top; } th { margin-bottom: 8px; margin-top: 8px; color: var(--VAS-Old-Blue); text-align: left; line-height: normal; } tr { } /*main ul tag*/ ul { font-family: Corbel; margin-bottom: 1em; margin-left: 0em; margin-right: 0em; font-size: 1em; margin-top: 6px; margin: 0px; list-style-type: square; list-style-position: outside; padding-left: 30px; } ul.Standard { margin-left: -10px; font-size: 1em; list-style-type: disc; } ul ul { margin-left: -10px; list-style-type: disc; } html.templateTopic div.sideContent { display: none; } div.ContentRow { mc-grid-row: true; margin-left: auto; margin-right: auto; } div.ContentRow::before { content: ' '; display: table; } div.ContentRow::after { content: ' '; display: table; clear: both; } div.ContentRow > div { float: left; -moz-box-sizing: border-box; box-sizing: border-box; } div.ContentRow > div:nth-child(1) { width: 58.333%; margin-left: 0%; } div.ContentRow > div:nth-child(2) { width: 33.333%; margin-left: 8.3333%; } ul.Standard > li > ul { font-size: 1em; color: var(--White); } ul.Standard > li > ul > li > ul { font-size: 1em; } ul.Standard > li > ul > li > ul > li > ul { font-size: 1em; } ul.Standard > li > ul > li > ul > li > ul > li > ul { font-size: 1em; } ul.Standard > li > ul > li > ul > li > ul > li > ul > li > ul { font-size: 1em; } ul.Standard > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul { font-size: 1em; } ul.Standard > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul { font-size: 1em; } ul.Standard > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul { font-size: 1em; } ul.Standard > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul { font-size: 1em; } ul.noteInternal > li::marker { color: var(--White); font-size: .8em; } ul.noteInternal > li > ul { color: var(--White); } ul.noteInternal > li > ul > li::marker { list-style-type: square; } button { margin-bottom: 1em; } MadCap|dropDown.gray-bkgrnd { background: var(--GrayBright); border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-top-right-radius: 6px; border-top-left-radius: 6px; margin-top: 20px; } p.FrameHeaderText2 { font-family: 'Uni Neue Regular', 'Uni Neue', Arial; color: var(--VAS-Old-Blue); padding-bottom: 3px; mc-hidden: hidden; } ul.checklist > li > ul { margin-left: 1em; margin-top: 0px; line-height: normal; } ul.checklist > li::marker { padding-bottom: 0.5em; } ol.nested > li > ul > li::marker { mc-hidden: hidden; } MadCap|popupBody { width: 300px; } ol.nested > li::marker { mc-hidden: hidden; } p.MiniTOC2 { margin-top: 3pt; margin-bottom: 0; mc-hidden: hidden; } p.MiniTOC3 { margin-top: 3pt; margin-bottom: 0; mc-hidden: hidden; } p.MiniTOC1_0 /* This controls the bullets and format in the miniTOC, but the color attribute is getting overridden somewhere These styles aren't used in masterVAS-Styles - I think we can get rid of these styles entirely and just use p.MiniTOC1, p.MiniTOC2, and p.MiniTOC3 like masterVAS-Styles uses*/ { /* tagging out original style attributes margin-bottom: 0; margin-top: 3px; font-weight: bold;*/ display: list-item; list-style-type: disc; line-height: normal; font-size: 1.2em; color: var(--VAS-Olive); margin-left: 5px; margin-top: 0.5em; margin-bottom: 6px; mc-hidden: hidden; } span.SearchHighlight1 { background-color: var(--Yellow); } span.SearchHighlight2 { background-color: var(--Cyan); } span.SearchHighlight3 { background-color: var(--Cyan); } span.SearchHighlight4 { background-color: var(--Cyan); } span.SearchHighlight5 { background-color: var(--Cyan); } span.SearchHighlight6 { background-color: var(--Cyan); } span.mcFormatColor { } a.Popup { } MadCap|relatedTopics { color: var(--VAS-Old-Blue); background-color: var(--GrayBright); border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-radius: 3px; padding: 10px; font-size: 1.3em; font-family: 'Uni Neue Regular', 'Uni Neue', Arial; } MadCap|relatedTopics:hover /* Controls the special Related Topics control at the bottom of the Getting Started topic */ { color: var(--VAS-Moss-Green); } div.illustration-2-col /*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/ { mc-grid-row: true; margin-left: auto; margin-right: auto; } div.illustration-2-col::before { content: ' '; display: table; } div.illustration-2-col::after { content: ' '; display: table; clear: both; } div.illustration-2-col > div { float: left; -moz-box-sizing: border-box; box-sizing: border-box; } div.illustration-2-col > div:nth-child(1) { width: 33.33333%; margin-left: 0%; } div.illustration-2-col > div:nth-child(2) { margin-left: 0%; width: 1%; } div.illustration-2-col > div:nth-child(3) { width: 33.33333%; margin-left: 0%; } div.left-of-side-nav /*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/ { mc-grid-row: true; margin-left: auto; margin-right: auto; } div.left-of-side-nav::before { content: ' '; display: table; } div.left-of-side-nav::after { content: ' '; display: table; clear: both; } div.left-of-side-nav > div { float: left; -moz-box-sizing: border-box; box-sizing: border-box; } div.left-of-side-nav > div:nth-child(1) { width: 58.333%; margin-left: 0%; } div.left-of-side-nav > div:nth-child(2) { width: 50%; margin-left: 0%; } div.Row-1-10 /*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/ { mc-grid-row: true; margin-right: auto; margin-left: 6px; } div.Row-1-10::before { content: ' '; display: table; } div.Row-1-10::after { content: ' '; display: table; clear: both; } div.Row-1-10 > div { float: left; -moz-box-sizing: border-box; box-sizing: border-box; } div.Row-1-10 > div:nth-child(1) { margin-left: 0%; width: 16.3333%; } div.Row-1-10 > div:nth-child(2) { width: 58.333%; margin-left: 8%; } div.body-tiles-3col /*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/ { mc-grid-row: true; margin-bottom: 15px; overflow: hidden; margin-right: 15px; } div.body-tiles-3col::before { content: ' '; display: table; } div.body-tiles-3col::after { content: ' '; display: table; clear: both; } div.body-tiles-3col > div { float: left; text-align: center; padding-top: 20px; box-sizing: content-box; -moz-box-sizing: content-box; } div.body-tiles-3col > div:nth-child(1) { text-align: center; width: 30%; } div.body-tiles-3col > div:nth-child(2) { margin-left: 5%; width: 30%; } div.body-tiles-3col > div:nth-child(3) { margin-left: 5%; width: 30%; } div.topic-tiles-2-col /*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/ { mc-grid-row: true; margin-left: auto; margin-right: auto; } div.topic-tiles-2-col::before { content: ' '; display: table; } div.topic-tiles-2-col::after { content: ' '; display: table; clear: both; } div.topic-tiles-2-col > div { float: left; -moz-box-sizing: border-box; box-sizing: border-box; } div.topic-tiles-2-col > div:nth-child(1) { margin-left: 0%; max-width: 12em; width: 30%; text-align: center; } div.topic-tiles-2-col > div:nth-child(2) { width: 30%; margin-left: 5%; max-width: 12em; text-align: center; } div.NewRowClass1 /*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/ { mc-grid-row: true; margin-left: auto; margin-right: auto; } div.NewRowClass1::before { content: ' '; display: table; } div.NewRowClass1::after { content: ' '; display: table; clear: both; } div.NewRowClass1 > div { float: left; -moz-box-sizing: border-box; box-sizing: border-box; } div.NewRowClass1 > div:nth-child(1) { width: 66.66667%; margin-left: 0%; } div.NewRowClass1 > div:nth-child(2) { width: 33.33333%; margin-left: 0%; } div.home-tiles-4col /*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/ { mc-grid-row: true; margin-left: auto; margin-right: auto; } div.home-tiles-4col::before { content: ' '; display: table; } div.home-tiles-4col::after { content: ' '; display: table; clear: both; } div.home-tiles-4col > div { float: left; -moz-box-sizing: border-box; box-sizing: border-box; } div.home-tiles-4col > div:nth-child(1) { width: 15%; margin-right: 2%; } div.home-tiles-4col > div:nth-child(2) { width: 15%; margin-right: 2%; } div.home-tiles-4col > div:nth-child(3) { margin-right: 2%; width: 15%; } div.home-tiles-4col > div:nth-child(4) { width: 15%; } div.master-page-2col /*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/ { mc-grid-row: true; margin-left: 20%; margin-right: 10%; } div.master-page-2col::before { content: ' '; display: table; } div.master-page-2col::after { content: ' '; display: table; clear: both; } div.master-page-2col > div { vertical-align: middle; float: left; box-sizing: content-box; } div.master-page-2col > div:nth-child(1) { width: 70%; } div.master-page-2col > div:nth-child(2) { padding-right: 10px; /* removing for adding toolbar task - too much padding when not at top of page padding-top: 20px; */ width: 225px; border-radius: 25px; background: var(--GrayBright); margin-right: 0px; margin-top: 10px; padding-left: 10px; margin-left: 20px; } div.master-page-2col-noshade /*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/ { mc-grid-row: true; margin-left: 20%; margin-right: 10%; } div.master-page-2col-noshade::before { content: ' '; display: table; } div.master-page-2col-noshade::after { content: ' '; display: table; clear: both; } div.master-page-2col-noshade > div { vertical-align: middle; float: left; box-sizing: content-box; } div.master-page-2col-noshade > div:nth-child(1) { width: 70%; } div.master-page-2col-noshade > div:nth-child(2) { padding-top: 10px; padding-right: 10px; width: 225px; margin-right: 0px; padding-left: 10px; margin-left: 20px; } p.footer { margin-bottom: 5px; line-height: 13pt; padding-bottom: 3px; margin-top: 1em; overflow: hidden; padding-top: 10px; border-top: solid 2px var(--VAS-Moss-Green); text-align: center; width: 100%; mc-hidden: hidden; } div.MenuOptions-2col /*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/ { mc-grid-row: true; margin-left: auto; margin-right: auto; } div.MenuOptions-2col::before { content: ' '; display: table; } div.MenuOptions-2col::after { content: ' '; display: table; clear: both; } div.MenuOptions-2col > div { float: left; -moz-box-sizing: border-box; box-sizing: border-box; } div.MenuOptions-2col > div:nth-child(1) { margin-left: 0%; width: 350px; border-right: solid 2px var(--VAS-Olive); margin-right: 10px; } div.MenuOptions-2col > div:nth-child(2) { width: 50%; margin-left: 0%; } p.Subtitle { font-weight: bold; color: var(--VAS-Moss-Green); font-size: 1.1em; font-family: 'Uni Neue Book'; mc-hidden: hidden; } p.sideContent { color: var(--VAS-Old-Blue); font-weight: bold; margin-bottom: 6px; vertical-align: middle; padding-top: 6px; padding-bottom: 6px; mc-hidden: hidden; } div.sideNoteRight { float: right; margin-left: 10px; margin-bottom: 10px; width: 33.33%; height: auto; color: var(--VAS-Old-Blue); font-family: Corbel; font-size: 1em; background: var(--VAS-Green-Yellow); border-color: var(--VAS-Blue); border-bottom-right-radius: 6px; border-top-left-radius: 6px; padding-right: 6px; padding-left: 6px; border-bottom-left-radius: 6px; border-top-right-radius: 6px; line-height: normal; font-weight: bold; vertical-align: middle; margin-top: 10px; border: solid 3px var(--VAS-Blue); } div.buttonCenter { width: 33.33%; height: auto; font-size: 1em; border-color: var(--VAS-Blue); border-bottom-right-radius: 6px; border-top-left-radius: 6px; border-bottom-left-radius: 6px; border-top-right-radius: 6px; line-height: normal; vertical-align: middle; background: var(--VAS-Old-Blue); text-align: center; margin-left: 3px; padding-left: 3px; padding-right: 3px; margin-bottom: 6px; margin-top: 0px; float: inherit; font-family: 'Uni Neue Book'; color: var(--White); border: solid 1px var(--VAS-Blue); } img.Thumbnail-float-right { mc-thumbnail: popup; padding-left: 10px; padding-bottom: 6px; padding-top: 6px; position: relative; mc-thumbnail-max-height: 58px; float: right; margin-left: 10px; padding-right: 10px; } p.SpaceBeforeNone { margin-top: 0; } ul.noteInternal { background-repeat: no-repeat; border: solid 1px var(--GrayDark); border-radius: 6px; padding-right: 10px; -moz-border-radius: 6px; -webkit-border-radius: 6px; background-image: url('../Images/master/VAS-Logos-Bkgrnds/logo-white-VAS-internal.png'); margin-top: 10px; mc-conditions: 'ContentStatus.Internal'; margin-left: 10px; padding-left: 100px; padding-top: 10px; padding-bottom: 10px; font-size: 1em; background-color: var(--VAS-Olive); color: var(--Black); } li.white { orphans: 2; widows: 2; font-family: Corbel; font-size: 1em; margin-bottom: 0px; margin-top: 3px; line-height: normal; color: var(--White); } ul.no-indent { display: list-item; } div.indent { margin-left: 20px; } div.construction { background-repeat: no-repeat; border: solid 1px var(--GrayDark); border-radius: 6px; padding-right: 10px; -moz-border-radius: 6px; -webkit-border-radius: 6px; margin-top: 10px; line-height: normal; font-family: Corbel; font-size: 1em; color: var(--VAS-Warm-Gray); min-height: 120px; background-image: url('../Images/master/under-construction.png'); padding-bottom: 30px; padding-top: 40px; vertical-align: middle; padding-left: 100px; text-align: left; width: 60%; background-position: 5px 20px; } div.sideNoteLeft1 { margin-left: 10px; margin-bottom: 10px; width: 33.33%; height: auto; color: var(--VAS-Old-Blue); font-family: Corbel; font-size: 1em; background: var(--VAS-Green-Yellow); border-color: var(--VAS-Blue); border-bottom-right-radius: 6px; border-top-left-radius: 6px; padding-right: 6px; padding-left: 6px; border-bottom-left-radius: 6px; border-top-right-radius: 6px; line-height: normal; font-weight: bold; vertical-align: middle; margin-top: 10px; border: solid 3px var(--VAS-Blue); float: left; } p.FrameHeaderText { color: var(--White); margin-top: 0; font-size: 1em; font-family: 'Uni Neue Regular', 'Uni Neue', Arial; mc-hidden: hidden; } p.FrameHeaderFirstPage { margin-top: 0; font-size: 1em; font-family: 'Uni Neue Regular', 'Uni Neue', Arial; color: var(--VAS-Moss-Green); mc-hidden: hidden; } div.WatermarkBeta { background-image: url('../Images/master/DRAFT_WATERMARK.png'); background-position: center; background-repeat: no-repeat; } div.buttonLeft { height: auto; font-size: 1em; border-bottom-right-radius: 6px; border-top-left-radius: 6px; border-bottom-left-radius: 6px; border-top-right-radius: 6px; line-height: normal; vertical-align: middle; background: var(--VAS-Old-Blue); margin-left: 3px; padding-right: 3px; margin-bottom: 6px; float: inherit; color: var(--White); margin-top: 15px; font-family: 'Uni Neue Regular', 'Uni Neue', Arial; text-align: left; width: 33%; padding-left: 10px; } a.WhiteFont { color: var(--White); text-decoration: none; } a.WhiteFont:visited { color: var(--White); } a.WhiteFont:hover { color: var(--VAS-Warm-Yellow); } img.FloatRight { float: right; padding-left: 10px; } span.show-review { mc-conditions: 'ContentStatus.NeedsReview'; background-color: var(--Yellow); } img.Thumbnail-Large { mc-thumbnail: popup; mc-thumbnail-max-height: 250px; margin-left: 3px; } img.FloatLeft { float: left; padding-right: 8px; } p.FrameFooterText3 { padding-top: 3px; font-family: 'Uni Neue Regular', 'Uni Neue', Arial; font-size: .8em; color: var(--VAS-Moss-Green); text-align: center; border-top: solid 2px var(--VAS-Moss-Green); margin-top: 2em; clear: both; mc-hidden: hidden; } p.show-review { mc-conditions: 'ContentStatus.NeedsReview'; background-color: var(--Yellow); } div.show-review { mc-conditions: 'ContentStatus.NeedsReview'; background-color: var(--Yellow); } li.show-review { mc-conditions: 'ContentStatus.NeedsReview'; background-color: var(--Yellow); } ul.indent { margin-left: 1em; } div.buttonFooter a /* This style was defined twice in the VASdocs.css - I merged the attributes for the two styles into one and kept the attributes for the one closest to the bottom of the css */ { height: auto; font-size: 1em; border-bottom-right-radius: 6px; border-top-left-radius: 6px; border-bottom-left-radius: 6px; border-top-right-radius: 6px; line-height: normal; vertical-align: middle; background: var(--VAS-Old-Blue); padding: 0.5em 1em; /* was 10px 7px; in the first style defined in the css, changed it to match the second style defined in the css */ display: inline-block; margin-bottom: 6px; float: inherit; color: var(--White); font-family: 'Uni Neue Regular', 'Uni Neue', Arial; text-align: center; margin-top: 2em; font-weight: bold; /* added from the second style defined in the css */ text-transform: uppercase; /* added from the second style defined in the css */ text-decoration: none; /* added from the a.WhiteFont (which was unnecessary and removed) */ } ul ul ul { list-style-type: circle; } ul.checklist { list-style-image: url('../Images/master/VAS-Defaults/checkbox.png'); padding-top: 0; background-repeat: no-repeat; background-position: center 0px; list-style-type: none; padding-bottom: 0.5em; margin-top: 0; } /*-------------------------*/ body, h1, h2, .dropDownHead, div.button-group-home, a.white-text, ul.navigation a /* removing this changes dropdown head fonts in VASdocs outputs - may need to add these font properties to doropdownheads if this generic class is to be removed */ { font-family: 'Uni Neue Regular', 'Uni Neue', Arial !important; } .title-bar.tab-bar.sticky.is-stuck.is-at-top { border: 0 transparent; } section.main-section { padding-top: 0; } /*#contentBody p { line-height: 1.7; margin-top: 1em; } #contentBody li { font-size: 1em; font-family: 'Open Sans', Arial; line-height: 1.7; <-- this attribute was moved into the main li tag as the spacing was off after removing contentBody } #contentBody p.MiniTOC1_0 { display: list-item; <-- all of these attributes were moved into the p.MiniTOC1_0 above list-style-type: disc; line-height: normal; font-size: 1.2em; color: var(--VAS-Olive); margin-left: 5px; margin-top: 0.5em; margin-bottom: 6px; }*/ /*#contentBody */ p.MiniTOC2_0 /*This controls the bullets and format in the miniTOC, but the color attribute is getting overridden somewhere */ { display: list-item; list-style-type: disc; line-height: normal; font-size: 1.2em; color: var(--VAS-Olive); margin-left: 25px; margin-top: 0.3em; margin-bottom: 6px; mc-hidden: hidden; } /*#contentBody */ p.MiniTOC3_0 /*This controls the format in the miniTOC, but the color attribute is getting overridden somewhere */ { list-style-type: none; line-height: normal; font-size: 1 em; color: var(--VAS-Olive); margin-left: 26px; margin-top: 0.2em; margin-bottom: 3px; mc-hidden: hidden; } /*These styles are not needed as the attributes in them are already defined in the non content-Body styles of the same name #contentBody p.SpaceBeforeNone { margin-top: 0; } #contentBody .SpaceBeforeHalf { margin-top: 0.5em; } #contentBody p.Image { margin-top: 0.5em; } #contentBody p.SpaceBeforeQuarter { margin-top: 0.25em; }*/ ul.menu._Skins_SideMenu.mc-component { border-radius: 10px !important; padding: 0; box-shadow: 0 1px 5px rgba(0,0,0,.5); } ul.menu._Skins_SideMenu.mc-component ul > li > a, ul.menu._Skins_SideMenu.mc-component ul ul > li > a, ul.menu._Skins_SideMenu.mc-component li > a { padding-top: 10px; padding-bottom: 10px; } ul.menu._Skins_SideMenu.mc-component li > a { padding-right: 12px; padding-left: 12px; } div > ul.menu._Skins_SideMenu.mc-component > li > a { font-weight: bold; text-transform: uppercase; font-size: 1.0em; color: var(--White); } div > ul.menu._Skins_SideMenu.mc-component .sub-menu li { background-color: var(--White); } div > ul.menu._Skins_SideMenu.mc-component .sub-menu li :hover { background-color: var(--White); } div > ul.menu._Skins_SideMenu.mc-component .sub-menu li > a { color: var(--Black); } div > ul.menu._Skins_SideMenu.mc-component li > a { line-height: 1.2; font-size: 0.9em; } div > ul.menu._Skins_SideMenu.mc-component li > a.selected { background-color: var(--VAS-Olive); } div > ul.menu._Skins_SideMenu.mc-component li.has-children:hover { background-color: var(--White); } div > ul.menu._Skins_SideMenu.mc-component li.has-children:first-child:hover { background-color: var(--VAS-Old-Blue); } div > ul.menu._Skins_SideMenu.mc-component li > a.selected:hover { background-color: rgba(153,186,77,.6); /*rgba colors specify opacity */ color: var(--VAS-Old-Blue); } h1 { font-size: 2em; } h2 { font-size: 1.3em; } .MCPopupContainer, img.MCPopupThumbnail.img { box-shadow: 0 1px 5px rgba(0,0,0,.5); border: 0 none; } div.topichero { background-image: none !important; } div.HomeHeroSection { background-repeat: no-repeat; margin-left: 0 !important; padding-bottom: 30px; width: 60%; padding-top: 0px; display: block; vertical-align: top; padding-left: 250px; text-indent: 30px; margin-bottom: 30px; } .search-bar.search-bar-container.needs-pie._Skins_HomeSearchBar.mc-component { margin-bottom: 35px; } .search-bar._Skins_HomeSearchBar.mc-component { border-radius: 25px; /*overflow: hidden;*/ box-shadow: 0 2px 5px rgba(0,0,0,.6); } .search-bar._Skins_HomeSearchBar.mc-component .search-submit { border: 1px solid var(--GrayMedium); border: 0 none; border-radius: 0; } .search-bar._Skins_HomeSearchBar.mc-component .search-field { border: 1px solid var(--GrayMedium); border: 0 none; border-radius: 0; } .search-bar._Skins_HomeSearchBar.mc-component .search-submit:hover { background-color: var(--VAS-Old-Blue) !important; } div.button-group-home.center:hover { background-color: var(--VAS-Blue); } div.button-group-home.center a { padding: 0.7em 1em; display: block; font-weight: bold; text-transform: uppercase; } div.button-group-home { width: 325px !important; } .topichero form.search { padding: 0 20px; mc-hidden: hidden; } .search-bar.search-bar-container.needs-pie._Skins_HomeSearchBar.mc-component { max-width: 700px; width: auto; } .MCDropDown.dropDown.dropDowngray-bkgrnd { padding: 0.5em; overflow: hidden; } .MCDropDown.dropDown.dropDowngray-bkgrnd .MCDropDownHead.dropDownHead { margin-top: 0; padding: 0; text-indent: 0; } .MCDropDown.dropDown.dropDowngray-bkgrnd .MCDropDownHead.dropDownHead a { display: block; padding-left: 20px; } .MCDropDown.dropDown.dropDowngray-bkgrnd .MCDropDownHead.dropDownHead a img { display: none; } .MCDropDown.dropDown.dropDowngray-bkgrnd .dropDownBody { border-bottom: 0; } /*This controls the Related Topics box*/ /*#contentBody*/ .MCDropDown.dropDown.dropDowngray-bkgrnd .dropDownBody p { margin-top: 0.2em !important; } .MCDropDown.dropDown.dropDowngray-bkgrnd.MCDropDown_Open { padding-bottom: 1em; } p.FrameFooterText3 { padding: 1em; mc-hidden: hidden; } .TableStyle-vas-standard { box-shadow: 0 2px 5px rgba(0,0,0,.6); width: 95%; margin-left: 3px; } .TableStyle-vas-drop-down { box-shadow: 0 2px 5px rgba(0,0,0,.6); width: 90%; margin-left: 3px; } /*th.TableStyle-vas-standard-HeadD-Column1-Header1, th.TableStyle-vas-standard-HeadE-Column1-Header1 { background-color: var(--VAS-Olive); padding: 10px; border-bottom: 0; border-left: 0; border-right: 0; color: var(--VAS-Old-Blue); } th:first-child { border-radius: 5px 0 0 0; } th:last-child { border-radius: 0 5px 0 0; } .TableStyle-vas-standard-Body-Body1 td { padding: 10px; border-color: var(--GrayMedium); }*/ .navigation-wrapper { align-self: center; justify-content: flex-start; } p.li /*, #contentBody p.li*/ { margin-top: .5em; } .off-canvas-wrapper-inner nav.title-bar .outer-row { padding: 0 1.5em; mc-hidden: hidden; } ul.navigation li > a { padding: 3px 13px; } div.MCMiniTocBox_0 { border-top: 1px solid var(--GrayMedium); mc-hidden: hidden; } img.Thumbnail-RightPadding { mc-thumbnail: popup; mc-thumbnail-max-height: 75px; margin-right: 20px; } p.SpaceBeforeQuarter { margin-top: .25em; } li.before { content: counters(item, ".") " "; counter-increment: item; } ol.outline { list-style-type: decimal; list-style-image: none; } ol.outline > li::marker { content: counter(outline); } ol.outline > li > ol { list-style-type: decimal; list-style-image: none; } ol.outline > li > ol > li::marker { content: counter(outline); } ol.outline > li > ol > li > ol { list-style-type: decimal; list-style-image: none; } ol.outline > li > ol > li > ol > li::marker { content: counter(outline); } ol.outline > li > ol > li > ol > li > ol { list-style-type: decimal; list-style-image: none; } ol.outline > li > ol > li > ol > li > ol > li::marker { content: counter(outline); } ol.outline > li > ol > li > ol > li > ol > li > ol { list-style-type: decimal; list-style-image: none; } ol.outline > li > ol > li > ol > li > ol > li > ol > li::marker { content: counter(outline); } ol.outline > li > ol > li > ol > li > ol > li > ol > li > ol { list-style-type: decimal; list-style-image: none; } ol.outline > li > ol > li > ol > li > ol > li > ol > li > ol > li::marker { content: counter(outline); } ol.outline > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol { list-style-type: decimal; list-style-image: none; } ol.outline > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li::marker { content: counter(outline); } ol.outline > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol { list-style-type: decimal; list-style-image: none; } ol.outline > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li::marker { content: counter(outline); } ol.outline > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol { list-style-type: decimal; list-style-image: none; } ol.outline > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li::marker { content: counter(outline); } ol.outline > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol { list-style-type: decimal; list-style-image: none; } ol.outline > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li::marker { content: counter(outline); } div.LeftCenterJustify { text-align: center; font-weight: bold; font-family: 'Open Sans', Arial; color: var(--GrayDark); font-size: 1em; margin-right: 35%; } p.TableTextHeadVertical { font-weight: bold; transform: rotate(-90deg); color: var(--VAS-Old-Blue); font-size: 20pt; margin-bottom: 0px; margin-right: 3px; margin-top: 36px; vertical-align: middle; text-align: center; mc-hidden: hidden; } td.Center { vertical-align: middle; text-align: center; } td.Shade1 { background-color: var(--BlueSky); background: var(--BlueSky); } td.Shade2 { background-color: var(--GreenPale); background: var(--GreenPale); } td.Shade3 { background-color: var(--VAS-Green-Yellow); background: var(--VAS-Green-Yellow); } td.Shade4 { background-color: var(--PinkPale); background: var(--PinkPale); } td.light-font { color: var(--GrayBright); } li.PurpleNumBkgrnd { list-style-type: none; } img.Thumbnail-float-right-large { mc-thumbnail: popup; padding-left: 10px; padding-bottom: 6px; padding-top: 6px; position: relative; float: right; margin-left: 10px; mc-thumbnail-max-height: 150px; padding-right: 10px; } .hide-tablet-mobile-view { display: block; } .hide-web-view { display: none; } img.border { page-break-before: avoid; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-top-right-radius: 6px; border-top-left-radius: 6px; border: solid 2px var(--VAS-Warm-Gray); } p.FooterTable { margin-top: 0; font-family: 'Uni Neue Regular', 'Uni Neue', Arial; font-size: .8em; margin-bottom: 0; margin: 0; padding: 0; padding-top: 0; display: inherit; } a.LightFont { color: var(--VAS-Fresh-Blue); } img.Thumbnail-Medium { mc-thumbnail: popup; mc-thumbnail-max-height: 150px; margin-left: 3px; } img.Thumbnail-float-right-med { mc-thumbnail: popup; padding-left: 10px; padding-bottom: 6px; padding-top: 6px; position: relative; float: right; margin-left: 10px; mc-thumbnail-max-height: 75px; padding-right: 10px; } img.Thumbnail-float-left { mc-thumbnail: popup; padding-left: 10px; padding-bottom: 6px; padding-top: 6px; position: relative; mc-thumbnail-max-height: 58px; float: left; padding-right: 10px; margin-right: 10px; } img.Thumbnail-float-left-large { mc-thumbnail: popup; padding-left: 10px; padding-bottom: 6px; padding-top: 6px; position: relative; mc-thumbnail-max-height: 150px; float: left; padding-right: 10px; margin-right: 10px; } img.Thumbnail-float-left-med { mc-thumbnail: popup; padding-left: 10px; padding-bottom: 6px; padding-top: 6px; padding-right: 10px; margin-right: 10px; position: relative; float: left; mc-thumbnail-max-height: 100px; } img.Thumbnail-Medium-RightPadding { mc-thumbnail: popup; mc-thumbnail-max-height: 150px; margin-right: 20px; } img.Thumbnail-Large-RightPadding { mc-thumbnail: popup; mc-thumbnail-max-height: 250px; margin-right: 20px; } img.Thumbnail-WidthBased { mc-thumbnail: popup; mc-thumbnail-max-width: 200px; } span.cmd-line-blue { color: var(--VAS-Old-Blue); text-transform: uppercase; font-weight: bolder; font-family: 'Open Sans', Uni Neue Regular, Arial; font-size: 1em; mc-disable-glossary-terms: true; } span.cmd-line-gray { text-transform: uppercase; color: var(--VAS-Warm-Gray); font-weight: bolder; font-family: 'Open Sans', Uni Neue Regular, Arial; font-size: 1 em; mc-disable-glossary-terms: true; } img.Thumbnail-float-right-xl { mc-thumbnail: popup; padding-left: 10px; padding-bottom: 6px; padding-top: 6px; position: relative; float: right; margin-left: 10px; padding-right: 10px; mc-thumbnail-max-height: 250px; } img.inline { border: none; page-break-before: avoid; vertical-align: middle; } img.vertical-align-middle { border: none; page-break-before: avoid; vertical-align: middle; } div.note { background-repeat: no-repeat; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding-left: 48px; margin-top: 1em; max-width: 80%; overflow: hidden; font-size: 1em; color: var(--GrayDark); font-family: 'Open Sans', Arial; border-radius: 12px; background-position: 10px 12px; padding-right: 8px; mc-auto-number-format: '{b}{color #00a1e4}NOTE: {/color}{/b}'; background-image: url('../Images/master/VAS-Defaults/note.png'); margin-bottom: 10px; padding-bottom: 16px; padding-top: 10px; } div.important { background-repeat: no-repeat; -moz-border-radius: 6px; -webkit-border-radius: 6px; line-height: normal; padding-left: 48px; margin-top: 1em; max-width: 80%; /* font-size: .8em; this attribute is specified twice in this style - went with the second 2 lines down */ overflow: hidden; font-size: 1em; color: var(--GrayDark); font-family: 'Open Sans', Arial; border-radius: 12px; /* was 6px; - came from API-docs */ background-position: 10px 12px; /* is 10px 11px in API-docs - left as is because it matches note.div*/ padding-right: 8px; mc-auto-number-format: '{b}{color #ff8c00}IMPORTANT: {/color}{/b}'; /* came from API-docs */ margin-bottom: 10px; /* not in API-docs - added to match note.div */ background-image: url('../Images/master/VAS-Defaults/important.png'); padding-bottom: 16px; padding-top: 10px; } div.settings { background-repeat: no-repeat; -moz-border-radius: 6px; -webkit-border-radius: 6px; line-height: normal; padding-left: 48px; margin-top: 1em; max-width: 80%; overflow: hidden; font-size: 1em; color: var(--GrayDark); font-family: 'Open Sans', Arial; border-radius: 12px; background-position: 10px 12px; padding-top: 8px; padding-bottom: 10px; padding-right: 8px; mc-auto-number-format: '{b}{color #004c75}SETTINGS: {/color}{/b}'; margin-bottom: 10px; background-image: url('../Images/master/VAS-Defaults/note.png'); } div.tip { background-repeat: no-repeat; -moz-border-radius: 6px; -webkit-border-radius: 6px; line-height: normal; padding-left: 48px; margin-top: 1em; max-width: 80%; /* font-size: .8em; this attribute is specified twice in this style - went with the second 2 lines down */ overflow: hidden; font-size: 1em; color: var(--GrayDark); font-family: 'Open Sans', Arial; border-radius: 12px; /* was 6px; - changed to match API-docs */ background-position: 10px 12px; /*was 17px 12px - is 10px 11px in API-docs - changed to match note.div */ padding-top: 10px; padding-right: 8px; /* was 10px; - changed to match API-docs */ mc-auto-number-format: '{b}{color #67864e}TIP: {/color}{/b}'; /* came from API-docs */ /* not in API-docs - added to match note.div */ background-image: url('../Images/master/VAS-Defaults/tip.png'); margin-bottom: 16px; padding-bottom: 16px; } img.ReduceButtonSize-verticalcenter { max-height: 25px; max-width: auto; vertical-align: middle; padding-bottom: -5px; } div.center { } div.center-wide-margins { width: 65%; text-align: center; padding-bottom: 6px; } div.width-96px /*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/ { mc-grid-row: true; margin-left: auto; margin-right: auto; text-align: center; border-bottom-right-radius: 1px; border: solid 0px var(--Black); padding-top: -10px; } div.width-96px::before { content: ' '; display: table; } div.width-96px::after { content: ' '; display: table; clear: both; } div.width-96px > div { float: left; -moz-box-sizing: border-box; box-sizing: border-box; } div.width-96px > div:nth-child(1) { width: 25%; } div.width-96px > div:nth-child(2) { width: 33.333%; margin-left: 0%; } div.width-96px > div:nth-child(3) { width: 33.333%; margin-left: 0%; } a.width-96px { text-decoration: none; font-weight: bold; font-family: 'Open Sans'; font-size: 1em; color: var(--VAS-Old-Blue); } div.home-tiles-3col /*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/ { mc-grid-row: true; } div.home-tiles-3col::before { content: ' '; } div.home-tiles-3col::after { content: ' '; clear: both; } div.home-tiles-3col > div { float: left; text-align: center; box-sizing: border-box; } div.home-tiles-3col > div:nth-child(1) { width: 19%; margin-right: 3%; } div.home-tiles-3col > div:nth-child(2) { width: 19%; margin-right: 3%; } div.home-tiles-3col > div:nth-child(3) { width: 19%; } div.responsive-1col /*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/ { mc-grid-row: true; margin-left: auto; margin-right: auto; } div.responsive-1col::before { content: ' '; display: table; } div.responsive-1col::after { content: ' '; display: table; clear: both; } div.responsive-1col > div { float: left; } div.responsive-1col > div:nth-child(1) { width: 100%; margin-left: 0%; } ol { list-style-image: none; margin-left: 3px; list-style-position: outside; margin-bottom: 0.5em; margin: 0em; margin-top: 0.25em; padding-left: 25px; } ol ol { list-style-type: lower-alpha; margin-left: 0px; } ol.illustration { list-style: none; counter-reset: li; margin-left: 1em; } ol.illustration > li::before { counter-increment: li; content: counter(li); display: inline-block; color: var(--White); text-align: center; border-radius: 50%; width: 1.6em; margin-left: -2em; margin-right: 0.5em; margin-top: 0; padding-top: 0; background-color: var(--Raspberry); font-weight: bold; } ol.illustration li ol.illustration { list-style: none; counter-reset: letter; } ol.illustration ol.illustration li::before { counter-increment: letter; content: counter(li) "" counter(letter, lower-alpha) ""; } ol.illustration li ol.illustration > li ol li { list-style: lower-roman; counter-reset: none; } ol.illustration ol.illustration > li ol li::before { content: none !important; counter-increment: none; } ol.illustration li ol.illustration > li ul li { list-style: square; counter-reset: none; } ol.illustration ol.illustration > li ul li::before { content: none !important; counter-increment: none; } MadCap|dropDownHead.illustrate { margin-top: 0; } MadCap|dropDownHead.illustrate-showme { margin-top: 0; font-size: 1em; margin-top: 0.2em; font-family: Open Sans, Arial; } /*ee-ol.PURPLE styles are commented out resulting from changes made for DOCS-1095 and should no longer be present or used in the projects. ol.PURPLE { list-style: none; counter-reset: li; margin-left: 1em; } ol.PURPLE> li::before { counter-increment: li; content: counter(li); display: inline-block; color: var(--White); text-align: center; border-radius: 50%; width: 1.6em; margin-left: -2em; margin-right: 0.5em; margin-top: 0; padding-top: 0; background-color: var(--Black); font-weight: bold; } */ ul { font-size: 1em; list-style-type: square; list-style-position: outside; padding-left: 20px; margin-bottom: 1em; margin-top: 0.25em; } div /* do not hide this */ { } div.illustration-2col /*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/ { mc-grid-row: true; margin-left: auto; margin-right: auto; } div.illustration-2col::before { content: ' '; display: table; } div.illustration-2col::after { content: ' '; display: table; clear: both; } div.illustration-2col > div { float: left; -moz-box-sizing: border-box; box-sizing: border-box; } div.illustration-2col > div:nth-child(1) { width: 25%; margin-left: 0%; } div.illustration-2col > div:nth-child(2) { width: 60%; margin-left: 5%; } div.home-2col /*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/ { mc-grid-row: true; text-align: center; padding-left: 10%; padding-right: 10%; margin-left: 35%; margin-right: 30%; } div.home-2col::before { content: ' '; display: table; } div.home-2col::after { content: ' '; display: table; clear: both; } div.home-2col > div { float: left; -moz-box-sizing: border-box; box-sizing: border-box; } div.home-2col > div:nth-child(1) { width: 25%; margin-left: 20%; } div.home-2col > div:nth-child(2) { margin-left: 5%; width: 25%; margin-right: 20%; } img.home-tiles { height: 60px; } a.APIWhiteFont-hidden-link { color: var(--White); text-decoration: none; font-size: 2pt; } div.table-scroll-horizontal { overflow-x: auto; } div.table-width-responsive { width: 65%; } img.ReduceButtonSize-30pxH-verticalcenter { max-width: auto; vertical-align: middle; padding-bottom: -5px; max-height: 30px; } img.ReduceButtonSize-50pxH-verticalcenter { max-width: auto; vertical-align: middle; padding-bottom: -5px; max-height: 50px; } MadCap|dropDown.HiddenControls { margin-top: 0px; margin-bottom: 0px; mc-open-image: url('../Images/master/icons/blank.png'); mc-image-spacing: 0px; mc-open-image-alt-text: -; mc-closed-image: url('../Images/master/icons/blank.png'); mc-closed-image-alt-text: -; } a.home-tilesAPI { text-decoration: none; font-family: 'Uni Neue Regular'; font-size: 1.3em; font-weight: normal; color: var(--VAS-Warm-Gray); } div.home-tiles-border /*This is a custom responsive layout CELL style (div class) in your stylesheet.*/ { mc-grid-row: true; margin-left: auto; margin-right: auto; text-align: center; border-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-color: var(--VAS-Old-Blue); border-bottom-width: 1.5 px; background: var(--GrayBright); border: solid 0px var(--GrayBright); } p.FrameFooterText4 { padding-top: 3px; font-family: 'Uni Neue Regular', 'Uni Neue', Arial; font-size: .8em; text-align: center; margin-top: 2em; clear: both; padding: 1em; color: var(--VAS-Warm-Gray); border-top: solid 11px var(--VAS-Old-Blue); mc-hidden: hidden; } img.ReduceButtonSize-75pxH-verticalcenter { max-width: auto; vertical-align: middle; max-height: 75px; padding-bottom: -4px; } #myBtn { display: none; position: fixed; bottom: 25px; right: 100px; z-index: 99; font-size: 14px; font-weight: bold; border: none; outline: none; color: var(--VAS-Warm-Gray); cursor: pointer; padding: 15px; border-radius: 4px; background-position: center; background-repeat: no-repeat; mc-hidden: hidden; } #myBtn:hover { background-color: var(--White); } div.eliminate-space-above { margin-top: 0px; padding-top: 0px; } div.home-tiles-light-gray-fill /*This is a custom responsive layout CELL style (div class) in your stylesheet.*/ { mc-grid-row: true; margin-left: auto; margin-right: auto; text-align: center; border-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-color: var(--VAS-Old-Blue); border: solid 0px var(--GrayBright); background: var(--GrayBright4); max-height: 10em; min-height: 10em; height: 10em; } div.home-tiles-nofill /*This is a custom responsive layout CELL style (div class) in your stylesheet.*/ { mc-grid-row: true; margin-left: auto; margin-right: auto; text-align: center; border-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } div.VASfooter { text-align: center; padding-bottom: 10px; color: var(--White); background: var(--VAS-Old-Blue); padding-top: 10px; margin-top: 30px; } p.HomeLinks { text-align: center; margin-top: 1em; line-height: 1em; text-decoration: none; font-weight: bold; mc-hidden: hidden; margin-bottom: 2px; } p.HomeLinksGreen { text-align: center; margin-top: 1em; line-height: 1em; text-decoration: none; color: var(--VAS-Moss-Green); font-weight: bold; mc-hidden: hidden; margin-bottom: 2px; } div.home-tiles-PULSE /*This is a custom responsive layout CELL style (div class) in your stylesheet.*/ { mc-grid-row: true; margin-left: auto; margin-right: auto; border-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-color: var(--VAS-Old-Blue); border: solid 0px var(--GrayBright); background: var(--GrayBright4); text-align: left; /*padding-bottom: 10px; padding-left: 10px;*/ padding: 5px; } a.WhiteFontHome { text-decoration: none; color: var(--GrayBright5); } a.home-tiles-bullet-link { text-decoration: none; font-family: 'Open Sans'; color: var(--VAS-Moss-Green); font-weight: normal; font-size: 1em; } li.li-tight { orphans: 2; widows: 2; counter-increment: item; font-family: 'Open Sans', Arial; list-style: image; list-style-image: url('../Images/master/icons/bullet-green2.png'); margin-top: .25em; } div.home-quick-links { width: 25%; margin-left: 0%; border-bottom-left-radius: 25px; border-top-right-radius: 25px; border-top-left-radius: 25px; border-bottom-right-radius: 25px; padding-top: 15px; padding-left: 20px; background: transparent; border: solid 3px var(--VAS-Olive); } a.home-tiles-bullet-link:hover { font: inherit; font-family: 'Open Sans'; font-weight: bold; background-color: transparent; font-size: 1em; } /* Home Page Footer */ div.footer { background-color: var(--Black); padding-top: 40px; padding-bottom: 40px; mc-hidden: hidden; } div.footer a { text-decoration: none; color: var(--GrayLight); } div.footer > div.outer-row { line-height: 30px; padding: 0; } .footer-logo { max-width: 100%; } .footer-links { text-align: left; } .footer-links a { padding-right: 15px; } .footer-icons { text-align: right; } .footer-icons > a:first-of-type { padding-right: 10px; } div.home-quick-links2 { border-bottom-left-radius: 25px; border-top-right-radius: 25px; border-top-left-radius: 25px; border-bottom-right-radius: 25px; background: var(--GrayBright); padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px; } html.HomePage .main-section > .outer-row { max-width: 100%; padding: 0%; } img.height-72px { height: 72px; } a.home-tiles-blue { text-decoration: none; color: var(--VAS-Old-Blue); font-family: 'Open Sans'; font-weight: bold; font-size: 1.1em; line-height: 12pt; } a.home-tiles-green { text-decoration: none; font-weight: bold; font-family: 'Open Sans'; color: var(--VAS-Moss-Green); font-size: 1.1em; } div.content-API { max-width: 75%; } img.height-50px { height: 50px; } div.body-tiles-3col-API /*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/ { mc-grid-row: true; margin-bottom: 15px; overflow: hidden; margin-right: 15px; } div.body-tiles-3col-API::before { content: ' '; display: table; } div.body-tiles-3col-API::after { content: ' '; display: table; clear: both; } div.body-tiles-3col-API > div { float: left; text-align: center; padding-top: 20px; box-sizing: content-box; -moz-box-sizing: content-box; } div.body-tiles-3col-API > div:nth-child(1) { width: 30%; text-align: center; } div.body-tiles-3col-API > div:nth-child(2) { margin-left: 5%; width: 30%; } div.body-tiles-3col-API > div:nth-child(3) { margin-left: 5%; width: 30%; } div.CommunityLink { padding-left: 5px; padding-bottom: 5px; position: fixed; box-shadow: 1px 1px 2px var(--VAS-Warm-Gray); border: solid .5px var(--GrayLight); border-radius: 4px; margin-top: 5px; padding-top: 5px; float: right; } a.Community { font: inherit; font-variant: normal; text-decoration: none; font-weight: bold; background: var(--BlueSky); color: var(--GrayDark); padding: 10px; border: solid 1px var(--GrayLight); border-radius: 4px; } a.Community:hover { color: var(--White); } .overflow-hidden { overflow: hidden; } div.sideContentCommunity { max-width: 250px; margin-top: 150px; padding: 15px; box-shadow: 1px 1px 2px var(--VAS-Warm-Gray); border: solid .5px var(--GrayLight); border-radius: 4px; margin-top: 20px; padding-bottom: 20px; margin-right: 0px; margin-left: 10px; position: relative; } div.sideContent { float: right; margin-left: 10px; margin-bottom: 10px; width: 33.33%; color: var(--VAS-Old-Blue); font-size: 1em; border-color: var(--VAS-Blue); border-bottom-right-radius: 6px; border-top-left-radius: 6px; padding-right: 10px; padding-left: 6px; border-bottom-left-radius: 6px; border-top-right-radius: 6px; line-height: normal; vertical-align: middle; margin-top: 10px; font-family: 'Open Sans'; } div.top-padding { padding-top: 0.5em; } p.title-page-footer { color: var(--GrayDark); font-size: 9pt; frame-break-before: always; line-height: 15pt; margin-top: 10px; mc-hidden: hidden; } div.top-padding { padding-top: 0.5em; } div.bottomContentCommunity { margin-top: 150px; box-shadow: 1px 1px 2px var(--VAS-Warm-Gray); border: solid .5px var(--GrayLight); border-radius: 4px; margin-top: 20px; margin-right: 0px; margin-bottom: 10px; padding: 10px; padding-bottom: 20px; max-width: 450px; text-align: left; } .glossary-hide /*Use this style to hide a glossary term in a topic.*/ { mc-disable-glossary-terms: true; } .SpaceAfterNone { margin-bottom: 0em; padding-bottom: 0em; } .SpaceBeforeNone { margin-top: 0em; padding-top: 0em; } .SpaceBeforeHalf { margin-top: 0.5em; } .SpaceAfterHalf { margin-bottom: 0.5em; } object.show-me-video { margin-top: 0.5em; width: 100%; } img.Thumbnail-150pxWidth { margin-left: 3px; mc-thumbnail: popup; mc-thumbnail-max-height: auto; mc-thumbnail-max-width: 150px; } p.li /*Do not use - will be deleted*/ { mc-hidden: hidden; } div.home-4-4-4 /*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/ { mc-grid-row: true; text-align: center; margin-top: 3em; width: 68%; } div.home-4-4-4::before { content: ' '; display: table; } div.home-4-4-4::after { content: ' '; display: table; clear: left; } div.home-4-4-4 > div { float: left; -moz-box-sizing: border-box; box-sizing: border-box; overflow: visible; } div.home-4-4-4 > div:nth-child(1) { margin-left: 0%; width: 30%; text-align: center; } div.home-4-4-4 > div:nth-child(2) { margin-left: 0%; width: 30%; text-align: center; } div.home-4-4-4 > div:nth-child(3) { margin-left: 0%; width: 30%; text-align: center; } div.Row-4-4-4 > div { float: none; } div.Row-4-4-4 > div:nth-child(1) { width: 30%; margin-left: 0%; text-align: center; } div.Row-4-4-4 > div:nth-child(2) { width: 30%; margin-left: 0%; text-align: center; } div.Row-4-4-4 > div:nth-child(3) { width: 30%; margin-left: 0%; text-align: center; } div.illustration-2col-imageleft /*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/ { mc-grid-row: true; margin-left: auto; margin-right: auto; padding-top: 10px; padding-bottom: 15px; } div.illustration-2col-imageleft::before { content: ' '; display: table; } div.illustration-2col-imageleft::after { content: ' '; display: table; clear: both; } div.illustration-2col-imageleft > div { float: left; -moz-box-sizing: border-box; box-sizing: border-box; } div.illustration-2col-imageleft > div:nth-child(1) { width: 35%; border-radius: 10px; background: var(--BlueSky); text-align: center; margin-left: 0%; padding: 10px; margin-top: 5px; } div.illustration-2col-imageleft > div:nth-child(2) { width: 55%; margin-left: 5%; } div.illustration-2col-imageright /*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/ { mc-grid-row: true; margin-left: auto; margin-right: auto; padding-top: 10px; padding-bottom: 15px; } div.illustration-2col-imageright::before { content: ' '; display: table; } div.illustration-2col-imageright::after { content: ' '; display: table; clear: both; } div.illustration-2col-imageright > div { float: left; -moz-box-sizing: border-box; box-sizing: border-box; } div.illustration-2col-imageright > div:nth-child(1) { width: 55%; margin-left: 0%; } div.illustration-2col-imageright > div:nth-child(2) { width: 35%; margin-left: 5%; border-radius: 10px; background: var(--BlueSky); text-align: center; margin-top: 5px; padding: 10px; } div.home-tiles-rns > div { float: left; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 10px; border-radius: 10px; padding: 10px; margin-bottom: 10px; } div.home-tiles-rns > div:nth-child(1) { text-align: center; width: 30%; margin-left: 0%; background: var(--GrayBright); } div.home-tiles-rns > div:nth-child(2) { text-align: center; width: 30%; margin-left: 5%; background: var(--GrayBright); } div.home-tiles-rns > div:nth-child(3) { text-align: center; width: 30%; margin-left: 5%; background: var(--GrayBright); } div.home-tiles-rns /*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/ { mc-grid-row: true; margin-left: auto; margin-right: auto; padding-top: 10px; margin: 10px; } div.home-tiles-rns::before { content: ' '; display: table; } div.home-tiles-rns::after { content: ' '; display: table; clear: both; } div.illustration-2col-imageright-nopadding /*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/ { mc-grid-row: true; margin-left: auto; margin-right: auto; padding-bottom: -5px; padding-top: -10px; } div.illustration-2col-imageright-nopadding::before { content: ' '; display: table; } div.illustration-2col-imageright-nopadding::after { content: ' '; display: table; clear: both; } div.illustration-2col-imageright-nopadding > div { float: left; -moz-box-sizing: border-box; box-sizing: border-box; } div.illustration-2col-imageright-nopadding > div:nth-child(1) { width: 55%; margin-left: 0%; } div.illustration-2col-imageright-nopadding > div:nth-child(2) { width: 35%; margin-left: 5%; border-radius: 10px; background: var(--BlueSky); text-align: center; margin-right: 5%; padding: 10px; } .overflow-visible { overflow: visible; mc-hidden: unhidden; } @media print { body { font-size: 8pt; line-height: 13px; margin: 8px; } div.GlossaryPageDefinition { font-size: 9pt; } div.GlossaryPageHeading { border-bottom-color: var(--VAS-Olive); border-bottom-style: solid; border-bottom-width: 1px; color: var(--VAS-Olive); font-size: 11pt; } div.GlossaryPageTerm { color: var(--VAS-Olive); font-size: 10pt; padding-bottom: 10px; padding-top: 10px; } h1 { margin-bottom: 20px; margin-top: 20px; margin-left: 0; mc-auto-number-class: ChapAutoNum; mc-auto-number-format: 'CH:CHAPTER {chapnum} '; padding-left: 0; padding-top: 0; font-family: 'Uni Neue Regular', 'Uni Neue', Arial; color: var(--VAS-Moss-Green); font-size: 2em; } h2 { font-weight: bold; line-height: normal; color: var(--VAS-Moss-Green); font-size: 18pt; } h3 { font-weight: normal; font-size: 14pt; line-height: normal; margin-left: .5in; } h4 { font-weight: normal; mc-heading-level: 0; font-size: 12pt; line-height: normal; } MadCap|dropDownBody { border-bottom: none; } MadCap|dropDownHead { margin-top: 16px; } MadCap|dropDownHotspot { font-size: 14pt; font-weight: bold; } MadCap|footnoteBlock { font-size: 7pt; } MadCap|footnotesBlock { border-top-color: var(--VAS-Olive); } MadCap|glossaryProxy { border-top: none; color: var(--GrayBright); } MadCap|indexProxy { border-top: none; color: var(--GrayBright); } MadCap|miniTocProxy { border-top: 0; padding-left: 0; margin-left: 0.5in; margin-right: 0.5in; color: var(--GrayDark); } MadCap|tocProxy { border-top: none; margin-right: 0.25in; } MadCap|xref { font-weight: normal; mc-format: '{quote}{para}{quote} {pageref}'; text-decoration: none; color: var(--VAS-Olive); } nav.tab-bar, div.sideContent { display: none; } ol ol { margin-left: 30px; } ol ol ol { margin-left: 30px; } p { margin-left: .5in; font-size: 12pt; color: var(--Black); } p.Copyright { margin-bottom: 8px; margin-top: 8px; } p.EmptyPageText { font-size: 10pt; font-weight: bold; } p.FrameFooterText { margin-left: 0; font-family: 'Uni Neue Regular', 'Uni Neue', Arial; font-size: 8.5pt; } p.FrameFooterText2 { font-size: 10pt; font-family: 'Uni Neue Regular', 'Uni Neue', Arial; margin-top: 0; margin-left: 0; color: var(--VAS-Old-Blue); } p.IndexHeading { font-size: 11pt; padding-top: 16px; text-align: left; } /*Tagging this out in case it is needed later span.ChapAutoNum { color: var(--GrayDark); font-family: 'Century Gothic'; font-size: 90pt; letter-spacing: -1px; }*/ tr { page-break-inside: avoid; } ul { margin-left: .5in; font-size: 12pt; color: var(--Black); } ul.Standard { list-style-image: url('../Images/master/Flare-Defaults/Bullet1Print.eps'); margin-left: 30px; } ul ul { margin-left: 30px; list-style-image: none; } img.Thumbnail-float-right { float: right; padding-right: 0; } ul.noteInternal { font-size: 10pt; } h5 { font-size: 10pt; } p.Subtitle { color: var(--VAS-Moss-Green); font-size: 12pt; } p.FrameHeaderText { font-size: 14pt; font-family: 'Uni Neue Regular', 'Uni Neue', Arial; } p.FrameHeaderText2 { font-family: 'Uni Neue Regular', 'Uni Neue', Arial; margin-left: 0; margin-top: 0; font-size: 12pt; font-weight: bold; padding-bottom: 0; } ol { padding-left: 20px; font-size: 12pt; margin-left: .5in; margin-bottom: 1em; color: var(--Black); } p.FrameHeaderFirstPage { font-weight: bold; font-size: 24pt; padding-bottom: 0px; margin-left: 0; margin-right: 3px; color: var(--VAS-Olive); } img { border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; max-width: 4.5in; } li { color: ; } ul.no-indent { margin-left: 0; } p.FirstPagePrint { margin-left: 0; margin-bottom: 1.5em; font-size: 14pt; } p.MiniTOC2 { font-size: 10pt; margin-top: 3pt; margin-bottom: 0; } p.MiniTOC3 { font-size: 11pt; margin-top: 3pt; margin-bottom: 0; } div.construction { font-size: 12pt; } ul.indent { margin-left: 1in; } ul.checklist { background-position: 0px 4em; } } MadCap|dropDownHead.illustrate-showme { margin-top: -33px; } MadCap|dropDownHead.illustrate { margin-top: -36px; } ol.illustration > li::before { counter-increment: li; content: counter(li); display: inline-block; color: var(--White); text-align: center; border-radius: 50%; width: 1.6em; margin-left: -2em; margin-right: 0.5em; margin-top: 0; padding-top: 0; background-color: var(--Raspberry); font-weight: bold; } ol.illustration { list-style: none; counter-reset: li; margin-left: 1em; } @media only screen and (max-width: 1279px) { div.illustration-2-col > div:nth-child(1) { width: 33.33333%; margin-left: 0%; } div.illustration-2-col > div:nth-child(2) { margin-left: 0%; width: 1%; } div.illustration-2-col > div:nth-child(3) { width: 33.33333%; margin-left: 0%; } div.left-of-side-nav > div:nth-child(1) { width: 58.333%; margin-left: 0%; } div.left-of-side-nav > div:nth-child(2) { width: 50%; margin-left: 0%; } div.Row-1-10 > div:nth-child(1) { margin-left: 0%; width: 16%; } div.Row-1-10 > div:nth-child(2) { width: 58.333%; margin-left: 8%; } div.home-tiles-3col > div:nth-child(1) { width: 30%; margin-right: 4%; } div.home-tiles-3col > div:nth-child(2) { width: 30%; margin-right: 4%; } div.home-tiles-3col > div:nth-child(3) { width: 30%; } div.body-tiles-3col > div:nth-child(1) { width: 30%; } div.MenuOptions-2col > div:nth-child(1) { margin-left: 0%; width: 350px; } div.MenuOptions-2col > div:nth-child(2) { width: 50%; margin-left: 0%; } div.NewRowClass1 > div:nth-child(1) { width: 66.66667%; margin-left: 0%; } div.NewRowClass1 > div:nth-child(2) { width: 33.33333%; margin-left: 0%; } div.home-tiles-4col > div:nth-child(1) { width: 20%; } div.home-tiles-4col > div:nth-child(2) { width: 20%; } div.home-tiles-4col > div:nth-child(3) { width: 20%; } div.home-tiles-4col > div:nth-child(4) { width: 20%; } div.master-page-2col > div:nth-child(1) { margin-left: 0%; width: 60%; } div.master-page-2col > div:nth-child(2) { width: 225px; } h1 { margin-top: 3px; padding-bottom: 3px; } MadCap|breadcrumbsProxy { margin-bottom: 2px; padding-bottom: 2px; } MadCap|dropDownHead { font-size: 1.2; } div.body-tiles-3col { overflow: auto; width: 100%; } img.home-tiles { height: 50px; } div.master-page-2col { margin-left: 5%; margin-right: 5%; } div.body-tiles-3col > div { } .hide-tablet-mobile-view { display: none; } .hide-web-view { display: block; } object.show-me-video { width: 100%; } a.home-tiles-blue { font-size: 1em; } div.home-tiles-3col > div { } div.home-4-4-4 > div:nth-child(1) { margin-left: 0%; } div.home-4-4-4 > div:nth-child(2) { margin-left: 0%; } div.home-4-4-4 > div:nth-child(3) { margin-left: 0%; } div.home-4-4-4 > div { overflow: hidden; } div.home-4-4-4 { width: 100%; text-align: center; } div.Row-4-4-4 > div:nth-child(2) { } div.Row-4-4-4 > div:nth-child(3) { } div.master-page-2col-noshade > div { vertical-align: right; float: right; box-sizing: content-box; } div.illustration-2col-imageleft > div:nth-child(1) { width: 35%; background: transparent; } div.illustration-2col-imageleft > div:nth-child(2) { margin-left: 5%; width: 45%; } div.illustration-2col-imageright > div:nth-child(1) { width: 45%; } div.illustration-2col-imageright > div:nth-child(2) { width: 35%; background: transparent; } div.home-tiles-rns > div:nth-child(1) { width: 33.33333%; margin-left: 0%; } div.home-tiles-rns > div:nth-child(2) { width: 33.33333%; margin-left: 0%; } div.home-tiles-rns > div:nth-child(3) { width: 33.33333%; margin-left: 0%; } div.illustration-2col-imageright-nopadding > div:nth-child(1) { width: 45%; margin-left: 0%; } div.illustration-2col-imageright-nopadding > div:nth-child(2) { margin-left: 5%; width: 35%; background: transparent; } div.illustration-2col-imageleft > div { } div.illustration-2col-imageright > div { } a.home-tiles-green { font-size: 1em; } MadCap|dropDownHead.illustrate { margin-top: -36px; } MadCap|dropDownHead.illustrate-showme { margin-top: -33px; } } @media only screen and (max-width: 767px) { div.illustration-2-col > div:nth-child(1) { width: 8.3333%; margin-left: 0%; } div.illustration-2-col > div:nth-child(2) { margin-left: 0%; width: 1%; } div.illustration-2-col > div:nth-child(3) { width: 75%; margin-left: 0%; } div.left-of-side-nav > div:nth-child(1) { width: 100%; margin-left: 0%; } div.left-of-side-nav > div:nth-child(2) { width: 100%; margin-left: 0%; } h1 { margin-top: 0; margin-bottom: 0; margin: 0; font-size: 1.5em; padding-bottom: 0; } MadCap|breadcrumbsProxy { padding-bottom: 2px; mc-breadcrumbs-prefix: 'You are here: '; margin-bottom: 0px; } MadCap|dropDownHead { font-size: 1em; margin-top: 0em; } body { margin-top: 3px; font-size: 10pt; line-height: 1.4em; } div.Row-1-10 > div:nth-child(1) { margin-left: 0%; width: 16.3333%; } div.Row-1-10 > div:nth-child(2) { width: 83.333%; margin-left: 8%; } div.center-wide-margins { width: 90%; } div.body-tiles-3col { overflow: auto; width: 100%; } div.table-width-responsive { width: 100%; } div.NewRowClass1 > div:nth-child(1) { width: 100%; margin-left: 0%; } div.NewRowClass1 > div:nth-child(2) { width: 100%; margin-left: 0%; } div.home-tiles-4col > div:nth-child(1) { width: 20%; } div.home-tiles-4col > div:nth-child(2) { width: 20%; } div.home-tiles-4col > div:nth-child(3) { width: 20%; } div.home-tiles-4col > div:nth-child(4) { width: 20%; } div.master-page-2col > div:nth-child(1) { width: 100%; margin-left: 0%; } div.master-page-2col > div:nth-child(2) { margin-top: 10px; width: 50%; margin-left: 20%; margin-right: 20%; } img.home-tiles { height: 40px; } div.home-tiles-3col > div:nth-child(1) { width: 30%; margin-right: 4%; } div.home-tiles-3col > div:nth-child(2) { width: 30%; margin-right: 4%; } div.home-tiles-3col > div:nth-child(3) { width: 30%; } img.height-72px { height: 40px; } div.home-tiles-nofill > div:nth-child(3) { width: 100%; margin-left: 0%; } div.home-tiles-nofill > div:nth-child(2) { width: 100%; margin-left: 0%; } div.master-page-2col { margin-right: 0%; margin-left: 0%; } div.body-tiles-3col > div:nth-child(1) { width: 100%; } div.body-tiles-3col > div:nth-child(2) { margin-left: 0%; width: 100%; } div.body-tiles-3col > div:nth-child(3) { margin-left: 0%; width: 100%; } div.MenuOptions-2col > div:nth-child(1) { width: 100%; margin-left: 0%; border-right: solid 0px var(--Black); margin-right: 0px; } div.MenuOptions-2col > div:nth-child(2) { width: 100%; margin-left: 0%; } .overflow-hidden { overflow: visible; } .overflow-visible { overflow: hidden; mc-hidden: unhidden; } .hide-tablet-mobile-view { display: none; } .hide-web-view { display: block; } div.bottomContentCommunity { max-width: 300px; } object.show-me-video { width: 100%; } div.home-tiles-light-gray-fill /*This is a custom responsive layout CELL style (div class) in your stylesheet.*/ { height: 7em; max-height: 7em; min-height: 7em; } div.home-tiles-light-gray-fill-short /*This is a custom responsive layout CELL style (div class) in your stylesheet.*/ { mc-grid-row: true; margin-left: auto; margin-right: auto; margin-top: 5px; text-align: center; border-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-color: var(--VAS-Old-Blue); border: solid 0px var(--GrayBright); background: var(--GrayBright); height: 8em; horizontal-align: middle; } a.home-tiles-blue { line-height: 12pt; font-size: 1.1em; } div.home-tiles-3col > div { } div.home-4-4-4 > div:nth-child(1) { margin-left: 0%; } div.home-4-4-4 > div:nth-child(2) { margin-left: 0%; } div.home-4-4-4 > div:nth-child(3) { margin-left: 0%; } div.home-4-4-4 > div { overflow: hidden; } div.home-4-4-4 { width: 100%; text-align: center; } p.HomeLinks { margin-top: 0em; padding-left: 20px; padding-right: 20px; } div.Row-4-4-4 > div:nth-child(2) { } div.Row-4-4-4 > div:nth-child(3) { } div.Row-4-4-4 > div:nth-child(1) { } div.master-page-2col-noshade > div { vertical-align: right; float: right; box-sizing: content-box; } div.illustration-2col-imageleft > div:nth-child(1) { width: 75%; margin-top: 0px; margin-left: 5%; background: transparent; padding: 5px; } div.illustration-2col-imageleft > div:nth-child(2) { margin-left: 5%; width: 95%; } div.illustration-2col-imageright > div:nth-child(1) { margin-left: 5%; width: 95%; } div.illustration-2col-imageright > div:nth-child(2) { width: 75%; background: transparent; margin-top: 0px; padding: 5px; } div.home-tiles-rns > div:nth-child(1) { width: 100%; margin-left: 0%; } div.home-tiles-rns > div:nth-child(2) { width: 100%; margin-left: 0%; } div.home-tiles-rns > div:nth-child(3) { width: 100%; margin-left: 0%; } div.illustration-2col-imageright-nopadding > div:nth-child(1) { margin-left: 5%; width: 95%; } div.illustration-2col-imageright-nopadding > div:nth-child(2) { margin-left: 5%; margin-right: 0; width: 75%; background: transparent; } div.illustration-2col-imageleft > div { } div.illustration-2col-imageright > div { } a.home-tiles-green { font-size: .9em; } li { margin-top: 0.2em; } ol { margin: 0px; } ul { margin: 0px; } div.settings { padding-bottom: 16px; } p { margin: 1.0em 0; } span.mcFormatColor { display: none; } div.buttonFooter a { font-size: 0.8em; } div.note { padding-top: 5px; padding-bottom: 8px; margin-top: 10px; } h2 { font-size: 1.2em; } MadCap|dropDownHead.illustrate { margin-top: 0px; padding-top: 9px; } MadCap|dropDownHead.illustrate-showme { margin-top: 0px; padding-top: 14px; } } @media only screen and (max-width: 1279px) { body { font-size: 12pt; line-height: 1.7em; } h1 { font-size: 2.0em; } h2 { font-size: 1.5em; } h4 { font-style: italic; font-size: .9em; } p { font-size: 1em; } p.SpaceBeforeNone { font-size: 1em; } div.ContentRow > div:nth-child(1) { width: 66.66667%; margin-left: 0%; } div.ContentRow > div:nth-child(2) { width: 33.33333%; margin-left: 0%; } div.master-page-2col-noshade > div { vertical-align: right; float: right; box-sizing: content-box; } div.illustration-2col-imageright > div:nth-child(2) { background: transparent; } div.illustration-2col-imageleft > div:nth-child(1) { background: transparent; } MadCap|dropDownHead.illustrate { margin-top: -36px; } MadCap|dropDownHead.illustrate-showme { margin-top: -33px; } } @media only screen and (max-width: 767px) { body { font-size: 10pt; line-height: 1.4em; /*Note from Earl 10/03/2024 -- body was defined twice in this media -- line-height: 1.4em was added to the second body style and it was further down in teh stylesheet so it took precedence over the 1.2em that was defined here -- I deleted it the second body style but wanted to note it here just in case the body line-height should be 1.2em instead of 1.4em*/ margin-top: 3px; } MadCap|xref { color: var(--VAS-Blue); } a:visited { color: ; } h1 { font-size: 1.5em; margin: 0; padding-bottom: 0; } h2 { font-size: 1.2em; } h3 { margin-bottom: 4px; margin-top: 16px; color: var(--VAS-Old-Blue); font-weight: bold; font-family: 'Uni Neue Regular', 'Uni Neue', Arial; font-size: 1.2em; } h4 { font-size: .9em; font-style: italic; } p { font-size: 1em; } p.SpaceBeforeNone { font-size: 1em; } ol { margin: 0px; } ul { margin-bottom: 0em; margin: 0px; } li { margin-top: 0.2em; } MadCap|dropDownHead { font-size: 1em; } div.buttonFooter a { font-size: 0.8em; } div.note { /*Note from Earl 10/03/2024: These parrams were added for div.note but not for the other admonishment styles. I tagged this out to keep them consistent. margin-top: 10px; padding-bottom: 8px; padding-top: 5px;*/ max-width: 99%; line-height: 1.7em; } div.important { max-width: 99%; line-height: 1.7em; } div.tip { max-width: 99%; line-height: 1.7em; } div.settings { padding-bottom: 16px; max-width: 99%; line-height: 1.7em; } div.ContentRow > div:nth-child(1) { width: 100%; margin-left: 0%; } div.ContentRow > div:nth-child(2) { width: 100%; margin-left: 0%; } div.master-page-2col-noshade > div { vertical-align: right; float: right; box-sizing: content-box; } div.illustration-2col-imageright { padding-top: 3px; padding-bottom: 3px; } div.illustration-2col-imageright > div:nth-child(1) { width: 99%; background: transparent; margin-top: 0px; margin-left: 5%; padding: 5px; border-radius: 0px; } div.illustration-2col-imageright > div:nth-child(2) { width: 99%; background: transparent; margin-top: 0px; padding: 5px; } div.illustration-2col-imageleft { padding-top: 3px; padding-bottom: 3px; } div.illustration-2col-imageleft > div:nth-child(1) { width: 99%; /*background: transparent;*/ margin-top: 0px; margin-left: 5%; padding: 5px; background: var(--GrayBright); border-radius: 0px; } div.illustration-2col-imageleft > div:nth-child(2) { width: 99%; /*background: transparent;*/ margin-top: 0px; padding: 5px; background: var(--GrayBright); } span.mcFormatColor { display: none; } MadCap|dropDownHead.illustrate { margin-top: 0x; padding-top: 9px; } MadCap|dropDownHead.illustrate-showme { margin-top: 0px; padding-top: 14px; } } @media RNs { h1 { font-size: 2em; } img.Thumbnail-float-right { } } @media DC305 { ol.illustration { list-style: none; counter-reset: li; margin-left: 1em; } ol.illustration > li::before { counter-increment: li; content: counter(li); display: inline-block; color: var(--White); text-align: center; border-radius: 50%; width: 1.6em; margin-left: -2em; margin-right: 0.5em; margin-top: 0; padding-top: 0; background-color: var(--Raspberry); font-weight: bold; } h1 { color: var(--VAS-Old-Blue); } p.landingPage { color: ; } h3 { color: var(--VAS-Moss-Green); } MadCap|dropDownHead.p-style { color: var(--GrayDark); font-family: 'Open Sans'; font-size: 1em; font-weight: normal; margin-left: 0px; padding-bottom: 6px; padding-top: 6px; } MadCap|dropDownHead.illustrate { margin-top: -36px; } MadCap|dropDownHead.illustrate-showme { margin-top: -33px; } } @media PULSE { ol.illustration { list-style: none; counter-reset: li; margin-left: 1em; } ol.illustration > li::before { counter-increment: li; content: counter(li); display: inline-block; color: var(--White); text-align: center; border-radius: 50%; width: 1.6em; margin-left: -2em; margin-right: 0.5em; margin-top: 0; padding-top: 0; background-color: var(--Raspberry); font-weight: bold; } MadCap|dropDownHead.illustrate { margin-top: -36px; } MadCap|dropDownHead.illustrate-showme { margin-top: -33px; } } @media DC305-NoArtwork { ol.illustration { list-style: square; counter-reset: li; margin-left: -7px; } ol.illustration > li::before { counter-increment: ; content: ; display: inline-block; margin-top: 0; padding-top: 0; color: var(--Black); font-weight: normal; background-color: none; text-align: left; border-radius: 0; margin-left: 0; margin-right: 0; width: 0; } h1 { color: var(--VAS-Old-Blue); } p.landingPage { color: ; } h3 { color: var(--VAS-Moss-Green); } MadCap|dropDownHead.p-style { color: var(--GrayDark); font-family: 'Open Sans'; font-size: 1em; font-weight: normal; margin-left: 0px; padding-bottom: 6px; padding-top: 6px; } MadCap|dropDownHead.illustrate { margin-top: 0px; } MadCap|dropDownHead.illustrate-showme { margin-top: 0px; } } @media PULSE-NoArtwork { ol.illustration { list-style: square; counter-reset: li; margin-left: -7px; } ol.illustration > li::before { counter-increment: ; content: ; display: none; margin-top: 0; padding-top: 0; color: var(--Black); font-weight: normal; background-color: none; text-align: left; border-radius: 0; margin-left: 0; margin-right: 0; width: 0; } MadCap|dropDownHead.illustrate { margin-top: 0px; } MadCap|dropDownHead.illustrate-showme { margin-top: 0px; } } @media APIs { h1 /*APIs*/ { mc-hyphenate: never; padding-bottom: 0px; margin-top: 0px; color: var(--GrayDark); font-family: 'Uni Neue Regular', 'Uni Neue', Open Sans; font-size: 1.85em; font-weight: normal; } } p.landingPage { font-family: 'Uni Neue Regular', 'Uni Neue', Arial; font-size: 2.25em; font-weight: bold; color: var(--VAS-Warm-Gray); margin-top: 10px; margin-bottom: 10px; text-align: center; line-height: normal; mc-hidden: hidden; } .MossGreen { color: var(--VAS-Moss-Green); } .SpaceExtraBeforeAfter { padding-bottom: .75em; padding-top: .75em; } p.RN-subhead { color: var(--VAS-Moss-Green); margin: 0; font-family: Open Sans, Arial; margin-top: -6px; margin-bottom: .25em; } p.Image { margin-top: 0.5em; } MadCap|GlossaryTerm { color: var(--VAS-Old-Blue); font-weight: normal; mc-hidden: hidden; } MadCap|GlossaryTerm:hover { color: var(--VAS-Olive); font-weight: normal; mc-hidden: hidden; } span.inline-subhead-lvl1 { color: var(--VAS-Old-Blue); font-weight: bold; } span.inline-subhead-lvl2 { color: var(--VAS-Moss-Green); font-weight: bold; } span.ReleaseNotesSubhead-lvl1 { padding-right: 3px; padding-bottom: 1px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; padding-left: 0px; color: var(--GreenOliveDark); font-weight: bold; mc-hidden: hidden; } span.ReleaseNotesSubhead-lvl2 { color: var(--VAS-Moss-Green); font-weight: bold; mc-hidden: hidden; } span.pill { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; border-radius: 15px; font-size: .8em; font-weight: bold; text-transform: uppercase; white-space: nowrap; mc-hidden: hidden; } span.pill-no-text-transform { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; border-radius: 15px; font-size: .8em; font-weight: bold; white-space: nowrap; mc-hidden: hidden; } span.allcaps { text-transform: uppercase; } span.inline-highlight { padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 3px; font-size: .8em; font-weight: bold; white-space: nowrap; mc-hidden: hidden; } span.black-bkgd { background-color: var(--Black); mc-hidden: hidden; } span.black-font { color: var(--Black); mc-hidden: hidden; } span.bluebright-bkgd { background-color: var(--BlueBright); mc-hidden: hidden; } span.bluedark-bkgd { background-color: var(--BlueDark); mc-hidden: hidden; } span.blueroyal-bkgd { background-color: var(--BlueRoyal); mc-hidden: hidden; } span.bluesky-bkgd { background-color: var(--BlueSky); mc-hidden: hidden; } span.blueskydark-bkgd { background-color: var(--BlueSkyDark); mc-hidden: hidden; } span.brand1-bkgd { background-color: var(--Brand1); mc-hidden: hidden; } span.brand2-bkgd { background-color: var(--Brand2); mc-hidden: hidden; } span.cyan-bkgd { background-color: var(--Cyan); mc-hidden: hidden; } span.graybright-bkgd { background-color: var(--GrayBright); mc-hidden: hidden; } span.graybright3-bkgd { background-color: var(--GrayBright3); mc-hidden: hidden; } span.graybright4-bkgd { background-color: var(--GrayBright4); mc-hidden: hidden; } span.graybright5-bkgd { background-color: var(--GrayBright5); mc-hidden: hidden; } span.graydark-bkgd { background-color: var(--GrayDark); mc-hidden: hidden; } span.graylight-bkgd { background-color: var(--GrayLight); mc-hidden: hidden; } span.graymedium-bkgd { background-color: var(--GrayMedium); mc-hidden: hidden; } span.green-bkgd { background-color: var(--Green); mc-hidden: hidden; } span.green-font { color: var(--Green); mc-hidden: hidden; } span.greendark-bkgd { background-color: var(--GreenDark); mc-hidden: hidden; } span.greenlime-bkgd { background-color: var(--GreenLime); mc-hidden: hidden; } span.greenmint-bkgd { background-color: var(--GreenMint); mc-hidden: hidden; } span.greenolive-bkgd { background-color: var(--GreenOlive); mc-hidden: hidden; } span.greenolivedark-bkgd { background-color: var(--GreenOliveDark); mc-hidden: hidden; } span.greenpale-bkgd { background-color: var(--GreenPale); mc-hidden: hidden; } span.greenpale2-bkgd { background-color: var(--GreenPale2); mc-hidden: hidden; } span.orange-bkgd { background-color: var(--Orange); mc-hidden: hidden; } span.orange-font { color: var(--Orange); mc-hidden: hidden; } span.orange2-bkgd { background-color: var(--Orange2); mc-hidden: hidden; } span.orangepale-bkgd { background-color: var(--OrangePale); mc-hidden: hidden; } span.pink-bkgd { background-color: var(--Pink); mc-hidden: hidden; } span.pinkpale-bkgd { background-color: var(--PinkPale); mc-hidden: hidden; } span.pinkpale-font { color: var(--PinkPale); mc-hidden: hidden; } span.pinkpale2-bkgd { background-color: var(--PinkPale2); mc-hidden: hidden; } span.pinkpale2-font { color: var(--PinkPale2); mc-hidden: hidden; } span.plum-bkgd { background-color: var(--Plum); mc-hidden: hidden; } span.purple-bkgd { background-color: var(--Purple); mc-hidden: hidden; } span.purpledark-bkgd { background-color: var(--PurpleDark); mc-hidden: hidden; } span.raspberry-bkgd { background-color: var(--Raspberry); mc-hidden: hidden; } span.red-bkgd { background-color: var(--Red); mc-hidden: hidden; } span.red-font { color: var(--Red); mc-hidden: hidden; } span.reddark-bkgd { background-color: var(--RedDark); mc-hidden: hidden; } span.reddark-font { color: var(--RedDark); mc-hidden: hidden; } span.redlight-bkgd { background-color: var(--RedLight); mc-hidden: hidden; } span.vasblue-bkgd { background-color: var(--VAS-Blue); mc-hidden: hidden; } span.vasfreshblue-bkgd { background-color: var(--VAS-Fresh-Blue); mc-hidden: hidden; } span.vasfreshblue-font { color: var(--VAS-Fresh-Blue); mc-hidden: hidden; } span.vasgreenyellow-bkgd { background-color: var(--VAS-Green-Yellow); mc-hidden: hidden; } span.vasgreenyellow-font { color: var(--VAS-Green-Yellow); mc-hidden: hidden; } span.vasoldblue-bkgd { background-color: var(--VAS-Old-Blue); mc-hidden: hidden; } span.vasoldblue-font { color: var(--VAS-Old-Blue); mc-hidden: hidden; } span.vasmossgreen-bkgd { background-color: var(--VAS-Moss-Green); mc-hidden: hidden; } span.vasolive-bkgd { background-color: var(--VAS-Olive); mc-hidden: hidden; } span.vaswarmgray-bkgd { background-color: var(--VAS-Warm-Gray); mc-hidden: hidden; } span.vaswarmyellow-bkgd { background-color: var(--VAS-Warm-Yellow); mc-hidden: hidden; } span.vaswarmyellow-font { color: var(--VAS-Warm-Yellow); mc-hidden: hidden; } span.white-font { color: var(--White); mc-hidden: hidden; } span.yellow-bkgd { background-color: var(--Yellow); mc-hidden: hidden; } span.yellowdark-bkgd { background-color: var(--YellowDark); mc-hidden: hidden; } span.yellowdark-font { color: var(--YellowDark); mc-hidden: hidden; } span.yellowpale-bkgd { background-color: var(--YellowPale); mc-hidden: hidden; } span.yellowpale-font { color: var(--YellowPale); mc-hidden: hidden; } /* "Inherited" styles added so that they can be hidden from the styles pane in Flare */ abbr { mc-hidden: hidden; } acronym { mc-hidden: hidden; } address { mc-hidden: hidden; } area { mc-hidden: hidden; } article { mc-hidden: hidden; } aside { mc-hidden: hidden; } b { mc-hidden: hidden; } big { mc-hidden: hidden; } blockquote { mc-hidden: hidden; } br { mc-hidden: hidden; } canvas { mc-hidden: hidden; } caption { mc-hidden: hidden; } center { mc-hidden: hidden; } cite { mc-hidden: hidden; } code { mc-hidden: hidden; } col { mc-hidden: hidden; } colgroup { mc-hidden: hidden; } datalist { mc-hidden: hidden; } dd { mc-hidden: hidden; } del { mc-hidden: hidden; } dir { mc-hidden: hidden; } dl { mc-hidden: hidden; } dt { mc-hidden: hidden; } em { mc-hidden: hidden; } fieldset { mc-hidden: hidden; } figcaption { mc-hidden: hidden; } figure { mc-hidden: hidden; } footer { mc-hidden: hidden; } form { mc-hidden: hidden; } frame { mc-hidden: hidden; } frameset { mc-hidden: hidden; } head { mc-hidden: hidden; } header { mc-hidden: hidden; } hr { mc-hidden: hidden; } html.concept { mc-hidden: hidden; } html.reference { mc-hidden: hidden; } html.task { mc-hidden: hidden; } html.topic { mc-hidden: hidden; } i { mc-hidden: hidden; } iframe { mc-hidden: hidden; } input { mc-hidden: hidden; } ins { mc-hidden: hidden; } kbd { mc-hidden: hidden; } label { mc-hidden: hidden; } legend { mc-hidden: hidden; } /* MadCap|relationshipsHeading { mc-hidden: hidden; } MadCap|helpControlMenuItem { mc-hidden: hidden; } MadCap|slideThumbnail { mc-hidden: hidden; } */ map { mc-hidden: hidden; } menu { mc-hidden: hidden; } noframes { mc-hidden: hidden; } optgroup { mc-hidden: hidden; } option { mc-hidden: hidden; } pre { mc-hidden: hidden; } q { mc-hidden: hidden; } s { mc-hidden: hidden; } samp { mc-hidden: hidden; } script { mc-hidden: hidden; } select { mc-hidden: hidden; } small { mc-hidden: hidden; } /*span hiding this hides all span tags in Flare { mc-hidden: hidden; }*/ span.boolean { mc-hidden: hidden; } span.state { mc-hidden: hidden; } strike { mc-hidden: hidden; } strong { mc-hidden: hidden; } style { mc-hidden: hidden; } sub { mc-hidden: hidden; } sup { mc-hidden: hidden; } table { mc-hidden: hidden; } tbody { mc-hidden: hidden; } textarea { mc-hidden: hidden; } tfoot { mc-hidden: hidden; } thead { mc-hidden: hidden; } u { mc-hidden: hidden; } var { mc-hidden: hidden; } .lower-case { text-transform: lowercase; } div.settings { background-image: url('../Images/master/VAS-Defaults/settings.png'); padding-bottom: 16px; padding-top: 10px; }