/*<meta />*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');

@import url('./fonts.css');

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

:root
{
	--Black: #000000;
	--BlueBright: #0000ff;
	--BlueDark: #445879;
	--BlueRoyal: #225ea8;
	--BlueSky: #9cd4eb;
	/* Used in a.Community background/button and the side nav bar hover -- we could change this to use VAS-Fresh-Blue? */
	--BlueSkyDark: #00a1e6;
	--BlueSkyDark2: #4990e2;
	--Brand1: #004c75;
	/* Changed references to VAS-Old-Blue -- only referenced in masterVAS-styles.css */
	--Brand2: #67864e;
	/*This is not used in either stylesheet */
	--Cyan: #00ffff;
	--CyanDark: #40b7c4;
	--GrayBright: #edf0f1;
	/* Used in dropDown.gray-bkgrnd (Related Topics), div.master-page-2col, div.home-tiles-border */
	--GrayBright3: #f2f2f2;
	--GrayBright4: #f7f7f7;
	/* Used in div.home-tiles backgrounds along with GrayBright borders in VASdocs */
	--GrayBright5: #f5f5f5;
	/* Used in HomePage master page footer text color */
	--GrayDark: #4b4a40;
	/* This is the text color set in the body parent style */
	--GrayLight: #d4d4d4;
	/* Used in Community borders in both stylesheets */
	--GrayMedium: #b9bec1;
	--Green: #008000;
	--GreenDark: #117733;
	--GreenLime: #5fb96a;
	/* 5eb868 is the actual color in the Equipment Status image */
	--GreenMint: #44aa99;
	--GreenOlive: #999933;
	--GreenOliveDark: #5e6914;
	--GreenPale: #c7d99d;
	--GreenPale2: #c3c9ad;
	--Orange: #ff8c00;
	--Orange2: #ff6600;
	--OrangePale: #f2aa5f;
	--Pink: #cc6677;
	--PinkPale: #ffdead;
	--PinkPale2: #ffedea;
	--Plum: #ab449a;
	--Purple: #ba55d3;
	--PurpleDark: #322287;
	--Raspberry: #882255;
	--Red: #ff0000;
	--RedDark: #cc3333;
	--RedLight: #f3b7ad;
	--VAS-Blue: #0077c0;
	--VAS-Fresh-Blue: #00a1e4;
	--VAS-Green-Yellow: #d7df23;
	--VAS-Moss-Green: #67864e;
	--VAS-Old-Blue: #004c75;
	--VAS-Olive: #9aba4d;
	--VAS-Warm-Gray: #81806f;
	--VAS-Warm-Yellow: #ffc20e;
	--WarmYellowDark: #d99a32;
	--White: #ffffff;
	--Yellow: #ffff00;
	/* Used in search highlight and the show-review styles - I think we could replace this with VAS-Green-Yellow */
	--YellowPale: #ffefd4;
	--YellowDark: #b78900;
}

body
{
	color: var(--GrayDark);
	font-family: Uni Neue, Veranda, Open Sans;
	line-height: 1.7em;
}

a.MCBreadcrumbsLink	/* This style controls the hyperlinks in the MadCap|breadcrumbsProxy */
{
	text-decoration: underline;
}

/*a.MCBreadcrumbsLink:visited /* This style does not seem to affect breadcrumb links as they does not change color once visited (could be overridden?)
{
	color: var(--Red);
}*/

a.MCBreadcrumbsLink:hover	/* This style controls the mouseover of hyperlinks in the MadCap|breadcrumbsProxy */
{
	color: var(--VAS-Olive);
}

a.MiniTOC1:hover	/* hover color of miniTOC level 1 hyperlinks */
{
	color: var(--VAS-Olive);
}

a.MiniTOC2:hover	/* hover color of miniTOC level 2 hyperlinks */
{
	color: var(--VAS-Olive);
}

a.MiniTOC3:hover	/* hover color of miniTOC level 3 hyperlinks */
{
	color: var(--VAS-Olive);
}

a.miniTOC	/* I don't think these a.miniTOC styles work, or maybe they are being overridden -- they are not in VASdocs*/
{
	text-decoration: none;
	color: var(--GrayDark);
}

a.miniTOC:visited
{
	
}

a.miniTOC:hover
{
	
}

MadCap|breadcrumbsProxy	/*This style controls the overall look of the breadcrumbs -- div.MCBreadcrumbsBox_0 and a.MCBreadcrumbsLink also affect the breadcrumbs */
{
	color: var(--GrayDark);
	font-family: 'Open Sans';
	font-size: .7em;
	border-bottom: none;
	line-height: normal;
	mc-breadcrumbs-prefix: ' You are here: ';
	mc-breadcrumbs-count: 5;
}

div.MCBreadcrumbsBox_0	/*This style controls the font size in the MadCap|breadcrumbsProxy */
{
	font-size: 0.8em;
	mc-hidden: hidden;
}

/* Backmatter */

div.GlossaryPageDefinition
{
	font-size: 10pt;
}

div.GlossaryPageHeading
{
	font-size: 21pt;
	font-weight: normal;
	margin-bottom: 15px;
	margin-top: 15px;
	border-bottom-color: var(--GrayMedium);
	border-bottom-style: solid;
	border-bottom-width: 1px;
	text-align: left;
	color: inherit;
	padding-left: 10px;
	padding-bottom: 20px;
	padding-top: 20px;
	padding-right: 10px;
	background-image: url('../Images/master/Flare-Defaults/Backmatter-Heading-Background.png');
	background-repeat: no-repeat;
}

div.GlossaryPageTerm
{
	font-size: 12pt;
	font-weight: bold;
	padding-bottom: 10px;
	padding-top: 10px;
}

MadCap|glossaryProxy
{
	border-top: none;
}

MadCap|indexProxy
{
	border-top: none;
}

p.Index1
{
	font-size: 10pt;
	font-weight: bold;
}

p.Index2
{
	font-size: 10pt;
	font-weight: normal;
}

p.IndexHeading
{
	font-size: 21pt;
	font-weight: normal;
	margin-bottom: 15px;
	margin-top: 15px;
	border-bottom-color: var(--GrayMedium);
	border-bottom-style: solid;
	border-bottom-width: 1px;
	text-align: left;
	color: inherit;
	padding-left: 10px;
	padding-bottom: 20px;
	padding-top: 12px;
	padding-right: 10px;
	background-image: url('../Images/master/Flare-Defaults/Backmatter-Heading-Background.png');
	background-repeat: no-repeat;
}

.MCPopupContainer,
img.MCPopupThumbnail.img
{
	box-shadow: 0 1px 5px rgba(0,0,0,.5);
	/*rgba colors specify opacity */
	border: 0 none;
}

/* Content */

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

img.float-left
{
	float: left;
	padding-right: 8px;
}

img.Thumbnail
{
	mc-thumbnail: popup;
	mc-thumbnail-max-height: 75px;
	margin-left: 3px;
}

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

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

img.Thumbnail-Medium
{
	mc-thumbnail: popup;
	mc-thumbnail-max-height: 150px;
	margin-left: 3px;
}

img.Thumbnail-Medium-RightPadding
{
	mc-thumbnail: popup;
	mc-thumbnail-max-height: 150px;
	margin-right: 20px;
}

img.Thumbnail-Large
{
	mc-thumbnail: popup;
	mc-thumbnail-max-height: 250px;
}

img.Thumbnail-Large-RightPadding
{
	mc-thumbnail: popup;
	mc-thumbnail-max-height: 250px;
	margin-right: 20px;
}

img.Thumbnail-RightPadding
{
	mc-thumbnail: popup;
	mc-thumbnail-max-height: 75px;
	margin-right: 20px;
}

p	/*Leave the color attribute here. If it is removed, the Community text will turn blue blue, so something is specified somewhere else that the color in this <p> 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.table-text
{
	text-align: left;
	font-size: 1em;
}

div.note
{
	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-right: 8px;
	mc-auto-number-format: '{b}{color #00a1e4}NOTE: {/color}{/b}';
	margin-bottom: 10px;
	background-image: url('../Images/master/VAS-Defaults/note.png');
	padding-bottom: 16px;
}

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%;
	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 #ff8c00}IMPORTANT: {/color}{/b}';
	margin-bottom: 10px;
	padding-bottom: 16px;
	background-image: url('../Images/master/VAS-Defaults/important.png');
	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-right: 8px;
	mc-auto-number-format: '{b}{color #004c75}SETTINGS: {/color}{/b}';
	margin-bottom: 10px;
	background-image: url('../Images/master/VAS-Defaults/settings.png');
	padding-bottom: 16px;
	padding-top: 10px;
}

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 */
	margin-bottom: 10px;
	/* not in API-docs - added to match note.div */
	background-image: url('../Images/master/VAS-Defaults/tip.png');
	padding-bottom: 16px;
}

/* Frontmatter */

hr.title-page
{
	border: solid 0px transparent;
	background-color: var(--GrayLight);
	height: 1px;
	width: 100%;
	margin-bottom: 30px;
	margin-top: 370px;
	mc-hidden: hidden;
}

MadCap|tocProxy
{
	border-top: none;
	margin-right: 0.25in;
}

p.SpaceBeforeNone
{
	font-size: 1em;
	margin-top: 0;
}

p.title
{
	line-height: 65pt;
	mc-hyphenate: never;
	font-size: 2em;
	padding-bottom: 0px;
	margin-top: 0px;
	font-family: 'Uni Neue Regular', 'Uni Neue', Arial;
	mc-hidden: hidden;
}

p.title-page-footer
{
	color: var(--GrayDark);
	font-size: 9pt;
	frame-break-before: always;
	line-height: 15pt;
	margin-top: 10px;
	mc-hidden: hidden;
}

/* Generic classes */

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

/* Headings */

h1
{
	font-weight: bold;
	margin-top: 0;
	color: var(--VAS-Old-Blue);
	font-family: 'Uni Neue Regular', 'Uni Neue', Arial;
	font-size: 2em;
}

h2
{
	font-weight: bold;
	page-break-before: always;
	margin: 1em;
	margin-left: 0;
	margin-bottom: 0em;
	margin-top: 1em;
	font-family: 'Uni Neue Regular', 'Uni Neue', Arial;
	font-size: 1.3em;
	padding-bottom: 6px;
	color: var(--VAS-Old-Blue);
}

h3
{
	font-weight: bold;
	font-family: 'Uni Neue Regular', 'Uni Neue', Arial;
	font-size: 1.2em;
	margin: 0;
	padding-bottom: 6px;
	margin-top: 1em;
	color: var(--VAS-Old-Blue);
}

h4
{
	font-weight: bold;
	font-family: 'Uni Neue Regular', 'Uni Neue', Arial;
	font-size: 1em;
}

h5
{
	font-weight: bold;
	font-size: 10.0pt;
}

h6
{
	font-weight: bold;
	font-size: 8.0pt;
}

/* Home page topic */

.nav-search	/*Does not display search in Top Navigation for desktop*/
{
	display: block;
}

div.accent
{
	background-color: transparent;
}

div.home-layout
{
	padding: 0% 20% 2%;
	padding-bottom: 0px;
}

div.home-section
{
	padding: 5%;
	border-bottom: solid 1px var(--GrayLight);
	padding-top: 0;
}

div.home-section:last-of-type
{
	border-bottom: none;
}

div.home-tiles	/*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: 20px;
}

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

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

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

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

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

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

div.quick-links	/*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.quick-links::before
{
	content: ' ';
	display: table;
}

div.quick-links::after
{
	content: ' ';
	display: table;
	clear: both;
}

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

div.quick-links > div:nth-child(1)
{
	width: 16.66666%;
	margin-left: 2%;
}

div.quick-links > div:nth-child(2)
{
	width: 16.66666%;
	margin-left: 3%;
}

div.quick-links > div:nth-child(3)
{
	width: 16.66666%;
	margin-left: 3%;
}

div.quick-links > div:nth-child(4)
{
	width: 16.66666%;
	margin-left: 3%;
}

div.quick-links > div:nth-child(5)
{
	width: 16.66666%;
	margin-left: 3%;
}

div.quick-links *	/*Text-align center set to all elements within div.quick-links*/
{
	text-align: center;
}

div.topic-hero
{
	padding: 8% 0;
	background-size: cover;
	background-attachment: scroll;
}

div.topic-hero h1
{
	color: var(--White);
	font-size: 48pt;
	text-align: center;
}

html.home-topic	/*Used on Home.htm topic for styles set only on the home topic*/
{
	
}

html.home-topic .main-section > .outer-row	/*Overrides padding set in the skin*/
{
	max-width: 100%;
	padding: 0;
}

img.home-tile
{
	padding-top: 20px;
	width: 96px;
}

/* Links */

a
{
	
}

a:link
{
	color: var(--VAS-Old-Blue);
}

a:visited
{
	color: var(--GrayDark);
}

a:hover	/* Hover color of hyperlinks */
{
	color: var(--VAS-Olive);
}

div.buttonFooter a:hover
{
	background-color: var(--VAS-Blue);
	color: var(--White);
	/* The a.WhiteFont hover used color: var(--VAS-Warm-Yellow), but this hover overwrote it */
}

a.home-tiles
{
	text-decoration: none;
	color: var(--VAS-Old-Blue);
	font-family: 'Uni Neue Regular', 'Uni Neue', Arial;
	font-size: 1.3em;
	font-weight: normal;
}

MadCap|dropDown
{
	margin-bottom: 6px;
	mc-open-image: url('../Images/master/Flare-Defaults/DropDownOpen.png');
	mc-closed-image: url('../Images/master/Flare-Defaults/DropDownClosed.png');
	margin-top: 0.5em;
}

MadCap|dropDownHead
{
	text-indent: -16px;
	white-space: normal;
	padding-left: 20px;
	line-height: normal;
	font-weight: normal;
	color: var(--VAS-Old-Blue);
	font-family: 'Uni Neue Regular', 'Uni Neue', Arial;
	font-size: 1.3em;
	margin-bottom: 0em;
	margin-top: 0em;
}

MadCap|dropDownHotspot
{
	cursor: hand;
	border-bottom: none;
}

MadCap|dropDownHotspot:hover	/* Hover color of drop-down hotspots */
{
	color: var(--VAS-Olive);
}

MadCap|dropDownHead.Pre-req	/* Use specifically for Permissions, Required Setup, etc. drop-downs at the top of topics*/
{
	font-weight: normal;
	margin-top: 0.25em;
	font-size: 1.1em;
}

MadCap|dropDownHead.ShowMe
{
	font-weight: normal;
	margin-top: 0.25em;
	font-size: 1.1em;
}

MadCap|dropDownHead.ShowMe-1em
{
	font-weight: normal;
	margin-top: 0.25em;
	font-size: 1em;
}

MadCap|dropDownHead.p-style
{
	color: var(--GrayDark);
	font-family: Open Sans, Arial;
	font-size: 1em;
	font-weight: normal;
	margin-left: 0px;
	padding-bottom: 6px;
	padding-top: 6px;
	line-height: 1em;
}

MadCap|dropDownHotspot.p-style
{
	color: var(--GrayDark);
}

MadCap|dropDownHotspot.p-style:hover	/* Hover color of dropDownHotspot.p-style hotspots */
{
	color: var(--VAS-Olive);
}

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: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
}

MadCap|dropDownBody
{
	margin: 0px;
	margin-top: -.2em;
	margin-left: 20px;
	margin-bottom: 1em;
	border-bottom: solid 1px var(--VAS-Green-Yellow);
	padding-bottom: 10px;
}

MadCap|expandingBody
{
	color: var(--GrayDark);
	font-style: italic;
}

MadCap|expandingHead
{
	font-style: italic;
	font-weight: normal;
	cursor: hand;
	text-decoration: none;
	color: var(--VAS-Old-Blue);
}

MadCap|xref
{
	mc-format: '{para}';
	text-decoration: underline;
	font-weight: normal;
	mc-popup-height: 33%;
	mc-popup-width: 33%;
	color: var(--VAS-Old-Blue);
}

MadCap|xref:hover	/* Hover color of cross references */
{
	color: var(--VAS-Olive);
}

/* Lists */

li
{
	margin-top: 0.5em;
	font-family: 'Open Sans';
}

li p
{
	margin-bottom: 8px;
	margin-top: 8px;
}

li.BlueNumBkgrnd
{
	list-style-type: decimal;
}

ol,
ul
{
	letter-spacing: .25;
	line-height: 20pt;
}

/* Master pages */

div.home-footer
{
	padding: 2% 5%;
	background-color: var(--VAS-Old-Blue);
}

div.side-content	/*Used on OtherTopics.flmsp for the search-bar and menu*/
{
	width: 33.33%;
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
	color: var(--VAS-Old-Blue);
	font-family: Corbel;
	font-size: 1em;
	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;
}

div.topic-layout
{
	padding-top: 4%;
}

p.footer
{
	text-align: center;
}

/* Page layout */

p.frame-footer-page-number
{
	color: var(--GrayMedium);
	font-size: 11pt;
	font-weight: bold;
	text-align: right;
}

p.frame-footer-text
{
	color: var(--GrayMedium);
	font-size: 11pt;
	font-weight: bold;
	text-transform: uppercase;
}

/* Master page */

div.home-footer
{
	background-color: var(--VAS-Old-Blue);
	padding: 2% 5%;
}

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);
	width: 100%;
}

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

div.home-tiles-vas	/*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: 0px;
	margin: 0;
	margin-top: .5em;
}

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

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

div.home-tiles-vas > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

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

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

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

div.home-tiles-vas > div:nth-child(4)
{
	margin-left: 0%;
	width: 15%;
}

p.MiniTOC1	/*This controls the first level of bullets inside the MiniTOC Proxy (in DC305 only)*/
{
	margin-bottom: 6px;
	display: list-item;
	list-style-type: disc;
	color: var(--VAS-Old-Blue);
	margin-bottom: 0px;
	margin-top: 0em;
}

p.MiniTOC1:visited
{
	margin-bottom: 6px;
	color: var(--VAS-Old-Blue);
}

p.MiniTOC1:hover	/*I'm not sure these p.MiniTOC hovers work*/
{
	background: var(--BlueSky);
	font-weight: bolder;
	color: var(--VAS-Olive);
}

p.MiniTOC2	/*This controls the second level of bullets inside the MiniTOC Proxy (in DC305 only)*/
{
	list-style-type: none;
	margin-right: 10px;
	mc-leader-offset: 20px;
	padding-left: 20px;
	color: var(--VAS-Old-Blue);
	padding-top: 0px;
	margin-top: 0em;
}

p.MiniTOC2:hover	/*I'm not sure these p.MiniTOC hovers work*/
{
	font-weight: bold;
	background: var(--BlueSky);
}

p.MiniTOC2:visited
{
	
}

p.MiniTOC3	/*This controls the third level of bullets inside the MiniTOC Proxy (in DC305 only)*/
{
	padding-left: 40px;
	color: var(--GrayDark);
	margin-top: 0px;
}

p.MiniTOC3:hover	/*I'm not sure these p.MiniTOC hovers work*/
{
	font-weight: bold;
	background: var(--BlueSky);
}

p.MiniTOC3:visited
{
	
}

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;
	margin-bottom: 15px;
	padding-left: 10%;
	padding-right: 10%;
}

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

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

div.home-tiles-3col > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

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

div.home-tiles-3col > div:nth-child(2)
{
	margin-left: 0%;
	width: 25%;
	margin-right: 5%;
}

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

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;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

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

div.responsive-1col > div:nth-child(2)
{
	width: 33.33333%;
	margin-left: 0%;
}

div.responsive-1col > div:nth-child(3)
{
	width: 33.33333%;
	margin-left: 0%;
}

ol
{
	list-style-image: none;
	margin-left: 3px;
	list-style-position: outside;
	margin: 0em;
	margin-top: 0.25em;
	padding-left: 25px;
	margin-bottom: 0em;
}

ol ol
{
	list-style-type: lower-alpha;
}

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

MadCap|dropDownHead.illustrate-showme
{
	margin-top: 0;
	font-size: 1em;
	margin-top: 0.2em;
	font-family: Open Sans, Arial;
}

ul
{
	font-size: 1em;
	list-style-type: square;
	list-style-position: outside;
	padding-left: 20px;
	margin-bottom: 1em;
	margin-top: 0.25em;
	margin: 0em;
}

div	/* do not hide this */
{
	
}

div.illustrate-left-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.illustrate-left-2col::before
{
	content: ' ';
	display: table;
}

div.illustrate-left-2col::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.illustrate-left-2col > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

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

div.illustrate-left-2col > div:nth-child(2)
{
	width: 60%;
	margin-left: 5%;
}

MadCap|miniTocProxy
{
	overflow: hidden;
	color: var(--GrayDark);
}

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

div.footer-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.footer-2col::before
{
	content: ' ';
	display: table;
}

div.footer-2col::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.footer-2col > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

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

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

div.footer-2col > div:nth-child(3)
{
	width: 33.33333%;
	margin-left: 0%;
}

div.illustrate-right-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.illustrate-right-2col::before
{
	content: ' ';
	display: table;
}

div.illustrate-right-2col::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.illustrate-right-2col > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.illustrate-right-2col > div:nth-child(1)
{
	width: 50%;
	margin-left: 0%;
}

div.illustrate-right-2col > div:nth-child(2)
{
	width: 41.667%;
	margin-left: 5%;
}

tt
{
	font-size: 13pt;
}

div.illustrated-list	/*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.illustrated-list::before
{
	content: ' ';
	display: table;
}

div.illustrated-list::after
{
	content: ' ';
	display: table;
	clear: both;
}

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

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

div.illustrated-list > div:nth-child(2)
{
	width: 60%;
	margin-left: 12px;
}

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

div.image-list::before
{
	content: ' ';
	display: table;
}

div.image-list::after
{
	content: ' ';
	display: table;
	clear: both;
}

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

div.image-list > div:nth-child(1)
{
	margin-left: 0%;
	width: 80px;
}

div.image-list > div:nth-child(2)
{
	margin-left: 20px;
	padding-top: 12px;
	width: 80%;
}

ul ul
{
	list-style-type: disc;
}

span.SearchHighlight1
{
	background: var(--VAS-Green-Yellow);
}

span.SearchHighlight2
{
	background: var(--VAS-Fresh-Blue);
}

MadCap|glossaryTerm
{
	mc-closed-image: url('../Images/master/Flare-Defaults/DropDownClosedSecondLevel.png');
	mc-open-image: url('../Images/master/Flare-Defaults/DropDownOpenSecondLevel.png');
}

div.RNs-responsive	/*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.RNs-responsive::before
{
	content: ' ';
	display: table;
}

div.RNs-responsive::after
{
	content: ' ';
	display: table;
	clear: both;
}

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

div.RNs-responsive > div:nth-child(1)
{
	margin-left: 0%;
	width: 80px;
}

div.RNs-responsive > div:nth-child(2)
{
	margin-left: 20px;
	width: 80%;
}

img.topic-tile
{
	width: 70px;
}

div.home-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-4col::before
{
	content: ' ';
	display: table;
}

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

div.home-4col > div
{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

div.home-4col > div:nth-child(1)
{
	width: 20%;
	margin-left: 5%;
}

div.home-4col > div:nth-child(2)
{
	width: 20%;
	margin-left: 3%;
}

div.home-4col > div:nth-child(3)
{
	width: 20%;
	margin-left: 3%;
}

div.home-4col > div:nth-child(4)
{
	width: 20%;
	margin-left: 3%;
	margin-right: 5%;
}

div.topic-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-left: auto;
	margin-right: auto;
}

div.topic-tiles-3col::before
{
	content: ' ';
	display: table;
}

div.topic-tiles-3col::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.topic-tiles-3col > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.topic-tiles-3col > div:nth-child(1)
{
	margin-left: 0%;
	text-align: center;
	width: 30%;
	max-width: 12em;
}

div.topic-tiles-3col > div:nth-child(2)
{
	margin-left: 5%;
	text-align: center;
	width: 30%;
	max-width: 12em;
}

div.topic-tiles-3col > div:nth-child(3)
{
	margin-left: 5%;
	text-align: center;
	width: 30%;
	max-width: 12em;
}

div.topic-tile
{
	width: 12em;
}

.hide-tablet-mobile-view
{
	display: block;
}

.hide-web-view
{
	display: none;
}

th
{
	font-weight: bold;
	text-align: left;
	mc-hidden: hidden;
}

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

.SpaceAfterNone
{
	margin-bottom: 0em;
	padding-bottom: 0em;
}

.SpaceAfterHalf
{
	margin-bottom: .5em;
}

img.reduce-size-half	/*Reduces an image to half of the frame width. */
{
	border: none;
	width: 50%;
	height: auto;
}

div.VASfooter
{
	text-align: center;
	padding-bottom: 10px;
	color: var(--White);
	background: var(--VAS-Old-Blue);
	padding-top: 10px;
	margin-top: 30px;
}

img.float-right
{
	padding-right: 8px;
	float: right;
}

hr.center-half
{
	border: solid 0px transparent;
	width: 50%;
	background-color: var(--GrayBright);
	height: 5px;
	margin-bottom: 10;
	margin-top: 10;
}

div#vas-home-canvas
{
	
}

img.inline
{
	border: none;
	max-width: 100%;
	padding-left: 4px;
	padding-right: 4px;
	vertical-align: middle;
}

a.light-font
{
	text-decoration: none;
	color: var(--White);
}

div.home-tile-border
{
	border: solid 1px var(--VAS-Moss-Green);
	border-radius: 3px;
	text-align: center;
	margin: 0px;
	margin-bottom: 6px;
	height: 12.5em;
	padding-left: 3px;
	padding-right: 3px;
	width: 30%;
}

div.holstein-background
{
	background-image: url('../Images/master/backgrounds/background-holstein-pattern.png');
	max-width: 70%;
}

p.th
{
	text-align: left;
	margin-top: 0em;
	margin-bottom: 0em;
}

.SpaceExtraBeforeAfter
{
	padding-bottom: .75em;
	padding-top: .75em;
}

div.side-content-left	/*Used on OtherTopics.flmsp for the search-bar and menu*/
{
	width: 33.33%;
	margin-left: 15px;
	margin-bottom: 15px;
	color: var(--VAS-Old-Blue);
	font-family: Corbel;
	font-size: 1em;
	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;
	float: left;
}

li.tight
{
	margin-top: 0.25em;
}

div.home-tile
{
	max-width: 15em;
}

.center-horizontally
{
	margin-left: 20%;
	margin-right: 20%;
}

div.overflow-hidden
{
	overflow: hidden;
}

.overflow-hidden
{
	overflow: hidden;
	mc-hidden: hidden;
}

.overflow-visible
{
	overflow: visible;
	mc-hidden: unhidden;
}

a.light-font:hover
{
	color: var(--VAS-Green-Yellow);
}

div.VASfooter-2
{
	text-align: center;
	padding-bottom: 10px;
	padding-top: 10px;
	color: var(--White);
	border-top: solid 20px var(--VAS-Moss-Green);
}

div.gradient-blue-green
{
	BackgroundType: GradientNWSE;
	BackgroundColor: var(--VAS-Old-Blue);
	BackgroundColorAlt: var(--VAS-Old-Blue);
}

nav.title-bar
{
	background: linear-gradient(to right bottom, rgb(0, 76, 117), rgb(103, 134, 78));
}

img.Thumbnail-float-right-xlarge
{
	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;
}

a.moss-green
{
	color: var(--VAS-Moss-Green);
	text-decoration: none;
}

a.old-blue
{
	color: var(--VAS-Old-Blue);
	text-decoration: none;
}

a.moss-green:visited
{
	
}

a.moss-green:hover
{
	text-decoration: underline;
}

a.old-blue:visited
{
	
}

a.old-blue:hover
{
	text-decoration: underline;
}

p.tt-full-line
{
	font-family: monospace;
	font-size: 1em;
}

tt.highlight-gray
{
	font-size: 13pt;
	background: var(--GrayMedium);
	border-radius: 3px;
	padding: 3px;
	padding-left: 6px;
	padding-right: 6px;
}

div.background-table-shading
{
	background: var(--GrayBright);
	padding: 6px;
	border-radius: 6px;
}

MadCap|dropDown.gray-bkgrnd-space-before
{
	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: 2em;
	padding-bottom: 10px;
	padding-top: 10px;
}

p.RN-subhead
{
	color: var(--VAS-Moss-Green);
	margin: 0;
	font-family: Open Sans, Arial;
	margin-top: -6px;
	margin-bottom: .25em;
}

object.show-me-video	/*Use this style for short (~20s) videos in drop-downs. */
{
	width: 100%;
	margin-top: 0.5em;
}

.SpaceBeforeHalf
{
	margin-top: 0.5em;
}

.SpaceBeforeNone
{
	margin-top: 0px;
	padding-top: 0em;
}

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

div.sideContentCommunity
{
	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-left: 10px;
	margin-bottom: 10px;
	padding: 10px;
	padding-bottom: 20px;
	text-align: left;
	width: 250px;
}

div.sideContent
{
	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: 6px;
	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';
	float: right;
}

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;
	text-align: center;
	padding-bottom: 20px;
	max-width: 450px;
}

.glossary-hide	/*Use this style to hide a glossary term in a topic.*/
{
	mc-disable-glossary-terms: true;
}

.TableStyle-vas-standard
{
	box-shadow: 0 2px 5px rgba(0,0,0,.6);
	/*rgba colors specify opacity */
	width: 95%;
	margin-left: 3px;
}

.TableStyle-vas-drop-down
{
	box-shadow: 0 2px 5px rgba(0,0,0,.6);
	/*rgba colors specify opacity */
	width: 90%;
	margin-left: 3px;
}

img.ReduceButtonSize-verticalcenter
{
	max-width: auto;
	vertical-align: middle;
	max-height: 25px;
	padding-bottom: -5px;
}

img.Thumbnail-150pxWidth	/*Use this style on thumbnails that have a significantly larger horizontal width than they do a vertical height (e.g., a menu bar).*/
{
	mc-thumbnail: popup;
	margin-left: 3px;
	mc-thumbnail-max-width: 150px;
	mc-thumbnail-max-height: auto;
}

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

	/* Content */

	p
	{
		margin-bottom: 10px;
		margin-top: 10px;
	}

	p.table-text
	{
		font-size: 11pt;
	}

	/* Headings */

	h1
	{
		font-size: 25pt;
		line-height: 27pt;
		margin-bottom: 20px;
	}

	h2
	{
		font-size: 21pt;
		font-weight: normal;
		line-height: 23pt;
		margin-bottom: 18px;
		margin-top: 40px;
	}

	h3
	{
		font-size: 15pt;
		font-weight: bold;
		line-height: 17pt;
		margin-bottom: 15px;
		margin-top: 40px;
	}

	/* Links */

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

MadCap|dropDownHead.illustrate-showme
{
	margin-top: -33px;
}

MadCap|dropDownHead.illustrate
{
	margin-top: -36px;
}

p	/**/
{
	
}

p.MiniTOC3
{
	
}

p.MiniTOC2
{
	
}

p.MiniTOC1
{
	
}

p.landingPage
{
	margin-bottom: 10px;
	margin-top: 10px;
	line-height: normal;
}

h1
{
	color: var(--VAS-Moss-Green);
}

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)
{
	/* Home page topic */

	.nav-search	/*Displays search in Top Navigation for tablet/mobile*/
	{
		display: block;
	}

	nav.title-bar
	{
		background: linear-gradient(to right bottom, rgb(0, 76, 117), rgb(103, 134, 78));
	}

	div.side-content	/*Removes search-bar and menu set in topic in tablet*/
	{
		display: none;
	}

	html.home-topic .nav-search	/*Will not display search in Top Navigation on home page*/
	{
		display: block;
	}

	html.home-topic .body-container
	{
		margin-left: 0;
	}

	div.quick-links > div:nth-child(1)
	{
		width: 24%;
		margin-left: 0%;
	}

	div.quick-links > div:nth-child(2)
	{
		width: 24%;
		margin-left: 14%;
	}

	div.quick-links > div:nth-child(3)
	{
		width: 24%;
		margin-left: 14%;
	}

	div.quick-links > div:nth-child(4)
	{
		width: 24%;
		margin-left: 19%;
	}

	div.quick-links > div:nth-child(5)
	{
		width: 24%;
		margin-left: 14%;
	}

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

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

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

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

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

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

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

	div.home-tiles-vas > div:nth-child(4)
	{
		margin-left: 0%;
		width: 20%;
		margin-right: 0;
	}

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

	div.home-tiles-3col > div:nth-child(2)
	{
		margin-left: 0%;
		width: 25%;
		margin-right: 5%;
	}

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

	div.responsive-1col > div:nth-child(1)
	{
		width: 66.667%;
		margin-left: 0%;
	}

	div.responsive-1col > div:nth-child(2)
	{
		width: 33.33333%;
		margin-left: 0%;
	}

	div.responsive-1col > div:nth-child(3)
	{
		width: 33.33333%;
		margin-left: 0%;
	}

	div.illustrate-left-2col > div:nth-child(1)
	{
		width: 33.33333%;
		margin-left: 0%;
	}

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

	div.illustrate-left-2col > div:nth-child(3)
	{
		width: 33.33333%;
		margin-left: 0%;
	}

	div.home-tiles-3col
	{
		padding-left: 2%;
		padding-right: 2%;
	}

	div.overflow-hidden
	{
		
	}

	div.home-2col > div:nth-child(1)
	{
		margin-left: 15%;
	}

	div.home-2col > div:nth-child(2)
	{
		margin-right: 10%;
		margin-left: 15%;
	}

	div.home-tile
	{
		
	}

	div.home-2col
	{
		margin-right: 20%;
		margin-left: 30%;
	}

	div.footer-2col > div:nth-child(1)
	{
		width: 33.33333%;
		margin-left: 0%;
	}

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

	div.footer-2col > div:nth-child(3)
	{
		width: 33.33333%;
		margin-left: 0%;
	}

	div.VASfooter
	{
		margin-top: 10px;
	}

	div.illustrate-right-2col > div:nth-child(1)
	{
		width: 50%;
		margin-left: 0%;
	}

	div.illustrate-right-2col > div:nth-child(2)
	{
		
	}

	img.Thumbnail-float-right-xlarge
	{
		mc-thumbnail-max-height: 250px;
	}

	div.illustrated-list > div:nth-child(1)
	{
		margin-left: 0%;
	}

	div.illustrated-list > div:nth-child(2)
	{
		margin-left: 12px;
	}

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

	tt.highlight-gray
	{
		padding-left: ;
	}

	p.MiniTOC2
	{
		padding-left: ;
	}

	div.image-list > div:nth-child(1)
	{
		margin-left: 0%;
	}

	div.image-list > div:nth-child(2)
	{
		
	}

	div.RNs-responsive > div:nth-child(1)
	{
		margin-left: 0%;
	}

	div.RNs-responsive > div:nth-child(2)
	{
		width: 80%;
	}

	object.show-me-video
	{
		width: 100%;
	}

	div.home-4col > div:nth-child(1)
	{
		
	}

	div.home-4col > div:nth-child(2)
	{
		
	}

	div.home-4col > div:nth-child(3)
	{
		
	}

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

	div.topic-tiles-3col > div:nth-child(1)
	{
		margin-left: 0%;
	}

	div.topic-tiles-3col > div:nth-child(2)
	{
		
	}

	div.topic-tiles-3col > div:nth-child(3)
	{
		
	}

	div.topic-tiles-3col > div
	{
		
	}

	div.topic-tile
	{
		width: auto;
	}

	div.sideContentCommunity
	{
		width: 350px;
		margin-top: 10px;
		margin-left: 3px;
	}

	div.sideContent
	{
		margin-left: 0px;
		float: left;
	}

	.hide-tablet-mobile-view
	{
		display: none;
	}

	.hide-web-view
	{
		display: block;
	}

	div.topic-tiles-2-col > div:nth-child(1)
	{
		width: 50%;
		margin-left: 0%;
	}

	div.topic-tiles-2-col > div:nth-child(2)
	{
		
	}

	img.ReduceButtonSize-verticalcenter
	{
		
	}

	body
	{
		
	}

	div.important
	{
		padding-top: 10px;
	}

	MadCap|dropDownHead.illustrate
	{
		margin-top: -36px;
	}

	MadCap|dropDownHead.illustrate-showme
	{
		margin-top: -33px;
	}
}

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

	nav.title-bar
	{
		background: linear-gradient(to right bottom, rgb(0, 76, 117), rgb(103, 134, 78));
	}

	div.home-layout
	{
		padding: 2% 5%;
	}

	div.home-section
	{
		padding: 10% 0;
	}

	img.home-tile
	{
		
	}

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

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

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

	div.quick-links > div:nth-child(1)
	{
		width: 49%;
		margin-left: 0;
	}

	div.quick-links > div:nth-child(2)
	{
		width: 49%;
		margin-left: 2%;
	}

	div.quick-links > div:nth-child(3)
	{
		width: 49%;
		margin-left: 0;
	}

	div.quick-links > div:nth-child(4)
	{
		width: 49%;
		margin-left: 2%;
	}

	div.quick-links > div:nth-child(5)
	{
		width: 49%;
		margin-left: 25.5%;
	}

	div.topic-hero
	{
		padding: 15% 0;
	}

	div.topic-hero h1
	{
		font-size: 36pt;
	}

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

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

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

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

	div.home-tiles-vas > div:nth-child(4)
	{
		margin-left: 0%;
		width: 45%;
		margin-right: 0%;
	}

	img.inline
	{
		vertical-align: middle;
		padding-left: 4px;
		padding-right: 4px;
	}

	MadCap|breadcrumbsProxy
	{
		mc-breadcrumbs-prefix: ;
	}

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

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

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

	p.title
	{
		padding-bottom: 0px;
	}

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

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

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

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

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

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

	div.home-tiles-3col
	{
		padding-left: 2%;
		padding-right: 2%;
	}

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

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

	div.home-2col
	{
		margin-right: 0%;
		margin-left: 0%;
		padding-left: 2%;
		padding-right: 2%;
	}

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

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

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

	div.VASfooter
	{
		margin-top: 10px;
	}

	div.illustrate-right-2col > div:nth-child(1)
	{
		width: 100%;
		margin-left: 0%;
	}

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

	img.Thumbnail-float-right-xlarge
	{
		mc-thumbnail-max-height: 75px;
	}

	div.illustrated-list > div:nth-child(1)
	{
		margin-left: 0%;
	}

	div.illustrated-list > div:nth-child(2)
	{
		margin-left: 0%;
		width: 80%;
	}

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

	div.image-list > div:nth-child(1)
	{
		margin-left: 0%;
		width: 80px;
	}

	div.image-list > div:nth-child(2)
	{
		margin-left: 0%;
		width: 85%;
	}

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

	div.RNs-responsive > div:nth-child(1)
	{
		margin-left: 0%;
		width: 40px;
	}

	div.RNs-responsive > div:nth-child(2)
	{
		margin-left: 10px;
		width: 80%;
	}

	object.show-me-video
	{
		width: 100%;
	}

	img.topic-tile
	{
		
	}

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

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

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

	div.home-4col > div:nth-child(4)
	{
		margin-left: 0%;
		width: 100%;
		margin-right: 0%;
	}

	div.illustrated-list
	{
		
	}

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

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

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

	div.home-tile
	{
		max-width: 100%;
	}

	.overflow-hidden
	{
		overflow: visible;
	}

	div.sideContentCommunity
	{
		width: 350px;
		margin-top: 10px;
		margin-left: 3px;
	}

	div.topic-tiles-3col > div
	{
		
	}

	div.footer
	{
		
	}

	div.sideContent
	{
		margin-left: 0px;
		float: left;
	}

	.hide-tablet-mobile-view
	{
		display: none;
	}

	.hide-web-view
	{
		display: block;
	}

	div.bottomContentCommunity
	{
		max-width: 300px;
	}

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

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

	img.ReduceButtonSize-verticalcenter
	{
		
	}

	h1
	{
		font-size: 1.5em;
		margin: 0px;
	}

	body
	{
		font-size: 10pt;
		margin-top: 3px;
		line-height: 1.4em;
	}

	li
	{
		margin-top: 0.2em;
	}

	ol
	{
		margin: 0px;
	}

	ul
	{
		margin-bottom: 0px;
		margin-top: 0px;
	}

	div.important
	{
		padding-top: 10px;
	}

	p
	{
		margin: 1.0em 0;
	}

	span.mcFormatColor
	{
		display: none;
	}

	div.buttonFooter a
	{
		font-size: 0.8em;
	}

	h2
	{
		font-size: 1.2em;
	}

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

	MadCap|dropDownHead.illustrate
	{
		margin-top: 0px;
		padding-top: 9px;
	}

	MadCap|dropDownHead.illustrate-showme
	{
		margin-top: 0px;
		padding-top: 14px;
	}
}

@media Legal
{
	
}

@media CleanHTML
{
	p
	{
		color: var(--Black);
		margin-top: 0;
		font-family: Arial;
		margin: 0;
	}
}

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

	h3
	{
		color: var(--VAS-Moss-Green);
	}

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

	h1
	{
		color: var(--VAS-Moss-Green);
	}

	p.landingPage
	{
		margin-bottom: 10px;
		margin-top: 10px;
		line-height: normal;
	}

	p.MiniTOC1
	{
		
	}

	p.MiniTOC2
	{
		
	}

	p.MiniTOC3
	{
		
	}

	p	/**/
	{
		
	}

	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;
	}*/

	h3
	{
		color: var(--VAS-Moss-Green);
	}

	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: 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-Moss-Green);
	}

	p.landingPage
	{
		margin-bottom: 10px;
		margin-top: 10px;
		line-height: normal;
	}

	p.MiniTOC1
	{
		
	}

	p.MiniTOC2
	{
		
	}

	p.MiniTOC3
	{
		
	}

	p	/**/
	{
		
	}

	MadCap|dropDownHead.illustrate
	{
		margin-top: 0px;
	}

	MadCap|dropDownHead.illustrate-showme
	{
		margin-top: 0px;
	}
}

p.landingPage
{
	font-size: 2.25em;
	font-family: 'Uni Neue Regular', 'Uni Neue', Arial;
	font-weight: bold;
	color: var(--VAS-Warm-Gray);
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	mc-hidden: hidden;
}

.MossGreen
{
	color: var(--VAS-Moss-Green);
}

p.Image
{
	margin-top: 0.5em;
}

p.Copyright
{
	margin-top: 1em;
	line-height: 1em;
}

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

MadCap|dropDownHotspot.p-style
{
	color: var(--GrayDark);
}

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;
	mc-hidden: hidden;
}

span.inline-highlight
{
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: .8em;
	font-weight: bold;
	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.blueskydark2-bkgd
{
	background-color: var(--BlueSkyDark2);
	mc-hidden: hidden;
}

span.blueskydark2-font
{
	color: var(--BlueSkyDark2);
	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.cyandark-bkgd
{
	background-color: var(--CyanDark);
	mc-hidden: hidden;
}

span.cyandark-font
{
	color: var(--CyanDark);
	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.warmyellowdark-bkgd
{
	background-color: var(--WarmYellowDark);
	mc-hidden: hidden;
}

span.warmyellowdark-font
{
	color: var(--WarmYellowDark);
	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;
}

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) */
}

.lower-case
{
	text-transform: lowercase;
}