/*<meta />*/

@import url('HTML_ET.css');

@import url('HTML_CS.css');

@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);

/*==============================================================================================*/
/*====================================================================                      ====*/
/*====================================================================                      ====*/
/*====================================================================                      ====*/
/*==============================================================================================*/
/* VARIABLES */
/*==============================================================================================*/

:root
{
	--red: #b41f3c;
	--yel: #e3d688;
	--radi: 0.5rem;
	--bord: solid 1px #404040;
}

/*==============================================================================================*/
/*====================================================================                      ====*/
/*====================================================================                      ====*/
/*====================================================================                      ====*/
/*==============================================================================================*/
/* HTML STYLES */
/*==============================================================================================*/

@media EchoTouch, ColorSource
{
	body
	{
		font-size: 0.8em;
		line-height: 1.7em;
		margin-bottom: 17px;
		margin-left: 17px;
		margin-top: 0px;
		max-width: 100%;
		font-family: Arial;
		color: #ffffff;
		background-color: #000000;
	}

	h1
	{
		background-color: #3e3e3e;
		color: #ffffff;
		font-size: 1.3em;
		font-weight: normal;
		margin-bottom: 8px;
		margin-left: -17px;
		margin-right: -17px;
		margin-top: 0px;
		width: 100%;
		padding-left: 17px;
		padding-right: 17px;
		padding-top: 10px;
		padding-bottom: 10px;
		border-bottom-style: solid;
		border-bottom-width: 2px;
		border-bottom-color: #1e90ff;
	}

	h2
	{
		font-size: 1.2em;
		margin-bottom: 4px;
		margin-top: 20px;
	}

	h3
	{
		font-size: 1.1em;
		margin-bottom: 4px;
		margin-top: 16px;
	}

	MadCap|breadcrumbsProxy
	{
		font-size: 0.7rem;
		margin-bottom: 0;
		padding-bottom: 0;
		mc-breadcrumbs-prefix: '';
	}

	li
	{
		margin-bottom: 6px;
		margin-top: 6px;
		orphans: 2;
		widows: 2;
	}

	MadCap|xref
	{
		color: #2D8DCC;
		font-weight: bold;
		mc-format: '{para}';
		text-decoration: underline;
	}

	MadCap|xref:hover
	{
		color: var(--yel);
	}

	p
	{
		margin-bottom: 8px;
		margin-top: 8px;
	}

	span.BoilerP
	{
		font-family: Wingdings;
		font-size: 5pt;
	}

	body.boilerplate
	{
		background-color: #282425;
	}

	/* p.TOC3
	{
		margin-left: 10pt;
	}

	p.TOC4
	{
		margin-left: 15pt;
	}

	p.TOC5
	{
		margin-left: 20pt;
	}

	p.TOC6
	{
		margin-left: 25pt;
	}

	p.TOC7
	{
		margin-left: 30pt;
	}

	p.TOC8
	{
		margin-left: 35pt;
	}

	p.TOC9
	{
		margin-left: 40pt;
	}

	p.TOC2
	{
		margin-left: 5pt;
	} */

	img
	{
		background-repeat: no-repeat;
	}

	ul
	{
		list-style-type: none;
		/* list-style-image: url('../Images/Template Images/bullet_grey.png'); */
	}

	span.Emphasis
	{
		font-weight: bold;
		font-style: normal;
	}

	p.caution
	{
		background-repeat: no-repeat;
		border-radius: var(--radi);
		color: #b3b3b3;
		background-color: #3e3e3e;
		border: solid 1px #404040;
		padding: 0.5rem;
		padding-left: 1rem;
		mc-auto-number-format: '{b}{color #daa520}  CAUTION: {/color}{/b}';
		background-image: url('../Images/Template Images/New_Icon_Caution.png');
	}

	p.note
	{
		background-color: #3e3e3e;
		background-repeat: no-repeat;
		border-radius: var(--radi);
		color: #b3b3b3;
		border: var(--bord);
		border-left-style: solid;
		border-left-width: 1px;
		border-left-color: #404040;
		border-right-style: solid;
		border-right-width: 1px;
		border-right-color: #404040;
		border-top-style: solid;
		border-top-width: 1px;
		border-top-color: #404040;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		border-bottom-color: #404040;
		mc-auto-number-format: '{b}{color #20b0e6}Note: {/color}{/b}';
		background-image: url('../Images/Template Images/New_Icon_Note.png');
		background-position-y: center;
		background-position-x: 0.7rem;
		padding: 0.6rem;
		padding-left: 3rem;
	}

	Div.Note
	{
		mc-auto-number-format: '{b}{color #20b0e6}Note: {/color}{/b}';
		margin-top: 8px;
		margin-bottom: 20px;
		border-left-style: solid;
		border-left-width: 1px;
		border-left-color: #404040;
		border-right-style: solid;
		border-right-width: 1px;
		border-right-color: #404040;
		border-top-style: solid;
		border-top-width: 1px;
		border-top-color: #404040;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		border-bottom-color: #404040;
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
		border-bottom-right-radius: 6px;
		border-bottom-left-radius: 6px;
		background-image: url('../Images/Template Images/Icon_Note.png');
		background-repeat: no-repeat;
		padding-left: 40px;
		padding-right: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
		background-color: #3e3e3e;
		color: #b3b3b3;
	}

	Div.Note
	{
		background-image: url('../Images/Template Images/Icon_Note.png');
	}

	h3
	{
		mc-heading-level: 0;
	}

	MadCap|toggler
	{
		color: #2d8dcc;
		font-weight: bold;
		font-style: normal;
	}

	p.warning
	{
		background-color: #3e3e3e;
		background-repeat: no-repeat;
		border-radius: 6px;
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
		border-bottom-right-radius: 6px;
		border-bottom-left-radius: 6px;
		padding-left: 40px;
		padding-right: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
		border-left-style: solid;
		border-left-width: 1px;
		border-left-color: #404040;
		border-right-style: solid;
		border-right-width: 1px;
		border-right-color: #404040;
		border-top-style: solid;
		border-top-width: 1px;
		border-top-color: #404040;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		border-bottom-color: #404040;
		color: #c0c0c0;
		mc-auto-number-format: '{b}{color #f60a20}WARNING: {/color}{/b}';
		background-image: url('../Images/Template Images/New_Icon_Warning_General.png');
	}

	p.ProductName
	{
		font-size: 30pt;
		color: #6683a7;
		background-color: #ffffff;
		text-align: right;
		margin-top: 8pt;
		margin-bottom: 30pt;
	}

	p.DocumentType
	{
		font-size: 26pt;
		color: #000000;
		background-color: #ffffff;
		text-align: right;
	}

	.warninglink a:link
	{
		color: #FF1010;
		font-weight: bold;
	}
}

/*==============================================================================================*/
/*====================================================================                      ====*/
/*====================================================================                      ====*/
/*====================================================================                      ====*/
/*==============================================================================================*/
/* TABLET STYLES */
/*==============================================================================================*/

@media only screen and (max-width: 1279px)
{
	h3
	{
		mc-heading-level: 0;
	}
}

/*==============================================================================================*/
/*====================================================================                      ====*/
/*====================================================================                      ====*/
/*====================================================================                      ====*/
/*==============================================================================================*/
/* MOBILE STYLES */
/*==============================================================================================*/

@media only screen and (max-width: 767px)
{
	h3
	{
		mc-heading-level: 0;
	}
}

