/*<meta />*/

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

:root
{
	--Brand1: #0A4D66;
	--Brand2: #FF5532;
	--Dark: #45494c;
	--Darker: #2d2f31;
	--Medium: #b9bec1;
	--Light: #d0d3d5;
	--White: #ffffff;
}

body
{
	background-color: #FFFFFF;
	color: var(--Dark);
	font-family: Arial, Tahoma, sans-serif;
}

.body-container
{
	padding-left: 2%;
	padding-top: 1%;
	margin-bottom: -20px;
}

/* Content */

.Directory
{
	font-family: 'TT Hoves Pro';
	font-size: 12pt;
	font-weight: bold;
	padding-top: 16pt;
}

img.brdr
{
	border-color: #D6D6D6;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

img.support
{
	border: none;
	max-width: 100%;
	padding: 10px 10px 10px 10px;
}

img.screenshot
{
	border-style: ridge;
	border-width: 2px;
	border-color: #d3d3d3;
}

img.icon
{
	width: 22px;
	height: 22px;
}

p
{
	font-size: 0.9em;
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 150%;
}

p.Hoves
{
	font-family: 'TT Hoves Pro';
}

p.subSection
{
	margin-left: 0.25in;
	font-weight: normal;
}

div.Indent
{
	margin-left: 25px;
}

p.Indent
{
	margin-left: 25px;
}

p.Indent1
{
	margin: 0px 10px 0px 15px;
}

p.Indent2
{
	margin: 0px 10px 0px 30px;
}

p.Indent3
{
	margin: 0px 10px 0px 45px;
}

p.Indent4
{
	margin: 0px 10px 0px 60px;
}

p.Indent5
{
	margin: 0px 10px 0px 75px;
}

p.Indent6
{
	margin: 0px 10px 0px 90px;
}

p.Indent7
{
	margin: 0px 10px 0px 105px;
}

p.Indent8
{
	margin: 0px 10px 0px 120px;
}

p.Indent9
{
	margin: 0px 10px 0px 135px;
}

p.Indent10
{
	margin: 0px 10px 0px 150px;
}

.IndentInfo
{
	margin: 0px 0px 0px 25px;
}

p.ListItem
{
	margin-top: 0.00pt;
	margin-bottom: 7px;
}

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

p.table-text
{
	font-size: 0.9em;
}

p.whitePaperHeading
{
	margin-top: 0in;
	margin: 0;
	font-family: 'TT Hoves Pro';
	font-weight: normal;
	font-size: 36pt;
	text-align: left;
	color: #0A4D66;
}

p.whitePaperSubtitle
{
	font-family: 'TT Hoves Pro';
	font-weight: normal;
	font-size: 24pt;
	margin-bottom: 0px;
	text-align: left;
	color: #0A4D66;
}

span.codeSample
{
	font-family: 'Lucida Console';
	font-size: 9pt;
	/* background-color: #f8f8ff; */
	/* background-color: #acd2df; */
	background-color: #D3DDDD;
	border: solid 1px;
	border-color: #d6d6d6;
	padding: 7px;
	margin-left: 0px;
}

.toggle-indent
{
	margin-left: 15.5pt;
}

.toggle-indent-h3
{
	margin-left: 20pt;
}

/* Headings */

h1
{
	font-family: Segoe UI Semibold, Arial, sans-serif;
	font-size: 1.5em;
	color: #007EA3;
	margin-bottom: 6.0px;
}

h2
{
	font-family: Segoe UI Semibold, Arial, sans-serif;
	font-size: 1.3em;
	color: #007EA3;
	margin-left: 3px;
}

h3
{
	font-family: Segoe UI Semibold, Tahoma, sans-serif;
	font-size: 1.2em;
	color: #007EA3;
	margin-left: 3px;
}

h4
{
	font-family: Segoe UI Semibold, Tahoma, sans-serif;
	font-size: 1.1em;
	color: #132B38;
	margin-left: 3px;
}

h1.Docs
{
	font-family: 'TT Hoves Pro';
	font-size: 24pt;
	/* font-weight: bold; */
	padding-bottom: 24pt;
	color: #0A4D66;
}

/* Tables */

TABLE
{
	border: 1px solid #D6D6D6;
	margin-left: 25px;
	margin-right: auto;
}

TABLE.Blank
{
	border: none;
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 15px;
}

TABLE.Caution
{
	margin: 0 55px 15px 50px;
	border: 2px solid #FFA300;
	border-left: 8px solid #FFA300;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding: 0px 10px 0 10px;
	width: 90%;
}

table.Caution td
{
	border: solid 0px;
	mc-hyphenate: never;
}

TABLE.Note
{
	margin: 0 55px 15px 50px;
	border: 2px solid #3190C0;
	border-left: 8px solid #3190C0;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding: 0px 10px 0 10px;
	width: 90%;
}

table.noBorders
{
	border: 0px solid transparent;
	width: 98%;
	border-collapse: collapse;
	margin-left: 0px;
}

table.noBorders td
{
	border: 0;
	mc-hyphenate: never;
}

table.noBordersNoWidth
{
	border: 0px solid transparent;
	border-collapse: collapse;
	margin-left: 0px;
}

table.noBordersNoWidth td
{
	border: 0px;
	mc-hyphenate: never;
	padding-left: 10px;
}

TABLE.Requirements
{
	border: 0.05cm solid gray;
	background-color: #EFEFF7;
	border-collapse: collapse;
}

TABLE.Shortcut
{
	margin: 0 55px 15px 50px;
	border: 2px solid #006633;
	border-left: 8px solid #006633;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding: 0px 10px 0 10px;
	width: 90%;
}

TABLE.TopicHeaderTable
{
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
	color: #ffffff;
	border: none;
}

TD
{
	vertical-align: middle;
}

TD.Checkmark
{
	text-align: center;
}

td.codeSample
{
	font-family: 'Lucida Console';
	font-size: 9pt;
	background-color: #D3DDDD;
	border: solid 1px;
	border-color: #d6d6d6;
	padding: 7px;
	margin-left: 15px;
}

TD.DataCell
{
	padding-left: 10px;
	padding-right: 3px;
	border: 1px solid #D6D6D6;
	mc-hyphenate: never;
	margin: 0px;
}

TD.noBordersNoWidth
{
	margin: 0px;
	margin-bottom: 0px;
}

TD.DataCell p
{
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 150%;
}

TD.ReqItem
{
	border: 0.05cm solid #CCCCCC;
	padding-left: 3px;
	padding-right: 3px;
}

TH
{
	padding: 3px;
	background-color: var(--Brand1);
	border: solid 1px #0A4D66;
}

TH p
{
	font-weight: bold;
	color: #f5f5f5;
	margin: 3px;
}

TR.even
{
	background-color: #f1f1f1;
}

TR.dark
{
	background-color: var(--Medium);
}

.Parameters
{
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 15px;
}

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

div.Parameters li
{
	margin-top: 0px;
	margin-bottom: 0px;
}

.Example
{
	font-family: 'Lucida Console';
	/*font-size: 0.8em;*/
	font-size: 9pt;
	background-color: #F7F7FF;
	margin-left: 25px;
	margin-right: 25px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.Code
{
	font-family: 'Lucida Console';
}

.Green
{
	color: green;
}

.Blue
{
	color: blue;
}

.Gray
{
	color: #993333;
}

hr
{
	width: 95%;
}

hr.List
{
	width: 100%;
}

hr.RelatedTopics
{
	width: 100%;
	margin-top: 20px;
}

/*
hr.HomePage
{
	display: block;
	width: 95%;
	margin-top: 2em;
	border: 1px solid grey;
}
*/

hr.HomePage
{
	display: block;
	margin-top: 2em;
	margin-bottom: 0.5em;
	margin-left: auto;
	margin-right: auto;
	border-style: inset;
	border: 1px solid grey;
}

/* begin styles for tabs */

ul.tabs
{
	margin: 0px 0px 0px 22px;
	padding: 0px;
	list-style: none;
	position: relative;
}

ul.tabs:after
{
	position: absolute;
	content: "";
	width: 100%;
	bottom: 0;
	left: 0;
	border-bottom: 1px solid #ddd;
}

ul.tabs .tab-link
{
	color: #333;
	display: inline-block;
	padding: 10px 10px;
	cursor: pointer;
	margin-left: -4px;
	position: relative;
	z-index: 0;
}

ul.tabs .current
{
	background: #fff;
	color: #FAA21A;
	font-weight: bold;
	margin-left: 0px;
	margin-right: 10px;
	border-top: 1px solid #ddd;
	border-bottom: 0px solid white;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	z-index: 100;
}

ul.tabs .tab-link:hover
{
	background: #c2c2c2;
	color: #000;
	display: inline-block;
	padding: 10px 10px;
	cursor: pointer;
	margin-left: -5px;
	border: 1px solid transparent;
}

ul.tabs .current:hover
{
	background: #fff;
	color: #FAA21A;
	margin-left: 0px;
	margin-right: 10px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid transparent;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	z-index: 2;
}

.tab-content
{
	display: none;
	background: #ededed;
	margin-left: 25px;
	padding: 15px 15px 15px 0px;
	background-color: transparent;
}

.tab-content.current
{
	display: inherit;
}

/* begin styles for 2nd set of tabs on a single page*/

ul.tabs2
{
	margin: 0px 0px 0px 22px;
	padding: 0px;
	list-style: none;
	position: relative;
}

ul.tabs2:after
{
	position: absolute;
	content: "";
	width: 100%;
	bottom: 0;
	left: 0;
	border-bottom: 1px solid #ddd;
}

ul.tabs2 .tab2-link
{
	color: #333;
	display: inline-block;
	padding: 10px 10px;
	cursor: pointer;
	margin-left: -4px;
	position: relative;
	z-index: 0;
}

ul.tabs2 .current
{
	background: #fff;
	color: #d9232e;
	margin-left: 0px;
	margin-right: 10px;
	border-top: 1px solid #ddd;
	border-bottom: 0px solid white;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	z-index: 100;
}

ul.tabs2 .tab2-link:hover
{
	background: #c2c2c2;
	color: #000;
	display: inline-block;
	padding: 10px 10px;
	cursor: pointer;
	margin-left: -5px;
	border: 1px solid transparent;
}

ul.tabs2 .current:hover
{
	background: #fff;
	color: #d9232e;
	margin-left: 0px;
	margin-right: 10px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid transparent;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	z-index: 2;
}

.tab2-content
{
	display: none;
	background: #ededed;
	margin-left: -2px;
	padding: 15px 15px 15px 0px;
	background-color: transparent;
}

.tab2-content.current
{
	display: inherit;
}

div.video-wrapper
{
	border-style: inset;
	margin-top: 25px;
	width: 90%;
}

/* Home page topic */

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

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

div.video-section
{
	padding: 0% 0;
	border-bottom: solid 1px var(--Light);
}

div.video-section object
{
	padding-bottom: 20px;
	padding-right: 15px;
	height: auto;
	width: 400px;
}

div.other-layout
{
	padding-top: 0%;
	padding-bottom: 0%;
	padding-left: 2.5%;
	padding-right: 2.4%;
}

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

div.video-tiles > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #CDE0E7;
	padding: 2%;
}

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

div.video-tiles > div:nth-child(2)
{
	width: 48%;
	margin-left: 4%;
}

div.video-tiles-layout	/*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.video-tiles-layout > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

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

div.video-tiles-layout > div:nth-child(2)
{
	width: 66.66667%;
	margin-left: 0%;
}

div.video-tiles-layout p
{
	line-height: 1.2;
}

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

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

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

div.home-tiles > div
{
	margin-top: 20px;
	margin-bottom: 20px;
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0%;
}

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

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

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

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

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

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

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

div.home-tiles-layout p
{
	line-height: 1.2;
}

div.support-links
{
	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	/*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)
{
	margin-left: 2%;
}

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

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

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

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

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

div.topic-hero
{
	padding: 2% 0;
	margin-left: -20px;
	background-image: url('../Images/main_banner.png');
	background-size: cover;
	background-attachment: scroll;
}

div.togIndent
{
	margin-left: 26px;
}

div.topic-hero h1
{
	color: var(--White);
	font-size: 40pt;
	text-align: center;
	padding-bottom: 25px;
}

html.home-topic	/*Used on home topic to override padding set in the skin*/
{
	
}

html.home-topic .body-container	/*Overrides padding set in the skin*/
{
	padding: 0;
}

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

html.other-topic	/*Used on other topics to override padding set in the skin*/
{
	
}

html.other-topic .body-container	/*Overrides padding set in the skin*/
{
	padding: 0;
}

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

MadCap|breadcrumbsProxy
{
	padding-top: 10px;
	padding-left: 5px;
	background-color: #ffffff;
	border-bottom-width: 0;
	color: var(--Dark);
	font-family: Segoe UI Semibold, Arial, sans-serif;
	font-size: 0.85em;
	mc-breadcrumbs-count: 5;
	mc-breadcrumbs-prefix: '';
}

/* Links */

a
{
	text-decoration: none;
	color: #007EA3;
}

a:link
{
	color: #007EA3;
	text-decoration: none;
}

a:visited
{
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

a.Dir
{
	color: #0c5874;
}

a.Dir:link
{
	color: #0c5874;
}

/* JH: to change the color for "visited" to purple (the secondary color used in BT Cloud UI), add "color: #871f87;"  */

a.RelatedTopic:link
{
	text-decoration: none;
	font-weight: bold;
	color: #007EA3;
}

a.RelatedTopic:visited
{
	text-decoration: none;
	font-weight: bold;
	color: #007EA3;
}

a.RelatedTopic:hover
{
	text-decoration: underline;
}

a.RelatedTopic
{
	font-weight: bold;
	text-decoration: none;
}

MadCap|dropDown
{
	border-bottom: 1px solid var(--Light);
	mc-image-position: left;
	mc-image-spacing: 10px;
	padding: 10px 0;
	mc-closed-image: url('../Images/plus.png');
	mc-open-image: url('../Images/minus.png');
}

MadCap|dropDownBody
{
	padding: 10px 30px 0;
}

MadCap|dropDownHotspot
{
	cursor: hand;
	text-decoration: none;
	color: var(--Dark);
	font-size: 20pt;
	font-weight: bold;
	border-bottom: none;
}

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

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

MadCap|xref
{
	font-weight: bold;
	mc-format: '{para}';
	text-decoration: underline;
	color: var(--Brand1);
}

MadCap|toggler
{
	mc-image-spacing: 10px;
	color: #007EA3;
	mc-closed-image: url('../Images/plus.png');
	mc-open-image: url('../Images/minus.png');
}

MadCap|toggler.Procedure
{
	font-weight: bold;
	font-family: Arial, Tahoma, sans-serif;
	color: #132B38;
	mc-image-spacing: 10px;
	mc-closed-image: url('../Images/procedure_arrow.gif');
	mc-open-image: url('../Images/procedure_arrow_down.gif');
}

/* Popup styles */

/* For some reason, these settings seem to have enlarged popup box for the mobile
   medium (which is good), but the code I added in the mobile css to try to 
   really control the popup box for mobile had no effect. */

a.Popup
{
	mc-popup-height: 450px;
	mc-popup-width: 500px;
}

/* For some reason, this font size setting (intended for popups in the default  
   view and the tablet view) are being ignored for the settings I have for the  
   mobile view */

div.copyrightPopupFontSize p
{
	font-size: 0.9em;
}

.leadingDirList
{
	font-family: 'TT Hoves Pro';
	margin-bottom: 16pt;
	margin-top: 0pt;
}

/* Lists */

UL.RelatedTopics
{
	margin-top: -20px;
	font-size: 0.85em;
}

UL.RelatedTopics li
{
	margin-top: -5px;
	margin-bottom: 0px;
}

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

dl,
ol,
ul
{
	letter-spacing: .25px;
	line-height: 20pt;
	margin-top: 0px;
	margin-bottom: 0px;
}

/* Fixes the problem with numbered lists showing the number too big */

ol
{
	font-size: 10.15pt;
	color: var(--Darker);
}

li p
{
	font-size: 10.25pt;
	color: var(--Dark);
}

/* Fixes the problem with numbered lists showing the number too big */

li TABLE.Note p,
li TABLE.Caution p,
li TABLE.Shortcut p
{
	margin-top: 20px;
	margin-bottom: 20px;
}

li TABLE.Note,
li TABLE.Caution,
li TABLE.Shortcut
{
	margin: 0 85px 15px 25px;
	width: 90%;
}

/* Master page */

div.home-footer
{
	padding: 0.5% 0;
	background-color: #0A4D66;
	margin-top: 20px;
	margin-bottom: -20px;
	bottom: 0;
	width: 100%;
}

div.home-footer p
{
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 20px;
	line-height: 13pt;
	color: #ffffff;
	text-align: left;
}

p.footer-sub
{
	color: var(--White);
	font-size: 14pt;
	margin-top: 14px;
}

object
{
	padding-bottom: 20px;
	padding-right: 15px;
	height: auto;
	width: 400px;
}

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

	img.support
	{
		border: none;
		padding: 5px 5px;
		width: 50%;
		height: 50%;
	}

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

	div.topic-hero h1
	{
		font-size: 18pt;
		padding-top: 0;
		padding-bottom: 0;
	}

	div.home-footer
	{
		padding: 1% 0;
	}

	div.home-footer p
	{
		font-size: 8.25pt;
		line-height: 9pt;
	}

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

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

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

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

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

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

	div.video-section object
	{
		padding-bottom: 20px;
		padding-right: 0px;
	}

	ol,
	ul
	{
		padding-left: 30px;
	}

	div.copyrightPopupFontSize p
	{
		font-size: 0.9em;
	}
}

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

	img.support
	{
		border: none;
		padding: 5px 0px;
		width: 100%;
		height: 100%;
	}

	/* Modified table styles for mobile */

	TABLE
	{
		margin-left: 5px;
	}

	TABLE.Caution
	{
		margin-left: auto;
		margin-right: auto;
	}

	TABLE.Note
	{
		margin-left: auto;
		margin-right: auto;
	}

	TABLE.Shortcut
	{
		margin-left: auto;
		margin-right: auto;
	}

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

	div.topic-hero h1
	{
		font-size: 18pt;
		padding-top: 0;
		padding-bottom: 0;
	}

	div.home-footer
	{
		padding: 1% 0;
	}

	div.home-footer p
	{
		font-size: 8.25pt;
		line-height: 9.0pt;
	}

	div.video-wrapper
	{
		width: 100%;
	}

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

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

	div.home-tiles-layout p
	{
		line-height: 1.2;
	}

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

	/* These settings don't really seem to have any effect on the size when in 
	   mobile view */

	a.Popup
	{
		mc-popup-height: 30px;
		mc-popup-width: 25px;
	}

	/* For some reason, this font size setting (intended for only popups in the   
       mobile view) is also controlling the font size for the default and tablet 
       views */

	div.copyrightPopupFontSize p
	{
		font-size: 0.75em;
	}
}

@media print
{
	/* Links */

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

span.SearchHighlight1
{
	color: #000000;
	background-color: #ffff66;
}

span.SearchHighlight2
{
	color: #000000;
	background-color: #a0ffff;
}

span.SearchHighlight3
{
	color: #000000;
	background-color: #99ff99;
}

span.SearchHighlight4
{
	color: #000000;
	background-color: #ff9999;
}

/* API */

.bkg-mist
{
	background-color: #D3DDDD;
}

div.firstPane
{
	height: 100%;
	/*full-height: remove if you want "auto" height */
	width: 60%;
	/* set the width of the pane */
	/* position: fixed; fixed pane (stay in place on scroll) */
	z-index: 1;
	/* stay on top */
	top: 0;
	/* stay at the top */
	left: 0;
	overflow-x: hidden;
	/* disable the horizontal scroll */
	padding-top: 0px;
}

div.secondPane
{
	/* margin-left: 60%; same as the width of the first pane */
	/* z-index: 1; stay on top */
	/* top: 0; stay at the top */
	mc-float: right;
	vertical-align: top;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 2%;
}

/* div.secondPane > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #CDE0E7;
	padding: 2%;
} */