/*<meta />*/

/* This stylesheet covers Solar output: HTML5 (default and non-print media, in the Solar visual signature) and PDFs generated on the fly with the Print button (default and print) */
/* CM: This version updated 28 Jan 2015 with input from Design team: Note/Important/Tip styling, H2 not uppercase, etc. */

/* CM: This version updated 5 Aug 2016: adding additional styling for spacing in ul/li lists, adding .list class to correct spacing 
in list_bullet and list_numbered lists, removing white background on transparent images (around lines 300+)*/

/* Import default stylesheet with onscreen medium */
/* Import the version of EikonWebUI.css that Krishna prepared for the dropdown menus (so that we have access to buttons in the Eikon font */

@import url('eikonwebui2.css');

@import url('default.css');

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

@media print
{
	body
	{
		font-family: 'Knowledge Regular', Arial, sans-serif;
		font-size: 9.5pt;
		color: #666570;
		orphans: 2;
		widows: 2;
	}
}

@media non-print
{
	html
	{
		padding: 0 0 15px 0;
		background-color: #1a1a1c;
	}

	/*adding background-color to avoid light gray border in App Server; was 151516 but changed to match body background color line 30 */

	body
	{
		padding: none;
		color: #e2e2e2;
		/* was c2c2c2 but this caused a problem when hovering over some text (text changed colors); changed on 7 Dec */
		background-color: #1a1a1c;
		/* was 151516 but Review Committee requested change on 20 Oct */
	}

	h1
	{
		text-transform: none;
	}

	h2,
	.BlockLabel
	{
		font-size: 15px;
		font-weight: bold;
		text-transform: uppercase;
	}
}

@media print
{
	p
	{
		margin: 4pt 0 0 0;
	}

	h1,
	h2
	{
		font-family: 'Knowledge UltraLight', Arial, sans-serif;
		font-size: 16pt;
		line-height: 16pt;
		font-weight: normal;
		text-transform: uppercase;
		margin-top: 0;
		margin-bottom: 20pt;
	}

	h2
	{
		margin-bottom: 15pt;
	}

	h3,
	h2.BlockLabel
	{
		font-family: 'Knowledge Medium', Arial, sans-serif;
		font-size: 9pt;
		font-weight: bold;
		text-transform: uppercase;
		margin-top: 15pt;
		margin-bottom: 15pt;
	}

	h4
	{
		font-family: 'Knowledge Medium', Arial, sans-serif;
		font-size: 9pt;
		color: #888888;
		font-weight: normal;
		text-transform: uppercase;
		margin-top: 15pt;
		margin-bottom: 10pt;
	}

	h5
	{
		font-family: 'Knowledge Medium', Arial, sans-serif;
		font-size: 9pt;
		color: #888888;
		font-weight: normal;
		text-transform: none;
		margin-top: 15pt;
		margin-bottom: 5pt;
	}

	h6
	{
		font-family: 'Knowledge Medium', Arial, sans-serif;
		font-size: 9pt;
		color: #888888;
		font-weight: normal;
		text-transform: none;
		margin-top: 12pt;
		margin-bottom: 3pt;
	}
}

MadCap|dropDownHotspot,
MadCap|dropDownHotspot:link
{
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
}

MadCap|dropDownHead
{
	margin: 0 0 0 0;
	padding: 8px;
}

MadCap|dropDownBody
{
	padding: 0 0 0 0;
}

MadCap|dropDown
{
	margin: 0 0 0 0;
}

@media non-print
{
	MadCap|dropDownHotspot,
	MadCap|dropDownHotspot:link,
	MadCap|dropDownHotspot:visited
	{
		color: #e2e2e2;
	}

	a.MCDropDownHotSpot,
	a.dropDownHotspot,
	a.MCDropDownHotSpot_
	{
		color: #e2e2e2;
	}

	MadCap|dropDownHotspot:hover,
	MadCap|dropDownHotspot:active
	{
		color: #e2e2e2;
		/* was ffffff but this caused a problem when hovering over some text (text changed colors); changed on 9 Dec */
	}

	MadCap|dropDownHead,
	div.MCDropDown span.MCDropDownHead,
	div.MCDropDown span.dropDownHead,
	div.dropDown span.MCDropDownHead,
	div.dropDown span.dropDownHead
	{
		background-color: #252529;
		background-clip: padding-box;
		display: block;
	}

	MadCap|dropDownBody,
	div.MCDropDownBody,
	div.dropDownBody
	{
		background-color: #1a1a1c;
		/* was 151516 until 2nd review committee */
		background-clip: padding-box;
		padding: 16px 8px 4px 0;
	}

	MadCap|dropDown,
	div.MCDropDown,
	div.dropDown
	{
		mc-closed-image: url('../images/eikoncommon/icon-collapsed.png');
		mc-open-image: url('../images/eikoncommon/icon-expanded.png');
		border-bottom: #151516 solid 1px;
		width: 100%;
	}
}

@media print
{
	MadCap|dropDown,
	div.MCDropDown,
	div.dropDown
	{
		border: none;
		width: 100%;
	}
}

p.SubBlockLabel
{
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 20px 0;
}

@media print
{
	p.SubBlockLabel
	{
		font-size: 9.5pt;
		text-transform: none;
		color: #ff9933;
		margin-top: 8pt;
		margin-bottom: 3pt;
	}
}

/******LISTS**********************************************************************************************/

@media non-print
{
	ul
	{
		list-style-type: disc;
		margin-top: none;
		/* was -20px to line up on screen, but created a problem in print */
		padding-left: 15px;
	}

	ol
	{
		margin-top: none;
		/* was -20px to line up on screen, but created a problem in print */
	}

	li ul,
	li ol
	{
		margin-top: 0;
	}

	li
	{
		padding-top: 20px;
	}

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

	li p:first-child
	{
		margin-top: 0;
	}
}

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

	ol
	{
		margin-left: 10px;
	}

	ol li
	{
		color: #ff9933;
	}

	li
	{
		margin-top: 4pt;
		color: #ff9933;
	}

	ol p,
	li p
	{
		color: #666570;
	}
}

.Comment
{
	display: none;
}

/**************************************************************************************************************************/

@media non-print
{
	MadCap|miniTocProxy
	{
		border: 0 none transparent;
		mc-toc-depth: 1;
		margin: 0;
		padding: 0;
	}

	p.MiniTOC1_0
	{
		margin: 10px 0;
	}

	div.MCMiniTocBox_0 p.MiniTOC1_0 a.MiniTOC1,
	div.MCMiniTocBox_0 p.MiniTOC1_0 a.MiniTOC1:link,
	div.MCMiniTocBox_0 p.MiniTOC1_0 a.MiniTOC1:visited
	{
		color: #e2e2e2;
		font-weight: normal;
		text-decoration: none;
	}

	div.MCMiniTocBox_0 p.MiniTOC1_0 a.MiniTOC1:hover,
	div.MCMiniTocBox_0 p.MiniTOC1_0 a.MiniTOC1:active
	{
		color: #ffffff;
	}

	img
	{
		max-width: 100%;
	}

	p img
	{
		background-color: transparent;
	}

	p img.MCToggler_Image_Icon
	{
		background-color: transparent;
	}

	td > img,
	span.UILabel
	{
		vertical-align: text-top;
	}

	div.list p,
	p.list
	{
		margin-bottom: 0px;
	}

	div.list p:last-child
	{
		margin-bottom: 20px;
	}

	ul li:first-of-type,
	ol li:first-of-type
	{
		padding-top: 0;
	}

	div.list + div
	{
		margin-top: 20px;
	}
}

@media print
{
	tr,
	td
	{
		page-break-inside: avoid;
		column-break-inside: avoid;
	}

	*
	{
		mc-hyphenate: never;
	}

	hr
	{
		border-bottom: 0;
		border-top: 0;
	}

	p.PopUpScreenShot img,
	img
	{
		max-width: 115mm;
	}

	.UILabel
	{
		font-family: 'Knowledge Light Italic', Arial, sans-serif;
		font-size: 9.5pt;
		font-weight: normal;
		font-style: italic;
	}
}

@media non-print
{
	span.charbold,
	.UILabel,
	.UIlabel
	{
		color: white;
	}

	p.Note,
	p.Important,
	p.Tip,
	p.Dev
	{
		padding: 7px;
	}

	.Note:before
	{
		content: "Note\00a0\00a0\00a0";
		font-weight: bold;
		font-size: 9px;
		text-transform: uppercase;
		color: #3780bf;
	}

	.Note
	{
		border: 1px solid #27425c;
		background-color: #212e3c;
	}

	.Dev:before
	{
		content: "In Development\00a0\00a0\00a0";
		font-weight: bold;
		font-size: 9px;
		text-transform: uppercase;
		color: #3780bf;
	}

	.Dev
	{
		border: 1px solid #27425c;
		background-color: #212e3c;
	}

	div.Note,
	div.Important,
	div.Tip
	{
		margin-bottom: 6pt;
		padding-bottom: 6pt;
		padding-left: 6pt;
	}

	div.Note > table,
	div.Important > table,
	div.Tip > table
	{
		margin-bottom: 6pt;
	}

	.Important:before
	{
		content: "Important\00a0\00a0\00a0";
		font-weight: bold;
		font-size: 9px;
		text-transform: uppercase;
		color: #db4052;
	}

	.Important
	{
		border: 1px solid #DB4052;
		background-color: #3B1116;
	}

	.Tip:before
	{
		content: "Tip\00a0\00a0\00a0";
		font-weight: bold;
		font-size: 9px;
		text-transform: uppercase;
		color: #32ab60;
	}

	.Tip
	{
		border: 1px solid #234d35;
		background-color: #1f3428;
	}

	MadCap|breadcrumbsProxy
	{
		padding: 7px;
		font-family: 'ProximaNova', Arial, sans-serif;
		font-size: 11px;
		font-style: normal;
		font-weight: bolder;
		text-transform: uppercase;
		color: #ff9933;
		background-color: #252529;
		border: none;
		border-bottom-width: 0px;
		line-height: 27px;
		mc-breadcrumbs-prefix: " > ";
		margin-left: -10px;
		margin-top: -10px;
		margin-right: -10px;
	}

	a.MCBreadcrumbsLink:active,
	a.MCBreadcrumbsLink:hover
	{
		color: #ff9933;
	}

	a.MCBreadcrumbsLink:link
	{
		color: #e2e2e2;
	}

	a.MCBreadcrumbsLink:visited
	{
		color: white;
	}
}

/* The pagefooter div in the master page allows us to hide the unnecessary buttons and links when printing on the fly */

@media screen
{
	#pagefooter
	{
		display: block;
		padding-top: 25px;
	}

	#printfooter
	{
		display: none;
	}
}

@media print
{
	#pagefooter
	{
		display: none;
	}

	#printfooter
	{
		display: block;
	}
}

html
{
	padding: 0 0 15px 0;
	background-color: #1a1a1c;
}

body
{
	padding: none;
	color: #e2e2e2;
	background-color: #1a1a1c;
}

h1
{
	text-transform: none;
}

h2,
.BlockLabel
{
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
}

MadCap|dropDownHotspot,
MadCap|dropDownHotspot:link,
MadCap|dropDownHotspot:visited
{
	color: #e2e2e2;
}

a.MCDropDownHotSpot,
a.dropDownHotspot,
a.MCDropDownHotSpot_
{
	color: #e2e2e2;
}

MadCap|dropDownHotspot:hover,
MadCap|dropDownHotspot:active
{
	color: #e2e2e2;
}

MadCap|dropDownHead,
div.MCDropDown span.MCDropDownHead,
div.MCDropDown span.dropDownHead,
div.dropDown span.MCDropDownHead,
div.dropDown span.dropDownHead
{
	background-color: #252529;
	background-clip: padding-box;
	display: block;
}

MadCap|dropDownBody,
div.MCDropDownBody,
div.dropDownBody
{
	background-color: #1a1a1c;
	background-clip: padding-box;
	padding: 16px 8px 4px 0;
}

MadCap|dropDown,
div.MCDropDown,
div.dropDown
{
	mc-closed-image: url('../images/eikoncommon/icon-collapsed.png');
	mc-open-image: url('../images/eikoncommon/icon-expanded.png');
	border-bottom: #151516 solid 1px;
	width: 100%;
}

ul
{
	list-style-type: disc;
	margin-top: none;
	padding-left: 15px;
}

ol
{
	margin-top: none;
}

li ul,
li ol
{
	margin-top: 0;
}

li
{
	padding-top: 20px;
}

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

li p:first-child
{
	margin-top: 0;
}

MadCap|miniTocProxy
{
	border: 0 none transparent;
	mc-toc-depth: 1;
	margin: 0;
	padding: 0;
}

p.MiniTOC1_0
{
	margin: 10px 0;
}

div.MCMiniTocBox_0 p.MiniTOC1_0 a.MiniTOC1,
div.MCMiniTocBox_0 p.MiniTOC1_0 a.MiniTOC1:link,
div.MCMiniTocBox_0 p.MiniTOC1_0 a.MiniTOC1:visited
{
	color: #e2e2e2;
	font-weight: normal;
	text-decoration: none;
}

div.MCMiniTocBox_0 p.MiniTOC1_0 a.MiniTOC1:hover,
div.MCMiniTocBox_0 p.MiniTOC1_0 a.MiniTOC1:active
{
	color: #ffffff;
}

img
{
	max-width: 100%;
}

p img
{
	background-color: transparent;
}

p img.MCToggler_Image_Icon
{
	background-color: transparent;
}

td > img,
span.UILabel
{
	vertical-align: text-top;
}

div.list p,
p.list
{
	margin-bottom: 0px;
}

div.list p:last-child
{
	margin-bottom: 20px;
}

ul li:first-of-type,
ol li:first-of-type
{
	padding-top: 0;
}

div.list + div
{
	margin-top: 20px;
}

span.charbold,
.UILabel,
.UIlabel
{
	color: white;
}

p.Note,
p.Important,
p.Tip,
p.Dev
{
	padding: 7px;
}

.Note:before
{
	content: "Note\00a0\00a0\00a0";
	font-weight: bold;
	font-size: 9px;
	text-transform: uppercase;
	color: #3780bf;
}

.Note
{
	border: 1px solid #27425c;
	background-color: #212e3c;
}

.Dev:before
{
	content: "In Development\00a0\00a0\00a0";
	font-weight: bold;
	font-size: 9px;
	text-transform: uppercase;
	color: #3780bf;
}

.Dev
{
	border: 1px solid #27425c;
	background-color: #212e3c;
}

div.Note,
div.Important,
div.Tip
{
	margin-bottom: 6pt;
	padding-bottom: 6pt;
	padding-left: 6pt;
}

div.Note > table,
div.Important > table,
div.Tip > table
{
	margin-bottom: 6pt;
}

.Important:before
{
	content: "Important\00a0\00a0\00a0";
	font-weight: bold;
	font-size: 9px;
	text-transform: uppercase;
	color: #db4052;
}

.Important
{
	border: 1px solid #DB4052;
	background-color: #3B1116;
}

.Tip:before
{
	content: "Tip\00a0\00a0\00a0";
	font-weight: bold;
	font-size: 9px;
	text-transform: uppercase;
	color: #32ab60;
}

.Tip
{
	border: 1px solid #234d35;
	background-color: #1f3428;
}

MadCap|breadcrumbsProxy
{
	padding: 7px;
	font-family: 'ProximaNova', Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bolder;
	text-transform: uppercase;
	color: #ff9933;
	background-color: #252529;
	border: none;
	border-bottom-width: 0px;
	line-height: 27px;
	mc-breadcrumbs-prefix: " > ";
	margin-left: -10px;
	margin-top: -10px;
	margin-right: -10px;
}

a.MCBreadcrumbsLink:active,
a.MCBreadcrumbsLink:hover
{
	color: #ff9933;
}

a.MCBreadcrumbsLink:link
{
	color: #e2e2e2;
}

a.MCBreadcrumbsLink:visited
{
	color: white;
}