/*<meta />*/

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

@font-face 
{
	font-family: 'Roboto';
	src: url('../Fonts/Roboto-Black.ttf');
	font-weight: 900;
	font-style: normal;
}

@font-face 
{
	font-family: 'Roboto';
	src: url('../Fonts/Roboto-Bold.ttf');
	font-weight: 700;
	font-style: normal;
}

@font-face 
{
	font-family: 'Roboto';
	src: url('../Fonts/Roboto-BoldItalic.ttf');
	font-weight: 700;
	font-style: italic;
}

@font-face 
{
	font-family: 'Roboto';
	src: url('../Fonts/Roboto-Italic.ttf');
	font-weight: 400;
	font-style: italic;
}

@font-face 
{
	font-family: 'Roboto';
	src: url('../Fonts/Roboto-Regular.ttf');
	font-weight: 400;
	font-style: normal;
}

@font-face 
{
	font-family: 'RobotoCondensed';
	src: url('../Fonts/RobotoCondensed-Bold.ttf');
	font-weight: 700;
	font-style: normal;
}

@font-face 
{
	font-family: 'RobotoCondensed';
	src: url('../Fonts/RobotoCondensed-BoldItalic.ttf');
	font-weight: 700;
	font-style: italic;
}

@font-face 
{
	font-family: 'RobotoCondensed';
	src: url('../Fonts/RobotoCondensed-Italic.ttf');
	font-weight: 400;
	font-style: italic;
}

@font-face 
{
	font-family: 'RobotoCondensed';
	src: url('../Fonts/RobotoCondensed-Regular.ttf');
	font-weight: 400;
	font-style: normal;
}

:root
{
	--font-primary: 'Clarika-Geometric', sans-serif;
}

body
{
	font-family: Clarika, Arial;
	font-size: 1em;
	line-height: 1.3em;
}

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

h1
{
	font-size: 1.5em;
	/*font-weight: normal;*/
	margin-bottom: 8px;
	padding-bottom: 10px;
	margin-top: 30px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	color: #3067db;
	/*font-family: 'Clarika-Grotesque';*/
}

h2
{
	font-size: 1.2em;
	margin-bottom: 4px;
	margin-top: 20px;
	font-weight: normal;
	color: #3067db;
	/*font-family: Arial;*/
}

h3
{
	font-size: 1.1em;
	font-weight: 600;
	margin-bottom: 4px;
	margin-top: 16px;
	color: #3067db;
	/*font-family: Arial;*/
}

h4
{
	font-weight: 600;
	font-size: 1.1em;
}

h5
{
	font-weight: 600;
	font-size: 1.1em;
}

h6
{
	font-weight: 600;
	font-size: 1.0em;
	margin-bottom: 8px;
	margin-top: 4px;
}

h7
{
	font-weight: bold;
	font-size: 1.0em;
	margin-bottom: 8px;
	margin-top: 4px;
}

p
{
	margin-bottom: 8px;
	margin-top: 8px;
	color: #4d4d4f;
}

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

p.note
{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #f0f7fb;
	border: solid 1px #3498db;
	border-radius: 6px;
	line-height: 18px;
	mc-auto-number-format: '{b}Note: {/b}';
	overflow: hidden;
	padding: 12px;
}

p.warning
{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #f9e7e5;
	border: solid 1px #c0392b;
	border-radius: 6px;
	line-height: 18px;
	mc-auto-number-format: '{b}Warning: {/b}';
	overflow: hidden;
	padding: 12px;
}

p.example
{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #e7f6f0;
	border: solid 1px #27ae60;
	border-radius: 6px;
	line-height: 18px;
	mc-auto-number-format: '{b}Example: {/b}';
	overflow: hidden;
	padding: 12px;
}

p.important
{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #DDDDFF;
	border: solid 1px #7373ff;
	border-radius: 6px;
	line-height: 18px;
	mc-auto-number-format: '{b}Important: {/b}';
	overflow: hidden;
	padding: 12px;
}

p.tip
{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #fffbea;
	border: solid 1px #f1c40f;
	border-bottom-color: #ffd700;
	border-radius: 6px;
	line-height: 18px;
	mc-auto-number-format: '{b}Tip: {/b}';
	overflow: hidden;
	padding: 12px;
}

p.CSRnote
{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	line-height: 18px;
	mc-auto-number-format: '{b}CSR Note: {/b}';
	overflow: hidden;
	padding: 12px;
	background-color: #ffe4c4;
	border: solid 1px #ff9900;
	border-bottom-color: #ff9900;
}

p.CSRnoteAlt
{
	line-height: 18px;
	mc-auto-number-format: '{b}CSR Note: {/b}';
	overflow: hidden;
	padding: 12px;
	background-color: #ffe4c4;
	border-left: solid 4px #ff9900;
}

p.noteAlt
{
	background-color: #f0f7fb;
	border-left: solid 4px #3498db;
	line-height: 18px;
	mc-auto-number-format: '{b}Note: {/b}';
	overflow: hidden;
	padding: 12px;
}

p.warningAlt
{
	background-color: #fcf7f2;
	border-left: solid 4px #e74c3c;
	line-height: 18px;
	mc-auto-number-format: '{b}Warning: {/b}';
	overflow: hidden;
	padding: 12px;
}

p.exampleAlt
{
	background-color: #e7f6f0;
	border-left: solid 4px #2ecc71;
	line-height: 18px;
	mc-auto-number-format: '{b}Example: {/b}';
	overflow: hidden;
	padding: 12px;
}

p.tipAlt
{
	background-color: #fffbea;
	border-left: solid 4px #f1c40f;
	line-height: 18px;
	mc-auto-number-format: '{b}Tip: {/b}';
	overflow: hidden;
	padding: 12px;
}

ol	/*Prevents an numbered item from showing as a bullet in a mixed list (i.e., one with both numbers and bullets).*/
{
	list-style-image: none;
}

ol ol
{
	list-style-type: lower-alpha;
	margin-left: -10px;
}

ol ol ol
{
	list-style-type: lower-roman;
	margin-left: -10px;
}

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

ul	/*The image that is used for first-level bulleted list items.*/
{
	list-style-image: url('../Images/bullet_black.gif');
}

ul.FirstLevelLessIndentation
{
	list-style-image: url('../Images/bullet_black.gif');
	margin-left: -10px;
}

ul ul	/*The image that is used for second-level bulleted list items*/
{
	margin-left: -10px;
	list-style-image: url('../Images/bullet_black.gif');
}

ul.cbox
{
	list-style-image: url('../Images/cbox.png');
}

a.Popup
{
	
}

MadCap|expandingHead
{
	font-weight: normal;
	cursor: hand;
	text-decoration: none;
}

MadCap|expandingBody
{
	color: #777777;
}

MadCap|dropDownHotspot
{
	cursor: hand;
	text-decoration: none;
	color: #4d4d4f;
	font-size: 1em;
	border-bottom: none;
	font-weight: bold;
}

MadCap|xref
{
	color: #3067db;
	mc-format: '{para}';
	text-decoration: underline;
}

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

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

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

a:link
{
	color: #3067db;
}

a:visited
{
	color: #3067db;
}

div.home-tiles2 a:hover	/*Complex Selector: When hovering over links within the home tiles the following properties will apply.*/
{
	color: #3067db;
}

.hc-shortlinks a:hover
{
	color: #4a2079;
}

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

MadCap|dropDown
{
	border-bottom: 1px solid #dadada;
	mc-image-position: left;
	mc-image-spacing: 10px;
	padding: 10px 0;
	mc-closed-image: url('../Images/arrow-right-gray.png');
	mc-open-image: url('../Images/arrow-down-gray.png');
}

div.topic-hero
{
	padding: 5%;
	background-size: cover;
	background-attachment: fixed;
	background-image: url('../Images/BackgroundImage4.png');
}

div.topic-hero h1
{
	color: #fff;
	/*font-family: Arial;*/
	font-size: 48pt;
	text-align: center;
}

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
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: var(--Medium-Gray);
	padding: 2%;
}

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

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

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: 25%;
	margin-left: 0%;
}

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

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

/*==Home Tiles section==*/

div.home-tiles2	/*This layout was created using the Responsive Layout Editor in MadCap Flare. Go to: Home Ribbon > Styles Section > Responsive Layout*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1%;
	margin-bottom: 1%;
}

div.home-tiles2::before
{
	content: ' ';
	display: table;
}

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

div.home-tiles2 > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: transparent;
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	/*Adds transition animation when switching between screen sizes*/
	-moz-border-radius: 20x;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	border: 1px solid #d3d3d3;
	padding: 15px 10px;
	overflow: hidden;
}

div.home-tiles2 > div:hover	/*When hovering over a home-tile, these properties apply*/
{
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

div.home-tiles2 > div:nth-child(1)
{
	width: 16.667%;
	margin-left: 8.3333%;
}

div.home-tiles2 > div:nth-child(2)
{
	width: 16.667%;
	margin-left: 8.3333%;
}

div.home-tiles2 > div:nth-child(3)
{
	width: 16.667%;
	margin-left: 8.3333%;
}

div.home-tiles2 > div:nth-child(4)
{
	width: 16.667%;
	margin-left: 1%;
}

/*=Elements for text contained within each home-tile=*/

p.tile-title
{
	text-align: center;
	color: #7E8890;
	font-size: 1.4em;
}

p.tile-content
{
	text-align: left;
	color: #000000;
	font-size: 1em;
}

p.tile-items
{
	color: #7E8890;
	font-size: 0.7em;
	text-align: center;
}

div.home-tiles2 a	/*Complex Selector: Any anchor (links) tags that are within div.home-tiles will have the following properties*/
{
	text-decoration: none;
	color: #565656;
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

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

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

div.article-tiles > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #dadada;
}

div.article-tiles > div:hover
{
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	transition: all 0.8s cubic-bezier(.25,.8,.25,1);
}

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

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

div.article-tiles > div:nth-child(3)
{
	width: 18%;
	margin-left: 2%;
}

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

div.article-tiles > div:nth-child(5)
{
	width: 18%;
	margin-left: 2%;
}

div.article-tiles img
{
	max-width: 90%;
}

/*==Page Tiles section==*/

div.page-tiles	/*This layout was created using the Responsive Layout Editor in MadCap Flare. Go to: Home Ribbon > Styles Section > Responsive Layout*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1%;
	margin-bottom: 1%;
	width: 100%;
	clear: both;
	/*used to view the home tiles easier in the XML editor*/
}

div.page-tiles::before
{
	content: ' ';
	display: table;
}

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

div.page-tiles > div
{
	float: left;
	padding: 15px 30px;
	overflow: hidden;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	box-sizing: border-box;
	-mox-box-sizing: border-box;
	padding-left: 0px;
	padding-right: 0px;
}

div.page-tiles > div:nth-child(1)
{
	width: 25%;
	background-color: #ffffff;
	margin-left: 3%;
}

div.page-tiles > div:nth-child(2)
{
	width: 25%;
	background-color: #88a4e8;
	margin-left: 3%;
}

div.page-tiles > div:nth-child(3)
{
	width: 25%;
	background-color: #88a4e8;
	margin-left: 3%;
}

div.page-tiles > div:hover
{
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
	transform: scale(1.05);
}

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)
{
	width: 16.667%;
	margin-left: 0%;
}

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
{
	padding: 2% 5%;
	background-color: #3067db;
}

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

div.Row-1::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.Row-1 > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.Row-1 > div:nth-child(1)
{
	width: 83.333%;
	margin-left: 8.3333%;
}

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

div.Row-2::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.Row-2 > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.Row-2 > div:nth-child(1)
{
	width: 33.33333%;
	margin-left: 0%;
}

div.Row-2 > div:nth-child(2)
{
	width: 33.33333%;
	margin-left: 0%;
}

div.Row-2 > div:nth-child(3)
{
	width: 33.33333%;
	margin-left: 0%;
}

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

div.Row-3::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.Row-3 > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.Row-3 > div:nth-child(1)
{
	width: 33.33333%;
	margin-left: 0%;
}

div.Row-3 > div:nth-child(2)
{
	width: 33.33333%;
	margin-left: 0%;
}

div.Row-3 > div:nth-child(3)
{
	width: 33.33333%;
	margin-left: 0%;
}

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

div.Row-4::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.Row-4 > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.Row-4 > div:nth-child(1)
{
	width: 25%;
	margin-left: 0%;
}

div.Row-4 > div:nth-child(2)
{
	width: 25%;
	margin-left: 0%;
}

div.Row-4 > div:nth-child(3)
{
	width: 25%;
	margin-left: 0%;
}

div.Row-4 > div:nth-child(4)
{
	width: 25%;
	margin-left: 0%;
}

div.Tiles-2-10	/*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.Tiles-2-10::before
{
	content: ' ';
	display: table;
}

div.Tiles-2-10::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.Tiles-2-10 > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.Tiles-2-10 > div:nth-child(1)
{
	width: 16.667%;
	margin-left: 0%;
}

div.Tiles-2-10 > div:nth-child(2)
{
	width: 83.333%;
	margin-left: 0%;
	padding-left: 10px;
}

div.Tiles-8-4	/*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.Tiles-8-4::before
{
	content: ' ';
	display: table;
}

div.Tiles-8-4::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.Tiles-8-4 > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.Tiles-8-4 > div:nth-child(1)
{
	width: 66.667%;
	margin-left: 0%;
}

div.Tiles-8-4 > div:nth-child(2)
{
	width: 33.333%;
	margin-left: 0%;
}

li
{
	margin-top: 8px;
	margin-bottom: 8px;
	color: #4d4d4f;
}

div.note
{
	font: inherit;
	line-height: 18px;
	background-color: #f0f7fb;
	border: solid 1px #3498db;
	border-radius: 6px;
	padding: 12px;
	overflow: hidden;
	mc-auto-number-format: '{b}Note: {/b}';
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

div.quick-links > div:nth-child(6)
{
	width: 8.3333%;
	margin-left: 0%;
}

div.home-tiles-layout > div:nth-child(3)
{
	width: 16.667%;
	margin-left: 8.3333%;
}

div.home-tiles-layout > div:nth-child(4)
{
	width: 16.667%;
	margin-left: 8.3333%;
}

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

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

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

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

div.home-tiles2 > div:nth-child(4)
{
	width: 16.667%;
	margin-left: 8.3333%;
}

/* Style the button */

.button
{
	background-color: #ffffff;
	/* White*/
	border: 1px solid #000000;
	color: white;
	padding: 5px 5px;
	text-align: center;
	text-decoration: none;
	vertical-align: top;
	display: inline-block;
	font-size: 1em;
	/*font-family: Roboto, Arial;*/
	font-family: ClarikaG;
	margin: 4px 10px;
	cursor: pointer;
	text-decoration: none;
	border-radius: 4px;
	-webkit-transition-duration: 0.4s;
	/* Safari */
	transition-duration: 0.4s;
}

.button:hover
{
	color: white;
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

/* Style the tab */

.tab
{
	overflow: hidden;
	border: 0px solid #ccc;
	background-color: #ffffff;
}

/* Style the buttons that are used to open the tab content */

.tab button
{
	background-color: inherit;
	float: center;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 14px 16px;
	transition: 0.3s;
}

/* Change background color of buttons on hover */

.tab button:hover
{
	background-color: #e8f4fe;
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

/* Create an active/current tablink class */

.tab button.active
{
	background-color: #c8e3fa;
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

/* Style the tab content */

.tabcontent
{
	display: none;
	padding: 6px 12px;
	border: 0px solid #ccc;
	border-top: none;
}

MadCap|xref.Internal
{
	font: inherit;
	color: #006400;
}

.help-outer-container
{
	text-align: center;
	max-width: 1800px;
	margin: 0 auto;
	padding-right: 10px;
	padding-left: 10px;
	position: relative;
}

.help-type-container
{
	text-align: center;
	width: 100%;
	border-radius: 22px;
}

.help-type-lead-in
{
	font-weight: 600;
	font-size: 1.5em;
	width: 80%;
	margin: 0 auto;
	margin-bottom: 1rem;
}

.help-type-wrapper
{
	border: 1px solid #5fadec;
	border-radius: 22px;
	width: 85%;
	max-width: 1800px;
	margin: 1rem auto 0;
	display: inline-block;
}

.help-type-title
{
	font-weight: 600;
	font-size: 16px;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-bottom: 10rem;
}

.help-type-card
{
	background: #fff;
	padding: 16px;
	position: relative;
	border-bottom: 1px solid #5fadec;
	display: inline-block;
	width: 100%;
	height: 50px;
	box-sizing: border-box;
	cursor: pointer;
	font-family: Clarika, Gibson2019, Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
}

.help-type-card:first-of-type
{
	border-radius: 22px 22px 0 0;
}

.help-type-card:last-of-type
{
	border-radius: 0 0 22px 22px;
	border-bottom: 0;
}

.help-type-card:hover
{
	background: #f9fcff;
}

.help-type-card:focus
{
	outline: none;
}

.help-type-card-explain
{
	display: none;
	font-size: 16px;
	margin-bottom: 15px;
	font-weight: 400;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

.type-card-selected
{
	background: #f0f8ff;
}

.help-category-wrapper
{
	width: 95%;
	max-width: 3000px;
	margin: 1rem auto 0;
	display: inline-block;
}

.hc-categories-block:after
{
	content: '';
	display: table;
	clear: both;
}

.hc-categories-list
{
	margin-bottom: 3rem;
	margin-top: 3rem;
	line-height: 1.5em;
}

.hc-categories-list:after
{
	content: '';
	display: table;
	clear: both;
}

.hc-categories-item
{
	display: inline-block;
	color: #2a2828;
	box-sizing: border-box;
	border: 1px solid #dadada;
	width: 22%;
	margin-bottom: 10px;
	margin-left: 2%;
	vertical-align: top;
}

.hc-categories-item:hover
{
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	transition: all 0.8s cubic-bezier(.25,.8,.25,1);
}

span.YE-Dates-To-Review
{
	mc-conditions: 'General.YE date - no auto update';
}

span.YE-Dates-from-Snippets
{
	mc-conditions: 'General.YE-Snippet-Dates';
}

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

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

div.CallToAction > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

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

div.CallToAction > div:nth-child(2)
{
	width: 33.33333%;
	margin-left: 0%;
}

div.CallToAction > div:nth-child(3)
{
	width: 33.33333%;
	margin-left: 0%;
}

@media screen and (max-width: 1000px)
{
	.hc-categories-item
	{
		width: 33.33%;
	}
}

@media screen and (max-width: 720px)
{
	.hc-categories-item
	{
		width: 50%;
	}
}

@media screen and (max-width: 480px)
{
	.hc-categories-item
	{
		width: 100%;
	}
}

.hc-categories-item:nth-child(4n\000020+\0000201)
{
	clear: left;
}

@media screen and (max-width: 1000px)
{
	.hc-categories-item:nth-child(4n\000020+\0000201)
	{
		clear: none;
	}
}

@media screen and (max-width: 1000px)
{
	.hc-categories-item:nth-child(3n\000020+\0000201)
	{
		clear: left;
	}
}

@media screen and (max-width: 720px)
{
	.hc-categories-item:nth-child(3n\000020+\0000201)
	{
		clear: none;
	}
}

@media screen and (max-width: 720px)
{
	.hc-categories-item:nth-child(2n\000020+\0000201)
	{
		clear: left;
	}
}

.hc-categories-link
{
	box-sizing: border-box;
	text-decoration: none;
	background-color: inherit;
	color: #2a2828;
	display: inline-block;
	padding: 10px;
	border-color: rgba(0,0,0,0);
	margin-right: 10px;
	width: 100%;
	height: 100%;
	font-size: .9;
}

.hc-categories-link-internal
{
	box-sizing: border-box;
	text-decoration: none;
	background-color: inherit;
	color: #2a2828;
	display: inline-block;
	padding: 10px;
	border-color: rgba(0,0,0,0);
	margin-right: 10px;
	width: 100%;
	height: 100%;
	font-size: .9;
}

.hc-categories-link:hover
{
	color: #2a2828;
	background: #c8e3fa;
}

.hc-categories-link-internal:hover
{
	color: #2a2828;
	background: #b8ecb8;
}

.hc-categories-link span
{
	font-weight: 200;
}

.hc-categories-link-internal span
{
	font-weight: 200;
}

.help-link-title
{
	font-weight: 600;
	font-size: 16px;
}

.doc-category-title
{
	color: #000000;
}

.internal-category-title
{
	color: #006400;
}

.troubleshooting-category-title
{
	color: #000000;
}

.helpcenter-headline-container
{
	text-align: center;
}

.helpcenter-headline
{
	font-size: 14vw;
	font-weight: 300;
	position: relative;
	display: inline-block;
	margin: 2rem auto 4rem;
}

.help-type-lead-in
{
	font-weight: 800;
	color: #000000;
	font-size: 1.5em;
	text-align: center;
	width: 80%;
	margin: 0 auto;
	margin-bottom: 1rem;
}

.hc-shortlinks
{
	text-align: center;
	font-size: 16px;
}

.hc-shortlinks a
{
	padding-bottom: 2px;
	margin: 0 8px;
	color: #000000;
	text-decoration: none;
}

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

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

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

	div.Row-2 > div:nth-child(1)
	{
		width: 33.33333%;
		margin-left: 0%;
	}

	div.Row-2 > div:nth-child(2)
	{
		width: 33.33333%;
		margin-left: 0%;
	}

	div.Row-2 > div:nth-child(3)
	{
		width: 33.33333%;
		margin-left: 0%;
	}

	div.Row-3 > div:nth-child(1)
	{
		width: 33.33333%;
		margin-left: 0%;
	}

	div.Row-3 > div:nth-child(2)
	{
		width: 33.33333%;
		margin-left: 0%;
	}

	div.Row-3 > div:nth-child(3)
	{
		width: 33.33333%;
		margin-left: 0%;
	}

	div.Row-4 > div:nth-child(1)
	{
		width: 25%;
		margin-left: 0%;
	}

	div.Row-4 > div:nth-child(2)
	{
		width: 25%;
		margin-left: 0%;
	}

	div.Row-4 > div:nth-child(3)
	{
		width: 25%;
		margin-left: 0%;
	}

	div.Row-4 > div:nth-child(4)
	{
		width: 25%;
		margin-left: 0%;
	}

	div.quick-links > div:nth-child(6)
	{
		width: 8.3333%;
		margin-left: 0%;
	}

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

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

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

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

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

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

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

	div.CallToAction > div:nth-child(2)
	{
		width: 33.33333%;
		margin-left: 0%;
	}

	div.CallToAction > div:nth-child(3)
	{
		width: 33.33333%;
		margin-left: 0%;
	}
}

@media only screen and (max-width: 767px)
{
	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.Row-1 > div:nth-child(1)
	{
		width: 100%;
		margin-left: 0%;
	}

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

	div.Row-2 > div:nth-child(2)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Row-2 > div:nth-child(3)
	{
		width: 100%;
		margin-left: 0%;
	}

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

	div.Row-3 > div:nth-child(2)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Row-3 > div:nth-child(3)
	{
		width: 100%;
		margin-left: 0%;
	}

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

	div.Row-4 > div:nth-child(2)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Row-4 > div:nth-child(3)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Row-4 > div:nth-child(4)
	{
		width: 8.3333%;
		margin-left: 0%;
	}

	div.quick-links > div:nth-child(6)
	{
		width: 8.3333%;
		margin-left: 0%;
	}

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

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

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

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

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

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

	span.SearchHighlight1
	{
		background-color: #00ffff;
	}

	span.SearchHighlight3
	{
		background-color: #f666e2;
	}

	span.SearchHighlight2
	{
		background-color: #f666e2;
	}

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

	div.CallToAction > div:nth-child(2)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.CallToAction > div:nth-child(3)
	{
		width: 100%;
		margin-left: 0%;
	}
}

span.SearchHighlight
{
	background-color: #ffff00;
}

@media print
{
	body
	{
		margin: 8px;
		line-height: 20px;
		font-size: 12pt;
		font-family: Calibri;
	}

	div.GlossaryPageDefinition
	{
		font-size: 9pt;
	}

	div.GlossaryPageHeading
	{
		border-bottom-color: #bed230;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		color: #bed230;
		font-size: 11pt;
	}

	div.GlossaryPageTerm
	{
		color: #bed230;
		font-size: 10pt;
		padding-bottom: 10px;
		padding-top: 10px;
	}

	div.note
	{
		mc-auto-number-format: 'Note: ';
	}

	h1
	{
		font-family: 'Century Gothic';
		font-size: 22pt;
		line-height: 24pt;
		margin-bottom: 20px;
		margin-left: 0;
		padding-left: 0;
		padding-top: 0;
		color: #4169e1;
	}

	h1.Appendix
	{
		mc-auto-number-format: 'APPENDIX ';
	}

	h1.UserGuideBHeading
	{
		page-break-before: avoid;
	}

	h2
	{
		font-weight: normal;
		line-height: 14pt;
		page-break-before: avoid;
		font-size: 14pt;
	}

	h3
	{
		font-size: 10pt;
		font-weight: normal;
		line-height: 12pt;
	}

	h4
	{
		font-size: 9pt;
		font-weight: normal;
		line-height: 11pt;
		mc-heading-level: 0;
	}

	img.FiftyPercentThumbnail
	{
		max-width: 50%;
	}

	img.OneHundredPercentThumbnail
	{
		max-width: 100%;
	}

	img.SeventyFivePercent
	{
		max-width: 75%;
	}

	MadCap|dropDown.SecondLevel
	{
		background-color: transparent;
		margin-left: 10px;
	}

	MadCap|dropDownBody
	{
		border-bottom: none;
	}

	MadCap|dropDownHead
	{
		margin-top: 16px;
	}

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

	MadCap|footnoteBlock
	{
		font-size: 7pt;
	}

	MadCap|footnotesBlock
	{
		border-top-color: #bed230;
	}

	MadCap|glossaryProxy
	{
		border-top: none;
		color: #e1e1e1;
	}

	MadCap|indexProxy
	{
		border-top: none;
		color: #e1e1e1;
	}

	MadCap|miniTocProxy
	{
		border-top: 0;
		margin-left: 0.25in;
		margin-right: 0.25in;
		padding-left: 0;
	}

	MadCap|tocProxy
	{
		border-top: none;
		margin-right: 0.25in;
	}

	MadCap|xref
	{
		font-weight: normal;
		text-decoration: underline;
		color: #3067db;
	}

	MadCap|xref.IndexPageNumber
	{
		color: #BED230;
	}

	ol ol
	{
		margin-left: 30px;
	}

	ol ol ol
	{
		margin-left: 30px;
	}

	p
	{
		font-size: 12pt;
	}

	p.Copyright
	{
		margin-bottom: 8px;
		margin-top: 8px;
	}

	p.CopyrightAddress
	{
		margin-bottom: 0;
		margin-top: 0;
	}

	p.CopyrightHeading
	{
		margin-top: 1in;
		page-break-before: always;
	}

	p.CreatedUsingFlare
	{
		font-weight: bold;
		margin-top: 18px;
	}

	p.EmptyPageText
	{
		font-size: 10pt;
		font-weight: bold;
	}

	p.Figure
	{
		color: #404040;
		font-style: italic;
		mc-auto-number-class: FigureNum;
		mc-auto-number-format: 'CF:Figure {chapnum}-{n+} ';
		margin-left: 10px;
		padding-bottom: 10px;
	}

	p.FirstPageOfChapter
	{
		color: #e1e1e1;
	}

	p.FrameFooterText
	{
		font-family: 'Century Gothic';
		font-size: 24pt;
	}

	p.FrameFooterText2
	{
		color: #404040;
		font-family: 'Century Gothic';
		font-size: 11pt;
	}

	p.GlossaryPrintHead
	{
		color: #3e3e3e;
		font-family: 'Century Gothic';
		font-size: 90pt;
		letter-spacing: -1px;
		mc-heading-level: 1;
		page-break-before: always;
		text-align: right;
	}

	p.IndexHeading
	{
		font-size: 11pt;
		padding-top: 16px;
		text-align: left;
	}

	p.IndexPrintHead
	{
		color: #3e3e3e;
		font-family: 'Century Gothic';
		font-size: 90pt;
		letter-spacing: -1px;
		mc-heading-level: 1;
		page-break-before: always;
		text-align: right;
	}

	p.ManualTitle1
	{
		font-family: 'Century Gothic';
		font-size: 9pt;
		margin-bottom: 0;
		margin-left: 1in;
		margin-top: 2.00in;
	}

	p.ManualTitle2
	{
		color: #bed230;
		font-family: 'Century Gothic';
		font-size: 22pt;
		line-height: 0;
		margin-bottom: 0;
		margin-left: 1in;
		margin-top: 0;
	}

	p.ManualVersionNumber
	{
		color: #b3b3b3;
		font-family: 'Century Gothic';
		font-size: 12pt;
		margin-left: 1in;
		margin-top: 12pt;
	}

	p.MiniTOC1
	{
		color: #e1e1e1;
		font-size: 9pt;
		font-weight: normal;
	}

	p.TableCaption
	{
		color: #404040;
		font-style: italic;
		mc-auto-number-class: TableNum;
		mc-auto-number-format: 'CT:Table {chapnum}-{n+} ';
		padding-bottom: 0;
		padding-top: 12px;
	}

	p.TOC1
	{
		color: #bed230;
		font-size: 12pt;
		font-weight: normal;
		margin-bottom: 6px;
		margin-top: 12px;
		mc-leader-format: 'none';
		mc-pagenum-display: none;
		page-break-after: avoid;
	}

	p.TOC2
	{
		color: #e1e1e1;
		font-size: 10pt;
		font-weight: normal;
		margin-bottom: 2px;
		margin-left: 0.25in;
		margin-top: 2px;
	}

	p.TOC3
	{
		color: #e1e1e1;
		font-size: 8pt;
		font-weight: normal;
		margin-bottom: 2px;
		margin-left: 0.35in;
		margin-top: 2px;
	}

	p.TOC4
	{
		color: #bed230;
		font-size: 12pt;
		font-weight: normal;
		margin-bottom: 6px;
		margin-left: 0;
		margin-top: 12px;
	}

	p.TOCHeading
	{
		color: #3e3e3e;
		font-size: 90pt;
		font-weight: normal;
		letter-spacing: -1px;
		line-height: 92pt;
		margin: 0;
		mc-heading-level: 0;
		text-align: center;
	}

	span.ChapAutoNum
	{
		color: #3e3e3e;
		font-family: 'Century Gothic';
		font-size: 90pt;
		letter-spacing: -1px;
	}

	span.FigureNum
	{
		color: #bed230;
		font-style: normal;
	}

	span.TableNum
	{
		color: #bed230;
		font-style: normal;
	}

	tr
	{
		page-break-inside: avoid;
	}

	ul
	{
		list-style-image: url('../Images/bullet_black.gif');
	}

	ul.FirstLevelLessIndentation
	{
		list-style-image: url('../Images/Bullet1Print.png');
		margin-left: 30px;
	}

	ul ul
	{
		list-style-image: url('../Images/Bullet2Print.png');
		margin-left: 30px;
	}

	ul.cbox
	{
		list-style-image: url('../Images/cbox.png');
	}

	p.note
	{
		mc-auto-number-format: 'Note: ';
	}

	p.noteAlt
	{
		mc-auto-number-format: 'Note: ';
	}

	p.tip
	{
		mc-auto-number-format: 'Tip! ';
	}

	p.tipAlt
	{
		mc-auto-number-format: 'Tip: ';
	}

	p.warning
	{
		mc-auto-number-format: 'Warning: ';
	}

	p.warningAlt
	{
		mc-auto-number-format: 'Warning: ';
	}

	p.example
	{
		mc-auto-number-format: 'Example: ';
	}

	p.exampleAlt
	{
		mc-auto-number-format: 'Example: ';
	}

	p.important
	{
		mc-auto-number-format: 'Important: ';
	}

	p.CSRnoteAlt
	{
		mc-auto-number-format: 'CSR Note';
	}

	div.example
	{
		mc-auto-number-format: 'Example: ';
	}

	div.important
	{
		mc-auto-number-format: 'Important: ';
	}

	div.tip
	{
		mc-auto-number-format: 'Tip! ';
	}

	div.warning
	{
		mc-auto-number-format: 'Warning: ';
	}

	p.CSRnote
	{
		mc-auto-number-format: 'CSR Note: ';
	}

	p.ActionRequired
	{
		mc-auto-number-format: 'Action Required:';
	}

	p.PowerpayPeople
	{
		mc-auto-number-format: 'For Powerpay People ';
	}

	p.PowerpayTraditional
	{
		mc-auto-number-format: 'For Traditional Powerpay';
	}

	:root
	{
		--Dates-To-Review: #ff0004;
	}

	span.YE-Dates-To-Review
	{
		color: #ff0004;
	}

	span.YE-Dates-from-Snippets
	{
		color: #47c35a;
		mc-conditions: 'General.YE-Snippet-Dates';
	}

	span.mc-variable.General\00002EOldYear
	{
		color: #0000ff;
	}

	span.mc-variable.General\00002ENewYear
	{
		color: #0000ff;
	}

	span.mc-variable.General\00002EPriorYear
	{
		color: #e7b242;
	}
}

div.sideContent
{
	margin-left: 10px;
	margin-bottom: 10px;
	width: 33.33%;
	float: right;
}

img.Thumbnail	/*Use on larger images that we want to display as a
thumbnail in the output.*/
{
	mc-thumbnail-max-height: 150px;
	mc-thumbnail: popup;
}

span.Continue
{
	font-style: italic;
	font-weight: bold;
	color: #3067db;
}

span.SearchHighlight1
{
	
}

span.Emphasis
{
	font-weight: bold;
}

h2.internal
{
	background-color: #fcf2c7;
}

h2.servicerequest
{
	background-color: #fcf2c7;
}

span.italics
{
	font-style: italic;
}

p.LastModified
{
	background-color: #fcf2c7;
}

ul.cbox
{
	list-style-image: url('../Images/cbox.png');
	list-style-type: none;
}

p.PowerpayTraditional
{
	background-color: #e7f6f0;
	border-left: solid 4px #2ecc71;
	line-height: 18px;
	overflow: hidden;
	padding: 12px;
	mc-auto-number-format: '{b}For Traditional Powerpay{/b}';
}

p.PowerpayPeople
{
	background-color: #fcf7f2;
	border-left: solid 4px #e74c3c;
	line-height: 18px;
	overflow: hidden;
	padding: 12px;
	mc-auto-number-format: '{b}For Powerpay People {/b}';
}

div.example
{
	line-height: 18px;
	background-color: #e7f6f0;
	border: solid 1px #27ae60;
	border-radius: 6px;
	padding: 12px;
	overflow: hidden;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	mc-auto-number-format: '{b}Example: {/b}';
}

div.tip
{
	line-height: 18px;
	background-color: #fffbea;
	border: solid 1px #f1c40f;
	border-bottom-color: #ffd700;
	border-radius: 6px;
	padding: 12px;
	overflow: hidden;
	mc-auto-number-format: '{b}Tip!{/b}';
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

div.warning
{
	line-height: 18px;
	background-color: #f9e7e5;
	border: solid 1px #c0392b;
	border-radius: 6px;
	padding: 12px;
	overflow: hidden;
	mc-auto-number-format: '{b}Warning: {/b}';
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

div.important
{
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	mc-auto-number-format: '{b}Important: {/b}';
	padding: 12px;
	overflow: hidden;
	border: solid 1px #7373ff;
	border-radius: 6px;
	background-color: #DDDDFF;
	line-height: 18px;
}

div.COBALT
{
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	mc-auto-number-format: '{b}COBALT: {/b}';
	padding: 12px;
	overflow: hidden;
	border: solid 1px #E3F705;
	border-radius: 6px;
	background-color: #ECF2AF;
	line-height: 18px;
}

h2.external
{
	background-color: #f608bf;
}

h2.CSR
{
	background-color: #dda0dd;
}

p.ActionRequired
{
	background-color: #fcf7f2;
	border-left: solid 4px #e74c3c;
	line-height: 18px;
	overflow: hidden;
	padding: 12px;
	mc-auto-number-format: '{b}Action Required: {/b}';
}

MadCap|xref.Internal:link
{
	font: inherit;
	color: #006400;
}

a.internal
{
	color: #006400;
}

h2.TableHeading
{
	color: #4d4d4f;
}

span.mc-variable.General\00002EOldYear
{
	
}

span.mc-variable.General\00002ENewYear
{
	
}

span.mc-variable.General\00002EPriorYear
{
	
}

h2.servicerequest-mau
{
	background: #89ffed;
}

h2.Internal-MGD
{
	background: #b1f584;
}