/*<meta />*/

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

/* STYLES.CSS  embedded custom fonts for Segoe and Open Sans; Arial & san-serif are fallback in Font Sets */

@font-face 
{
	font-family: 'Segoe Print';
	src: url(../Fonts/segoepr.ttf);
}

@font-face 
{
	font-family: 'Segoe Print Bold';
	src: url(../Fonts/segoeprb.ttf);
}

@font-face 
{
	font-family: 'Segoe Script';
	src: url(../Fonts/segoesc.ttf);
}

@font-face 
{
	font-family: 'Segoe Script Bold';
	src: url(../Fonts/segoescb.ttf);
}

@font-face 
{
	font-family: 'Segoe UI';
	src: url(../Fonts/segoeui.ttf);
}

@font-face 
{
	font-family: 'Segoe UI Bold';
	src: url(../Fonts/segoeuib.ttf);
}

@font-face 
{
	font-family: 'Segoe UI Italic';
	src: url(../Fonts/segoeuii.ttf);
}

@font-face 
{
	font-family: 'Segoe UI Bold Italic';
	src: url(../Fonts/segoeuiz.ttf);
}

@font-face 
{
	font-family: 'Segoe UI Light';
	src: url(../Fonts/segoeuil.ttf);
}

@font-face 
{
	font-family: 'Segoe UI Light Italic';
	src: url(../Fonts/seguili.ttf);
}

@font-face 
{
	font-family: 'Segoe UI Black';
	src: url(../Fonts/seguibl.ttf);
}

@font-face 
{
	font-family: 'Segoe UI Black Italic';
	src: url(../Fonts/seguibli.ttf);
}

@font-face 
{
	font-family: 'Segoe UI Emoji';
	src: url(../Fonts/seguiemj.ttf);
}

@font-face 
{
	font-family: 'Segoe UI Historic';
	src: url(../Fonts/seguihis.ttf);
}

@font-face 
{
	font-family: 'Segoe UI Semibold';
	src: url(../Fonts/seguisb.ttf);
}

@font-face 
{
	font-family: 'Segoe UI Semibold Italic';
	src: url(../Fonts/seguisbi.ttf);
}

@font-face 
{
	font-family: 'Segoe UI Semilight Italic';
	src: url(../Fonts/seguisli.ttf);
}

@font-face 
{
	font-family: 'Segoe UI Symbol';
	src: url(../Fonts/seguisym.ttf);
}

@font-face 
{
	font-family: 'OpenSans Regular';
	src: url(../Fonts/OpenSans-Regular.ttf);
}

@font-face 
{
	font-family: 'OpenSans Italic';
	src: url(../Fonts/OpenSans-Italic.ttf);
}

@font-face 
{
	font-family: 'OpenSans Bold';
	src: url(../Fonts/OpenSans-Bold.ttf);
}

@font-face 
{
	font-family: 'OpenSans BoldItalic';
	src: url(../Fonts/OpenSans-BoldItalic.ttf);
}

@font-face 
{
	font-family: 'OpenSans Light';
	src: url(../Fonts/OpenSans-Light.ttf);
}

@font-face 
{
	font-family: 'OpenSans LightItalic';
	src: url(../Fonts/OpenSans-LightItalic.ttf);
}

@font-face 
{
	font-family: 'OpenSans SemiBold';
	src: url(../Fonts/OpenSans-SemiBold.ttf);
}

@font-face 
{
	font-family: 'OpenSans SimiboldItalic';
	src: url(../Fonts/OpenSans-SimiboldItalic.ttf);
}

@font-face 
{
	font-family: 'OpenSans ExtraBold';
	src: url(../Fonts/OpenSans-ExtraBold.ttf);
}

@font-face 
{
	font-family: 'OpenSans ExtraBoldItalic';
	src: url(../Fonts/OpenSans-ExtraBoldItalic.ttf);
}

body
{
	font-family: 'Segoe UI', 'Open Sans', Arial, sans-serif;
}

/* ******************* TOPIC CONTAINERS ************************ */

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

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

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

/* ******************* IMAGES STYLES  ************************ */

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

/* ******************* LINKS STYLES  ************************ */

a.Popup
{
	
}

a:link	/* unvisited link (dark teal) */
{
	color: #4695b2;
}

a:visited	/* visited link (dark gray) */
{
	color: #555;
}

a:hover	/* CER - mouse-over hyperlink (white) */
{
	color: #fff;
}

MadCap|xref	/*	<<	<<	<<	<<	<< MC|XREF HERE <<	<<	*/
{
	color: #076685;
	font-weight: bold;
	mc-format: '{para}';
	text-decoration: underline;
}

/* ******************* DIV STYLES  ************************ */

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

div.home-section
{
	padding: 5% 0;
	border-bottom: solid 2px #cae2e6;
}

div.topic-hero
{
	padding: 5%;
	background-image: url('../Images_LP/Hero-Background.jpg');
	background-size: cover;
	background-attachment: fixed;
}

div.topic-hero h1	/* cer note: OC - this is natively set to white font color, arial, 48pt, center, with no BG - overides H1 tag properties */
{
	color: #fff;
	font-family: Arial;
	font-size: 48pt;
	text-align: center;
}

div.home-tiles	/* (OC COMMENT)  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
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 2%;
	background-color: #d3d3d3;
}

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	/* (OC COMMENT)  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: 33.33333%;
	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.quick-links	/* (OC COMMENT) 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.home-footer	/*original bg-color was #076685*/
{
	padding: 2% 5%;
	background-color: #45494c;
}

/* ******************* HEADING STYLES  ************************ */

h1
{
	font-weight: bold;
	font-size: 24.0pt;
	color: #45494c;
	font-family: 'Segoe UI Semibold', 'OpenSans SemiBold', Arial, sans-serif;
}

h2
{
	font-weight: bold;
	font-size: 18.0pt;
	font-family: 'Segoe UI Semibold', 'OpenSans SemiBold', Arial, sans-serif;
}

h3
{
	font-weight: bold;
	font-size: 14.0pt;
}

h4
{
	font-weight: bold;
	font-size: 12.0pt;
}

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

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

/* ******************* PARAGRAPH STYLES  ************************ */

p
{
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 20pt;
	font-size: 13.0pt;
	letter-spacing: 0.15px;
}

p.footer
{
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 13pt;
	color: #fff;
}

span.cer-span_SemiBold	/*cer SemiBold - accent word - in lower case */
{
	font-family: 'Segoe UI Semibold', 'Open Sans Semibold', Arial, sans-serif;
	font-size: inherit;
}

span.span_ScreenName	/* - - CER MADE - - - */
{
	font-style: italic;
	font-family: inherit;
	font-size: inherit;
	text-transform: capitalize;
}

/* ******************* ORDERED AND UNORDERED LISTS STYLES  ************************ */

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

/* ******************* TABLE STYLES  ************************ */
/* ******************* STYLES FOR MC DROPDOWNS, PROXIES, & OTHER MC CONTROLS  ************************ */
/* --->	>>	>>	>>	NOTICE!  SEE LINKS SECTION (above) FOR MC-XREF  <<	<<	<<	<<	<<	<--- */

MadCap|breadcrumbsProxy
{
	border-bottom-width: 0;
	color: #888888;
}

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

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

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

MadCap|dropDownHotspot
{
	cursor: hand;
	text-decoration: none;
	color: #45494c;
	font-size: 20pt;
	font-weight: bold;
	border-bottom: none;
}

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

a
{
	color: #4695b2;
}

@media only screen and (max-width: 1279px)
{
	html.home-topic .body-container
	{
		margin-left: 0;
	}

	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: 40%;
		margin-left: 30%;
	}

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

	body	/*(set to FavFonts)*/
	{
		
	}
}

@media only screen and (max-width: 767px)
{
	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%;
	}

	div.topic-hero
	{
		padding: 0px;
	}

	h1
	{
		font-size: 18pt;
	}

	h2
	{
		font-size: 16pt;
	}
}

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

	MadCap|dropDown
	{
		border-bottom: dotted 2px #f5f5f5;
	}

	a.inlineLinks-homePage
	{
		text-decoration: underline;
	}
}

a.cerHomeHref-noDecor	/*no underline for hrefs (espec on home page)*/
{
	text-decoration: none;
	font-family: 'Segoe UI Semibold', 'Open Sans Semibold', Arial, sans-serif;
	font-weight: normal;
}

h3.cer-FeatureList-tileHeading	/*cer made to customize the headings on Home Tiles for Feature Lists*/
{
	color: #222;
	font-size: 14pt;
	text-decoration: none;
	letter-spacing: 0.15px;
	font-family: 'Segoe UI Semibold', 'OpenSans SemiBold', Arial, sans-serif;
	font-weight: normal;
}

a.inlineLinks-homePage	/*cer to control style of hyperlinks when they are inline in the text content.*/
{
	font-style: inherit;
	font-weight: inherit;
	text-decoration: underline;
	color: inherit;
	font-family: 'Segoe UI Semibold', 'Open Sans Semibold', Arial, sans-serif;
}

a.inlineLinks-homePage:link
{
	font-weight: normal;
	color: #4695b2;
	font-family: 'Segoe UI Semibold', 'Open Sans Semibold', Arial, sans-serif;
}

a.inlineLinks-homePage:visited
{
	color: inherit;
	font-weight: inherit;
	font-family: 'Segoe UI Semibold', 'Open Sans Semibold', Arial, sans-serif;
}

a.inlineLinks-homePage:hover	/*not white*/
{
	color: inherit;
	font-weight: bold;
	font-family: 'Segoe UI Semibold', 'Open Sans Semibold', Arial, sans-serif;
}

a.cerHomeHref-noDecor2	/*cer minimize a Longer list w/condensed lineheight */
{
	text-decoration: none;
	font-family: 'Segoe UI Semibold', 'Open Sans Semibold', Arial, sans-serif;
	font-weight: normal;
	line-height: 10pt;
}