/*<meta />*/

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

/* 
INSTRUCTIONS
notes, tips, etc
*/

/* COLORS
blue light	#dae3f3;
blue dark	#3764a8;
orange		#ffd051;
blackish	#1e1e1e; 
*/

MadCap|dropDown
{
	mc-closed-image: url('../Images/DropdownArrowClosed.png');
	mc-open-image: url('../Images/DropdownArrowOpen.png');
	width: 100%;
}

body
{
	font-family: Arial, Helvetica, sans-serif;
}

img
{
	border: none;
	mc-thumbnail-max-height: 100;
	display: inline;
}

img.notCentered
{
	display: inline;
	mc-thumbnail-max-height: 100px;
}

/* HEADINGS */

h1
{
	color: #003399;
	vertical-align: bottom;
	border-left-style: none;
	border-left-width: thin;
	border-left-color: #003399;
	border-right-style: none;
	border-right-width: thin;
	border-right-color: #003399;
	border-top-style: none;
	border-top-width: thin;
	border-top-color: #003399;
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-bottom-color: #003399;
	font-weight: bold;
	font-style: normal;
	font-size: 1.5em;
}

h2
{
	font-style: normal;
	font-weight: bold;
	color: #000000;
	font-size: 1.4em;
}

h3
{
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	font-size: 1.3em;
}

h4
{
	font-size: 1.1em;
	text-decoration: underline;
	font-weight: bold;
	font-style: normal;
}

h5
{
	font-weight: bold;
	font-size: 1em;
}

h6
{
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
	text-decoration: underline;
}

/* PARAGRAPHS */

p
{
	font-size: 1rem;
	line-height: 1.3;
	mc-hyphenate: never;
}

p.example
{
	border: thin solid #999999;
	padding: 10px;
	width: 90%;
	margin: 10px;
	background-color: #ffe4e1;
	background-repeat: repeat-y;
}

p.tip
{
	border: thin solid #999999;
	padding: 10px;
	width: 90%;
	margin: 10px;
	background-color: #fffacd;
}

p.relatedlinks
{
	font-style: normal;
	font-weight: bold;
	font-size: 1.2em;
	text-decoration: underline;
	margin-top: 10pt;
	margin-bottom: 3pt;
}

/*
p.notebox
{
	border: thin solid #999999;
	padding: 10px;
	width: 90%;
	margin: 10px;
}
*/

/*
p.bestpractice
{
	border: thin solid #999999;
	padding: 10px;
	width: 90%;
	margin: 10px;
	background-color: #add8e6;
}
*/

/* LISTS */

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

li
{
	font-size: 1rem;
	line-height: 1.3;
	mc-hyphenate: never;
}

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

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

ul ul ul
{
	list-style-type: square;
	list-style-image: url('bullet_square.png');
}

ol
{
	list-style-type: decimal;
}

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

/* LINKS */

a:link
{
	color: #003399;
	mc-format: 'inherit';
}

a:visited
{
	color: #003399;
}

a:hover
{
	color: #003399;
}

div.navigation-wrapper ul.navigation > li > a:hover
{
	color: #ffd051;
}

div.navigation-wrapper ul.navigation ul.sub-menu li a:hover
{
	background-color: #d8d9da;
	color: #000000;
}

a:active
{
	color: #003399;
}

MadCap|glossaryTerm
{
	color: #003399;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1px dotted #003399;
	mc-image-position: none;
	mc-open-image: none;
	mc-closed-image: none;
}

MadCap|expandingHead
{
	font-style: italic;
	font-weight: normal;
	cursor: hand;
	text-decoration: none;
	color: #006600;
}

MadCap|expandingBody
{
	color: #777777;
	font-style: italic;
}

MadCap|dropDownHotspot
{
	cursor: hand;
	text-decoration: none;
	color: #000000;
}

/* CHARACTER STYLES */

span.buttontext
{
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
}

span.pathway
{
	font-style: italic;
	text-transform: capitalize;
	/*	background-color: #FFCC66; */
	position: relative;
	top: -10px;
	font-size: 9pt;
}

b.instance
{
	color: #bdb76b;
}

span.parameter
{
	font-style: italic;
	font-weight: bold;
}

span.FO
{
	font-weight: bold;
	font-style: normal;
	color: #6495ed;
}

span.menuitem
{
	font-style: italic;
}

span.xnote
{
	color: #ff0000;
}

/* TABLES */

td
{
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	border: none #000000;
	font-size: 9pt;
}

td.bluehead
{
	font-style: normal;
	font-variant: normal;
	border: none #000000;
	font-size: 9pt;
	font-weight: bold;
}

table.bluehead
{
	caption-side: top;
	margin-left: 0;
	margin-right: auto;
}

th.bluehead
{
	background-color: #b0c4de;
}

/*
blockquote.example
{
	border: thin solid #999999;
	padding: 10px;
	width: 90%;
	margin: 10px;
	background-color: #ffe4e1;
	background-repeat: repeat-y;
	margin-left: 40px;
	margin-right: 40px;
}
*/

/*
blockquote.notebox
{
	border: thin solid #999999;
	padding: 10px;
	width: 90%;
	margin: 10px;
	background-repeat: repeat-y;
	margin-left: 40px;
	margin-right: 40px;
}
*/

/* RESPONSIVE HEADER */

#contentBody > .responsive-header
{
	background-color: transparent;
}

.off-canvas-content .main-section > .outer-row
{
	max-width: 100%;
	padding: 0;
	/* padding-bottom: 200px; */
}

/* NAVIGATION */

div.navigation-wrapper ul.navigation
{
	/* Padding left/right controls the movement of the top menu */
	padding-top: 1.1em;
	padding-left: -40px;
	padding-right: 47px;
}

div.navigation-wrapper ul.navigation > li
{
	/* Margin-left controls the spacing between the elements in the list */
	margin-left: 46px;
}

div.navigation-wrapper ul.navigation > li > a
{
	color: #000000;
	font-size: 1rem;
}

div.navigation-wrapper ul.navigation > li > a:after
{
	content: "";
	width: 0;
	height: 0;
	border: 7px solid transparent;
	border-color: #ffd051 transparent transparent transparent;
	position: absolute;
	top: 1.5rem;
	display: inline-block;
	margin-left: 5px;
}

div.navigation-wrapper ul.navigation ul.sub-menu
{
	background-color: #3764a8;
	min-width: 200px;
	/* min width in case all menu item labels are very short */
}

div.navigation-wrapper ul.navigation ul.sub-menu li a
{
	color: #ffffff;
}

div.navigation-wrapper ul.navigation > li.has-children:after
{
	border-bottom-color: #3764a8;
}

/* NOTE BOXES */

div.important
{
	border: 1px solid #ff0000;
	padding: 8px;
	width: 100%;
}

div.bestpractice
{
	border: 1px solid #ffd051;
	padding: 8px;
	width: 100%;
}

div.example
{
	border: 1px solid #ffd051;
	padding: 8px;
	width: 100%;
}

div.note
{
	border: 1px solid #ffd051;
	padding: 8px;
	width: 100%;
}

div.tip
{
	border: 1px solid #3764a8;
	padding: 8px;
	width: 100%;
}

div.bestpractice,
div.example,
div.important,
div.note,
div.tip
{
	margin-top: 1rem;
	margin-bottom: 1rem;
	page-break-inside: avoid;
}

div.bestpractice p,
div.example p,
div.important p,
div.note p,
div.tip p
{
	margin-top: 0;
	margin-bottom: 0;
}

div.important p:nth-child(1)
{
	mc-auto-number-format: "{b}IMPORTANT: {/b} ";
}

div.note p:nth-child(1),
div.tip p:nth-child(1)
{
	font-weight: bold;
}

/* PRINT */

p.guideTitle
{
	
}

p.guideSubtitle
{
	
}

p.guideCompany
{
	
}

h1.toc
{
	
}

span.listTitle
{
	
}

img.header
{
	mc-thumbnail-max-height: 100px;
}

MadCap|dropDownHead
{
	font-size: 12pt;
}

MadCap|dropDown
{
	mc-closed-image: url('../Images/DropdownArrowClosed.png');
	mc-open-image: url('../Images/DropdownArrowOpen.png');
	border-bottom: solid 1px #f3f4f4;
}

li.listTitle
{
	font-weight: bold;
}

ul
{
	mc-hyphenate: never;
}

MadCap|xref
{
	color: #0000ff;
}

p.MiniTOC1
{
	mc-hidden: unhidden;
}

MadCap|breadcrumbsProxy
{
	mc-breadcrumbs-prefix: 'TOC: ';
	mc-breadcrumbs-count: 5;
}

@media print
{
	body
	{
		font-family: Calibri;
	}

	h1,
	h2,
	h3
	{
		color: #3764a8;
		background-color: #dae3f3;
		font-weight: bold;
		font-family: "Calibri Light", Calibri;
	}

	h1
	{
		font-size: 16pt;
		page-break-before: always;
		border-bottom-style: none;
		mc-auto-number-format: 'GH:{n+}{ =0})  ';
		margin-left: -.275in;
	}

	h1.toc
	{
		mc-heading-level: 0;
		background-color: transparent;
		mc-auto-number-format: '';
	}

	h2
	{
		font-size: 14pt;
		page-break-after: avoid;
		mc-auto-number-format: 'GH:{ }{a+})  ';
		margin-left: -.15in;
	}

	h3
	{
		font-size: 12pt;
		page-break-after: avoid;
		mc-auto-number-format: 'GH:{ }{ }{r+})  ';
		text-decoration: none;
	}

	h4
	{
		font-weight: bold;
		text-decoration: underline;
		font-style: normal;
	}

	h4,
	h5,
	h6
	{
		mc-heading-level: 0;
		page-break-after: avoid;
	}

	p
	{
		margin-bottom: 10pt;
		font-size: 0.95rem;
		mc-hyphenate: never;
		line-height: 1.0;
	}

	p.guideTitle
	{
		font-size: 38pt;
		font-weight: bold;
		margin-bottom: -10pt;
		padding-bottom: 0;
	}

	p.guideSubtitle
	{
		font-size: 18pt;
		font-weight: bold;
	}

	p.guideCompany
	{
		font-size: 12pt;
		font-weight: normal;
	}

	MadCap|tocProxy
	{
		border-top-style: none;
		padding-left: 0;
		padding-top: 0;
		margin-top: 0;
	}

	p.toc1
	{
		font-size: 12pt;
		font-weight: normal;
		margin-bottom: 4pt;
	}

	p.toc2
	{
		font-size: 12pt;
		margin-left: .25in;
		margin-bottom: 4pt;
	}

	p.toc3
	{
		font-size: 12pt;
		margin-left: .5in;
		margin-bottom: 4pt;
	}

	p.disclaimer
	{
		font-style: italic;
	}

	/*
	p.notebox
	{
		border: 1px solid #3764a8;
		padding: 4px;
		width: 100%;
		margin-top: 10pt;
		margin-bottom: 8pt;
		margin-left: 0;
		margin-right: 0;
		font-size: 8pt;
	}
	*/

	ul span.listTitle
	{
		text-transform: uppercase;
		color: #3764a8;
		font-weight: bold;
	}

	ol li.listTitle
	{
		font-weight: bold;
	}

	p.listFeedback
	{
		color: #3764a8;
		font-style: italic;
		margin-top: 0;
		margin-bottom: .5rem;
		margin-left: .5in;
		font-weight: bold;
	}

	img
	{
		max-width: 6.5in;
		margin: 0 auto;
		display: inline;
	}

	img.header
	{
		max-width: auto;
		display: inline;
	}

	MadCap|dropDownHotspot
	{
		font-style: normal;
		text-decoration: underline;
		color: #000000;
		width: 200%;
	}

	ul ul ul
	{
		list-style-image: url('bullet_square.png');
	}

	li
	{
		font-size: 0.95rem;
		line-height: 1;
	}

	MadCap|xref
	{
		color: blue;
		font-size: .95rem;
	}

	div.FloatRight
	{
		float: right;
	}

	img.thumbnail
	{
		mc-thumbnail: none;
	}

	a:link
	{
		
	}

	a
	{
		mc-format: 'inherit';
	}
}

/* HOME BRANDING */

div.brand
{
	background-color: #ffd051;
	height: auto;
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

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

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

div.brandText h1
{
	font-size: 1.6rem;
	margin-top: .8rem;
	margin-bottom: 0.8rem;
	border-bottom: none;
	color: #ffffff;
}

/* HOME HERO */

div.hero
{
	background-image: url('../Images/home/hero_back.png');
	background-size: cover;
	background-repeat: no-repeat;
	padding-top: 20px;
	height: auto;
	padding-bottom: 150px;
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	color: white;
}

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

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

div.heroText h1
{
	font-size: 2rem;
	margin-top: 1rem;
	margin-bottom: 0.5rem;
	border-bottom: none;
	color: #ffffff;
}

div.heroText h2
{
	font-size: 1.4rem;
	margin-bottom: 1.4rem;
	font-weight: normal;
	color: white;
}

/* HOME-SPECIFIC */
/* HIDES navbar and footer */
/*html.home .off-canvas-content .title-bar .nav-search, */

html.home .off-canvas-content .title-bar .navigation,
html.home div.title-bar-section a.logo
{
	display: none;
}

div.up2.homeBanner
{
	display: none;
}

/* html.home nav.title-bar { height: 0; } 
div.up2.homeBanner { margin-bottom: 1rem; }
div.up2.homeBanner div:nth-child(1) { width: 40%; }
div.up2.homeBanner div:nth-child(2) { width: 60%; }
*/

/* SEARCH BAR */

MadCap|searchBarProxy
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	float: none;
	width: 100%;
}

.home .search,
.home .search-bar
{
	/* margin --> 0 auto means center on page. If do not want center define a new margin */
	margin: 0 auto;
	/* max-width --> adjusts the width of the search bar on the home page */
	max-width: 62.5rem;
	padding-left: .5rem;
	padding-right: .5rem;
}

/* SEARCH RESULTS */
/* up2 layout also modifed in search_results topic head */

div.up2 div.title,
div.up2 div.description,
div.up2 div.url
{
	float: none;
}

/* HOME CARDS */

div.cards
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	padding-top: 2rem;
	padding-bottom: 2rem;
	margin-top: 2rem;
	height: 14rem;
}

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

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

div.cards > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: white;
	font-weight: bold;
	width: 22.5%;
	margin-left: 2.5%;
	font-size: 1.2rem;
	text-align: center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 100%;
}

div.cards > div p
{
	cursor: pointer;
	height: 100%;
	position: relative;
}

div.cards > div p:after
{
	content: ' ';
	width: 30px;
	height: 2px;
	background: #fff;
	display: block;
	position: absolute;
	left: 42.5%;
	font-size: 0;
	line-height: 100%;
	transition: all 200ms ease-in-out;
	top: 2.4rem;
}

/* Content: '\25BC' is the arrow character. To update it's size change the font-size */

div.cards > div p:hover:after
{
	content: '\25BC';
	width: 50px;
	height: 1.6rem;
	color: #000;
	font-size: 1.0rem;
	left: 40%;
	line-height: 1.8rem;
}

div.cards > div:nth-child(1)
{
	background-image: url('../Images/home/card1.png');
	margin-left: .6rem;
}

div.cards > div:nth-child(2)
{
	background-image: url('../Images/home/card2.png');
}

div.cards > div:nth-child(3)
{
	background-image: url('../Images/home/card3.png');
}

div.cards > div:nth-child(4)
{
	background-image: url('../Images/home/card4.png');
}

div.cards a,
div.cards a:link,
div.cards a:hover,
div.cards a:visited,
div.cards a:active
{
	color: white;
	text-decoration: none;
}

/* 2-UP LAYOUT */

div.up2
{
	
}

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

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

div.up2 > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: 0%;
}

/* TOPIC SEARCH */

div.searchBar
{
	background-image: url('../Images/masterpage/search_back.png');
	background-size: cover;
	background-repeat: no-repeat;
	margin-bottom: 1rem;
	height: 3.5rem;
	padding: .75rem;
}

div.searchBarLeft
{
	width: 40.5%;
}

div.searchBarRight
{
	width: 57.5%;
	max-width: 769px;
}

/* CONTENT AREA */

div.up2.content > div:nth-child(1)
{
	width: 38%;
	margin-right: -30px;
}

div.up2.content > div:nth-child(2)
{
	width: 61%;
	margin-left: 0px;
}

/* TOPIC MENU */

MadCap|menuProxy
{
	mc-context-sensitive: True;
	mc-include-parent: True;
	mc-include-siblings: True;
	mc-include-children: True;
}

ul.menu._Skins_TopicMenu li[data-mc-id='0']
{
	/* border-top: 1px solid #3764a8; */
}

ul.menu._Skins_TopicMenu li
{
	/* border-bottom: 1px solid #3764a8; */
}

ul.menu._Skins_TopicMenu li.tree-node-leaf
{
	border-top: none;
	border-bottom: none;
}

ul.menu._Skins_TopicMenu li > a
{
	position: relative;
}

ul.menu._Skins_TopicMenu li.has-children li.tree-node-leaf a:after
{
	content: "";
}

/* adds the open arrow icon */

/*ul.menu._Skins_TopicMenu li.has-children a:after	
{
	content: url(arrow_open.png);
	margin-right: -1.75px;
}
/*

/* adds the closed arrow icon */

/*ul.menu._Skins_TopicMenu li a:after	
{
	content: url(arrow_closed.png);
	position: absolute;
	right: 0px;
	top: 50%;
	margin-top: -10px;
	margin-right: -1.75px;
}
/*
/* FOOTER */

div.footer
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	background-color: #1e1e1e;
	color: white;
	padding-top: 2rem;
	bottom: 0;
	width: 100%;
	margin-top: 2rem;
	padding-bottom: 2rem;
}

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

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

div.footer div.footerBlock
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: 0%;
}

/* These children represent the footer categories. Tweak the widths to adjust how they display */

div.footer div.footerBlock:nth-child(1)
{
	width: 16%;
}

div.footer div.footerBlock:nth-child(2)
{
	width: 20%;
}

div.footer div.footerBlock:nth-child(3)
{
	width: 30%;
}

div.footer div.footerBlock:nth-child(4)
{
	width: 18%;
}

div.footer div.footerBlock:nth-child(5)
{
	width: 13%;
}

div.footer p.footerHead
{
	font-size: 1.25rem;
}

div.footer p
{
	font-size: 1rem;
	font-weight: bold;
	margin: 0;
}

div.footer a,
div.footer a:link,
div.footer a:hover,
div.footer a:visited,
div.footer a:active
{
	color: white;
	text-decoration: none;
}

/* TABLET */

@media only screen and (max-width: 1277px)
{
	html.home nav.title-bar
	{
		height: 90px;
	}

	div.hero > div
	{
		width: 100%;
		margin-left: 0%;
	}

	div.cards > div
	{
		width: 40%;
		margin-top: 2rem;
	}

	div.cards > div:nth-child(1),
	div.cards > div:nth-child(3)
	{
		margin-left: 0;
	}

	div.cards > div p:after
	{
		left: 45%;
	}

	div.cards > div p:hover:after
	{
		left: 42.5%;
	}

	div.up2.content div:nth-child(1)
	{
		width: 0;
		display: none;
	}

	div.up2.content div:nth-child(2)
	{
		width: 100%;
	}

	.off-canvas-content .main-section > .outer-row
	{
		padding-bottom: 0;
	}

	#contentBody
	{
		margin-bottom: 200px;
	}

	div.footer
	{
		position: relative;
	}

	div.footer div.footerBlock:nth-child(1),
	div.footer div.footerBlock:nth-child(2),
	div.footer div.footerBlock:nth-child(3),
	div.footer div.footerBlock:nth-child(4),
	div.footer div.footerBlock:nth-child(5)
	{
		width: 50%;
		margin-top: 2rem;
		height: 120px;
	}
}

/* PHONE */

@media only screen and (max-width: 767px)
{
	div.up2.homeBanner div:nth-child(1)
	{
		width: 100%;
	}

	div.up2.homeBanner div:nth-child(2)
	{
		width: 100%;
		margin-top: 1rem;
	}

	div.searchBarLeft
	{
		width: 0%;
	}

	div.searchBarRight
	{
		width: 100%;
		padding-left: 1rem;
		padding-right: 1rem;
	}

	MadCap|searchBarProxy
	{
		width: 100%;
	}

	div.hero > div
	{
		width: 100%;
	}

	div.cards > div
	{
		width: 100%;
		margin-top: 2rem;
	}

	div.cards > div:nth-child(1),
	div.cards > div:nth-child(2),
	div.cards > div:nth-child(3),
	div.cards > div:nth-child(4)
	{
		margin-left: 0;
	}

	div.cards > div p:after
	{
		left: 47.5%;
	}

	div.cards > div p:hover:after
	{
		left: 46.5%;
	}

	#contentBody
	{
		margin-bottom: 600px;
	}

	div.footer div.footerBlock:nth-child(1),
	div.footer div.footerBlock:nth-child(2),
	div.footer div.footerBlock:nth-child(3),
	div.footer div.footerBlock:nth-child(4),
	div.footer div.footerBlock:nth-child(5)
	{
		width: 100%;
		margin-top: 2rem;
	}
}

h4.listtitle
{
	font-weight: bold;
	font-size: 1.1em;
	display: list-item;
}

img.thumbnail
{
	mc-thumbnail-max-height: 400;
	mc-thumbnail: popup;
	mc-thumbnail-max-width: 300;
}

p.image
{
	text-align: center;
}

object.Videos
{
	height: 50%;
	width: 50%;
}