/*<meta />*/

/*
******************************************************************************************************************************************************
******************************************************************************************************************************************************
**	                                                                                                                                                **
**   Welcome to the THREDD Documentation Portal "PORTAL_STYLES" Stylesheet. It contains the elements that control the look and feel of the          **
**   TOPICS on the THREDD Documentation Portal.                                                                                                     **
**	                                                                                                                                                **
**  There are three stylesheets used in the Documentation Portal Flare Project:                                                                     **
**	                                                                                                                                                **
**   - Portal_Styles.css:      This stylesheet. Controls the display of the topics in the Documentation Portal                                      **
**                             Must be used for all topics, including the Home Page and the Landing pages.                                          **
**   - Portal_LandingPage.css: Controls the display of the Landing pages.                                                                           **
**   - Portal_HomePage.css:    Controls the display of the Home page.                                                                               **
**	                                                                                                                                                **
**   There is also a stylesheet for ALL GUIDES. This stylesheet contains the elements that control the look and feel of the                         **
**   TOPICS on the THREDD Guides in the Documentation Portal.                                                                                       **
**	                                                                                                                                                **
**   - Styles.css:      Controls the display of the topics in the Documentation Portal                                                              **
**                      Must be used for all topics, including the Home Page and the Landing pages.                                                 **
**	                                                                                                                                                **   
**   NOTE: Styles for specific mediums (SCREEN, PRINT, MOBILE, TABLET) are listed at the end of this stylesheet                                     **
**	                                                                                                                                                **
******************************************************************************************************************************************************
******************************************************************************************************************************************************
*/

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

/* ================================================================================================================================================= */

/* THREDD CUSTOMISATION - VARIABLES
/* ================================================================================================================================================= */

:root
{
	--Core_Dark_Blue: #0c0589;
	/* Thredd Core Dark Blue */
	--Core_Light_Blue: #285df4;
	/* Thredd Core Light Blue */
	--Core_Pale_Blue: #63d0fb;
	/* Thredd Core Pale Blue */
	--Text_Dark_Grey: #2d3232;
	/* Thredd Text Dark Grey */
	--Text_Light_Grey: #a3a3a3;
	/* Thredd Text Light Grey */
	--Text_Black: #000000;
	/* Thredd Text Black */
	--Text_White: #ffffff;
	/* Thredd Background White */
	--Note_Dark_Beige: #ddd4c7;
	/* Thredd Background Dark Beige */
	--Note_Pale_Purple: #ebd3e7;
	/* Thredd Complimentary Pale Purple */
	--Note_Pale_Blue: #dff3fb;
	/* Thredd Complimentary Pale Blue */
	--Note_Pale_Yellow: #f8f1c6;
	/* Thredd Complimentary Pale Yellow */
	--Note_Warning_Red: #ebc8bc;
	/* Thredd Warning Pale Red */
	--Background_Dark_Beige: #ddd4c7;
	/* Thredd Background Dark Beige */
	--Background_Light_Beige: #f6f2ef;
	/* Thredd Background Light Beige */
	--Background_White: #ffffff;
	/* Thredd Background White */
	--Hyperlink_Default_Blue: #0c0589;
	/* Thredd Hyperlink Default Blue */
	--Hyperlink_Hover_Blue: #63d0fb;
	/* Thredd Hyperlink Hover Pale Blue */
	--Hyperlink_Visited_Blue: #285df4;
	/* Thredd Hyperlink Visited Light Blue */
}

/* ================================================================================================================================================= */

/* THREDD CUSTOMISATION - BODY STYLES
/* ================================================================================================================================================= */

body
{
	color: var(--Text_Dark_Grey);
	font-family: Segoe UI, Arial, Helvetica, Calibri;
	font-style: inherit;
	padding: 0px 0px 1px 1px;
}

.body-container
{
	padding-left: 2%;
	padding-top: 2%;
}

/* ================================================================================================================================================= */

/* THREDD CUSTOMISATION - PARAGRAPH STYLES
/* ================================================================================================================================================= */

p
{
	font-size: 10.0pt;
	margin-top: 6px;
	margin-bottom: 6px;
	line-height: 16pt;
	letter-spacing: 0.25;
	widows: 3;
	orphans: 3;
	mc-hyphenate: never;
}

p.center	/* Used to center images in Product Sheets */
{
	text-align: center;
}

p.created-using-flare	/* Madcap Style */
{
	color: var(--Text_Dark_Grey);
	font-weight: bold;
	margin-top: 18px;
	font-size: 9pt;
	line-height: 15pt;
	text-transform: uppercase;
}

div.keep_together	/* Used for multiple line notes */
{
	page-break-inside: avoid;
}

p.Note	/* Note style used in THREDD Documentation Portal and all Guides */
{
	color: var(--Text_Dark_Grey);
	background-color: var(--Note_Dark_Beige);
	background-repeat: no-repeat;
	mc-auto-number-position: float-left;
	border-bottom-left-radius: 3px 3px;
	border-radius: 3px 3px;
	margin-top: 4px;
	margin-bottom: 6px;
	padding: 6px 0px 8px 15px;
	width: 100%;
}

p.Note::before	/* Prefix for Note Style used in THREDD Documentation Portal and all Guides */
{
	content: 'Note: ';
	font-weight: bold;
	color: var(--Text_Dark_Grey);
}

p.Internalnote	/* Currently used in Web Services Guide */
{
	mc-conditions: 'Default.InternalOnly';
	background-repeat: no-repeat;
	background-image: none;
	background-color: var(--Note_Pale_Purple);
	padding: 6px 15px 8px 15px;
	mc-auto-number-position: float-left;
	color: var(--Text_Dark_Grey);
	border-bottom-left-radius: 3px 3px;
	border-radius: 3px 3px;
	width: 100%;
}

p.Internalnote::before	/* Currently used in Web Services Guide */
{
	content: 'Internal Note: ';
	font-weight: bold;
	color: var(--Text_Dark_Grey);
}

p.Tip	/* Tip style used in THREDD Documentation Portal and all Guides */
{
	background-repeat: no-repeat;
	color: var(--Text_Dark_Grey);
	background-color: var(--Note_Pale_Blue);
	background-image: none;
	padding: 6px 15px 8px 15px;
	mc-auto-number-position: float-left;
	border-bottom-left-radius: 3px 3px;
	border-radius: 3px 3px;
	width: 100%;
}

p.Tip::before	/* Prefix for Tip Style used in THREDD Documentation Portal and all Guides */
{
	content: 'Tip: ';
	font-weight: bold;
	color: var(--Text_Dark_Grey);
}

p.Warning	/* Warning style used in THREDD Documentation Portal and all Guides - USE SPARINGLY */
{
	background-repeat: no-repeat;
	margin-right: 0;
	background-image: none;
	background-color: var(--Note_Warning_Red);
	padding: 6px 15px 8px 15px;
	border-radius: 3px;
	width: 100%;
}

p.Warning::before	/* Prefix for Warning Style used in THREDD Documentation Portal and all Guides */
{
	font-weight: 500;
	content: 'Warning: ';
}

p.Example	/* Example style used in THREDD Documentation Portal */
{
	color: var(--Text_Dark_Grey);
	background-color: var(--Background_Light_Beige);
	background-repeat: no-repeat;
	mc-auto-number-position: float-left;
	border-bottom-left-radius: 3px 3px;
	border-radius: 3px 3px;
	margin-top: 4px;
	margin-bottom: 6px;
	padding: 6px 15px 8px 15px;
	width: 100%;
}

p.Example::before	/* Prefix for Example Style used in THREDD Documentation Portal and all Guides */
{
	content: 'For example, ';
}

p.Examples	/* Example style used in THREDD Documentation Portal and all Guides */
{
	color: var(--Text_Dark_Grey);
	background-color: var(--Background_Light_Beige);
	background-repeat: no-repeat;
	mc-auto-number-position: float-left;
	border-bottom-left-radius: 3px 3px;
	border-radius: 3px 3px;
	margin-top: 4px;
	margin-bottom: 6px;
	padding: 6px 15px 8px 15px;
	width: 100%;
}

Note-text
{
	color: var(--Text_Dark_Grey);
}

p.no_spacing
{
	margin-top: 6px;
	margin-bottom: 6px;
	font-size: 7pt;
	line-height: 9pt;
}

/* ================================================================================================================================================= */

/* THREDD CUSTOMISATION - FRONTMATTER STYLES
/* ================================================================================================================================================= */

hr.title-page	/* Used in THREDD Title Page */
{
	border: solid 0px transparent;
	background-color: var(--Text_Light_Grey);
	height: 1px;
	width: 100%;
	margin-bottom: 30px;
	margin-top: 370px;
}

p.title	/* Used in THREDD Title Page */
{
	line-height: 48pt;
	margin-top: 30px;
	mc-hyphenate: never;
	font-size: 40pt;
}

p.Subtitle	/* Used in THREDD Title Page */
{
	font-weight: normal;
	font-size: 14.0pt;
	color: var(--Text_Dark_Grey);
}

p.title_A4	/* Used in THREDD A4 Title Page */
{
	line-height: 36pt;
	font-size: 32pt;
	margin-top: 30px;
	mc-hyphenate: never;
}

p.Subtitle_A4	/* Used in THREDD A4 Title Page */
{
	font-weight: normal;
	font-size: 12.0pt;
	color: var(--Text_Dark_Grey);
}

p.title-page-footer	/* Used in THREDD Title Page */
{
	color: var(--Text_Dark_Grey);
	font-size: 9pt;
	frame-break-before: always;
	line-height: 15pt;
	margin-top: 30px;
}

p.title-page-url	/* Used in THREDD Title Page */
{
	color: var(--Hyperlink_Default_Blue);
	font-size: 9pt;
	line-height: 15pt;
}

p.contact-text	/* Contact Information text used on the Title Page - Page Layouts */
{
	font-size: 10pt;
	line-height: 13pt;
	margin-top: 6px;
	margin-bottom: 6px;
}

p.contact-text-right	/* Contact Information text used on the Title Page - Page Layouts */
{
	text-align: right;
	font-size: 10pt;
	line-height: 13pt;
	margin-top: 6px;
	margin-bottom: 6px;
}

p.contact-text-A4	/* Contact Information text used on the Title Page - Page Layouts */
{
	font-size: 9pt;
	line-height: 11pt;
	margin-top: 6px;
	margin-bottom: 6px;
}

p.contact-text-A4-right	/* Contact Information text used on the Title Page - Page Layouts */
{
	text-align: right;
	font-size: 9pt;
	line-height: 11pt;
	margin-top: 6px;
	margin-bottom: 6px;
}

/* ================================================================================================================================================= */

/* THREDD CUSTOMISATION - FOOTNOTE STYLES
/* ================================================================================================================================================= */

MadCap|footnote	/* Currently used in all Guides */
{
	color: var(--Text_Dark_Grey);
	font-size: 8pt !important;
	/*overrides the default */
	font-family: Segoe UI, Arial, Helvetica, Calibri;
	mc-footnote-number: chapter;
}

MadCap|footnote.footnote	/* Currently used in all Guides */
{
	mc-footnote-comment-format: '{n}';
	mc-footnote-format: '{n}';
}

p.footnote
{
	margin-top: 0pt;
	margin-bottom: 0pt;
	font-family: 'Segoe UI';
	font-size: 8pt;
}

span.FootnoteText	/* Currently used in all Guides */
{
	margin-top: 0pt;
	margin-bottom: 0pt;
	font-family: 'Segoe UI';
	font-size: 8pt;
}

/* ================================================================================================================================================= */

/* THREDD CUSTOMISATION - IMAGE STYLES
/* ================================================================================================================================================= */

img
{
	border: none;
	max-width: 90%;
	text-align: left;
	padding-bottom: 0px;
	padding-top: 8px;
}

img.50-percent	/* USED IN PORTAL FLARE PROJECT IMAGE STYLE FOR PDF ICON ON TECHNICAL DOCUMENTATION PAGES */
{
	border: none;
	width: 50px;
	height: 62px;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

figure
{
	mc-auto-number-format: 'CI: FIGURE {chapnum}-{n+}:';
}

p.Figure
{
	font-size: 10.0pt;
	margin-top: 0px;
	margin-bottom: 20px;
	line-height: 20pt;
	letter-spacing: 0.25;
	text-align: left;
	widows: 3;
	orphans: 3;
	color: var(--Core_Dark_Blue);
	font-style: italic;
	page-break-before: avoid;
	mc-auto-number-format: 'GF: Figure {n+}: ';
	/* Currently used in all Guides */
}

p.Figure-nonumber	/* Currently used in all Guides */
{
	font-size: 11.0pt;
	margin-top: 6px;
	margin-bottom: 20px;
	line-height: 20pt;
	letter-spacing: 0.25;
	text-align: left;
	widows: 3;
	orphans: 3;
	color: var(--Core_Dark_Blue);
	font-style: italic;
	mc-auto-number-format: 'Figure: ';
}

p.Figure-no-numb	/* Currently used in all Guides */
{
	font-size: 10.0pt;
	margin-top: 0px;
	margin-bottom: 20px;
	line-height: 20pt;
	letter-spacing: 0.25;
	text-align: left;
	widows: 3;
	orphans: 3;
	color: var(--Core_Dark_Blue);
	font-style: italic;
	mc-auto-number-format: 'Figure: ';
}

p.graphic	/* Currently used in Smart Client Guide and Getting Started Guide*/
{
	margin-top: 6pt;
	font-size: 11pt;
	page-break-after: avoid;
	margin-bottom: 3pt;
	text-align: center;
	font-family: 'Segoe UI';
}

p.Caption	/* Currently used in Smart Client Guide and Getting Started Guide */
{
	margin-top: 3pt;
	margin-bottom: 6pt;
	text-align: center;
	font-family: 'Segoe UI';
	font-style: italic;
	color: var(--Text_Dark_Grey);
	font-size: 9pt;
}

figcaption
{
	font-size: 8.0pt;
	margin-top: 0pt;
	margin-bottom: 4pt;
	text-align: left;
	color: var(--Text_Dark_Grey);
	font-style: italic;
}

/* ================================================================================================================================================= */

/* MADCAP STYLES - LISTS
/* ================================================================================================================================================= */

dd,
dd p,
dt,
dt p,
li,
li p
{
	margin-bottom: 6px !important;
	/* override the default */
	margin-top: 6pt !important;
	/* override the default */
	line-height: 15pt !important;
	/* override the default */
	font-size: 10pt !important;
	/* override the default */
}

dl,
ol,
ul
{
	letter-spacing: .25;
	line-height: 20pt;
	margin-top: 0px;
	margin-bottom: 0px;
}

ul.newsletter
{
	letter-spacing: .25;
	line-height: 20pt;
	margin-top: 0px;
	margin-bottom: 0px;
}

p.ListParagraph	/* Currently used in Smart Client Guide and Getting Started Guide */
{
	margin-top: 6pt;
	margin-bottom: 5pt;
	font-size: 11pt;
	font-family: 'Segoe UI';
}

li.ListParagraph	/* Currently used in Smart Client Guide and Getting Started Guide */
{
	margin-top: 6pt;
	margin-bottom: 5pt;
	font-size: 11pt;
	font-family: 'Segoe UI';
}

/* ================================================================================================================================================= */

/* THREDD CUSTOMISATION - TABLE STYLES
/* ================================================================================================================================================= */

table.TableStyle-Portal_TableStyle	/* Table width used in all THREDD tables */
{
	width: 95% !important;
}

p.table-heading	/* Table heading used in all THREDD tables */
{
	font-size: 12pt;
	font-weight: 600;
	margin-top: 6px;
	margin-bottom: 6px;
}

p.table-text	/* Table Paragraph Style used in all THREDD tables */
{
	font-size: 10pt;
	line-height: 13pt;
	margin-top: 6px;
	margin-bottom: 6px;
}

p.TableNote	/* THREDD CUSTOMISATION - Table Note Style used in all THREDD tables */
{
	color: var(--Text_Dark_Grey);
	background-color: var(--Note_Dark_Beige);
	background-repeat: no-repeat;
	mc-auto-number-position: float-left;
	border-bottom-left-radius: 3px 3px;
	border-radius: 2px 2px;
	margin-top: 4px;
	margin-bottom: 6px;
	padding: 6px 6px 6px 6px;
}

/* p.TableNote::before	/* THREDD Quick Reference Guides - Example Table Note Prefix
{
	content: 'Note: ';
	font-weight: bold;
	color: var(--Text_Dark_Grey);
} */

p.TableCaption	/* Table Caption Style - not currently used by THREDD */
{
	font-size: 10pt;
	font-weight: normal;
	margin-top: 0px;
	padding-top: 3px;
}

p.table-footnote
{
	letter-spacing: 0.25;
	widows: 3;
	orphans: 3;
	font-size: 9pt;
	line-height: 10pt;
	margin-bottom: 4px;
	margin-top: 6px;
}

/* ================================================================================================================================================= */

/* THREDD CUSTOMISATION - CHARACTER STYLES
/* ================================================================================================================================================= */

span.Strong
{
	font-weight: bold;
}

Strong
{
	font-weight: bold;
}

span.Emphasis
{
	font-style: italic;
}

span.reference
{
	font-style: italic;
	color: var(--Core_Dark_Blue);
}

var
{
	font-family: Calibri, Arial, Helvetica;
	color: var(--Core_Light_Blue);
	font-style: normal;
	font-size: 10pt;
}

/* ================================================================================================================================================= */

/* THREDD CUSTOMISATION - CODE STYLES
/* ================================================================================================================================================= */

code
{
	font-family: Calibri, Arial, Helvetica;
	color: var(--Core_Light_Blue);
}

Field
{
	font-size: 10pt;
	color: var(--Core_Light_Blue);
	font-family: Calibri, Helvetica;
}

span.codetablenote
{
	font-family: Calibri, Arial, Helvetica;
	color: var(--Core_Light_Blue);
	mc-hidden: unhidden;
}

div.code_snippet	/* Currently used in all Guides */
{
	background-color: var(--Background_Light_Beige);
	padding: 10px;
}

MadCap|codeSnippetBody
{
	padding-bottom: 0;
	padding: 0;
	padding-top: 0;
	line-height: 12pt;
}

MadCap|codeSnippet
{
	background: var(--Background_Light_Beige);
	padding: 0px 0;
	margin-bottom: 10;
	margin-top: 10;
}

MadCap|codeSnippetCaption
{
	text-decoration: none;
}

/* ================================================================================================================================================= */

/* THREDD CUSTOMISATION - HEADING STYLES
/* ================================================================================================================================================= */

h1
{
	color: var(--Text_Dark_Grey);
	font-size: 1.87em;
	margin-top: 16px;
	font-weight: 400;
	mc-auto-number-format: '';
}

h1.numbered
{
	mc-auto-number-format: 'GC:{n+}{ =0}{ =0}{ =0} ';
	/* Currently used in all Guides */
}

h1.nonumber	/* Heading 1 Style with No Numbering */
{
	mc-auto-number-format: '';
}

h1.No-Page-Break-Before
{
	page-break-before: avoid;
	mc-auto-number-format: 'GC:{n+}{ =0}{ =0}{ =0} ';
	/* Currently used in all Guides */
}

h1.No-Break-No-Num
{
	page-break-before: avoid;
	mc-hyphenate: never;
	mc-auto-number-format: '';
	/* Currently used in all Guides */
}

h2
{
	color: var(--Text_Dark_Grey);
	font-size: 1.6785em;
	page-break-before: always;
	padding-bottom: 2px;
	padding-top: 4px;
	font-weight: 300;
	mc-auto-number-format: 'GC:{n}.{n+}{ =0}{ =0} ';
	/* Currently used in all Guides */
}

h2.nonumber	/* Heading 2 Style with NO Numbering */
{
	mc-auto-number-format: '';
}

h2.No-Page-Break-Before
{
	page-break-before: avoid;
}

h2.No-Page-Break-noNumb
{
	mc-auto-number-format: '';
	page-break-before: avoid;
}

h3
{
	color: var(--Text_Dark_Grey);
	font-size: 1.4785em;
	margin-top: 16px;
	margin-bottom: 1px;
	padding-bottom: 2px;
	padding-top: 4px;
	font-weight: 300;
	mc-auto-number-format: 'GC:{n}.{n}.{n+}{ =0}{ =0} ';
	/* Currently used in all Guides */
}

h3.nonumber
{
	mc-auto-number-format: '';
}

h3.Page-Break-Before	/* Currently used in all Guides */
{
	page-break-before: always;
}

h4
{
	color: var(--Text_Dark_Grey);
	font-size: 1.4785em;
	line-height: 22pt;
	margin-top: 14px;
	margin-bottom: 1px;
	padding-bottom: 2px;
	padding-top: 4px;
	mc-auto-number-format: '';
	font-weight: 300;
	page-break-after: avoid;
	page-break-inside: avoid;
	mc-heading-level: 0;
}

h5
{
	color: var(--Text_Dark_Grey);
	font-size: 10.0pt;
	margin-top: 14px;
	margin-bottom: 1px;
	padding-bottom: 2px;
	padding-top: 4px;
	font-weight: 300;
	mc-auto-number-format: '';
	mc-heading-level: 0;
}

h6
{
	color: var(--Text_Dark_Grey);
	font-weight: 300;
	font-size: 8.0pt;
	margin-top: 14px;
	margin-bottom: 1px;
	padding-bottom: 2px;
	padding-top: 4px;
	mc-auto-number-format: '';
	mc-heading-level: 0;
}

/* ================================================================================================================================================= */

/* THREDD CUSTOMISATION - TABLE OF CONTENTS STYLES
/* ================================================================================================================================================= */

p.TOC1
{
	color: var(--Text_Dark_Grey);
	font-size: 17pt;
	font-weight: normal;
	line-height: 21pt;
	margin-bottom: 15px;
	margin-top: 15px;
	page-break-after: avoid;
}

p.TOC2
{
	color: var(--Text_Dark_Grey);
	font-size: 15pt;
	font-weight: normal;
	line-height: 21pt;
	margin-bottom: 13px;
	margin-left: .5in;
	margin-top: 13px;
}

p.TOC3
{
	color: var(--Text_Dark_Grey);
	font-size: 13pt;
	line-height: 21pt;
	font-weight: normal;
	margin-bottom: 10px;
	margin-left: 1in;
	margin-top: 10px;
}

p.TOC4
{
	color: var(--Text_Dark_Grey);
	margin-left: 1.5in;
}

/* ================================================================================================================================================= */

/* THREDD CUSTOMISATION - BREADCRUMB, HYPERLINK AND CROSS REFERENCE STYLES
/* ================================================================================================================================================= */

a
{
	color: var(--Hyperlink_Default_Blue);
	text-decoration: underline;
}

a:link
{
	color: var(--Hyperlink_Default_Blue);
	text-decoration: none;
}

a:visited
{
	color: var(--Hyperlink_Default_Blue);
	text-decoration: none;
}

a:hover
{
	color: var(--Hyperlink_Default_Blue);
	text-decoration: underline;
}

a.banner
{
	color: var(----Text_White);
	text-decoration: none;
}

a.banner:link
{
	color: var(----Text_White);
	text-decoration: none;
}

a.banner:visited
{
	color: var(----Text_White);
	text-decoration: none;
}

a.banner:hover
{
	color: var(----Text_White);
	text-decoration: underline;
}

a.Hyperlink	/* Currently used in Getting Started Guide, Chargebacks, Key Concepts */
{
	color: var(--Hyperlink_Default_Blue);
	text-decoration: underline;
}

span.Hyperlink	/* Currently used in Smart Client Guide */
{
	color: var(--Hyperlink_Default_Blue);
	text-decoration: underline;
}

MadCap|xref
{
	font-weight: bold;
	text-decoration: underline;
	color: var(--Hyperlink_Default_Blue);
	mc-format: '{paratext}';
	/* Currently used in all Guides */
}

MadCap|xref.FigureRef	/* Currently used in all Guides */
{
	mc-format: '{paranumonly}';
}

MadCap|xref.PageNumberOnly
{
	mc-format: '{page}';
}

MadCap|xref.ParaTextOnly
{
	mc-format: '{paratext}';
}

MadCap|breadcrumbsProxy
{
	border-bottom-width: 0;
	font-size: 9pt;
	color: var(--Text_Dark_Grey);
}

/* ================================================================================================================================================= */

/* THREDD CUSTOMISATION - PROXY STYLES
/* ================================================================================================================================================= */

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

MadCap|glossaryProxy
{
	border-top: none;
}

MadCap|indexProxy
{
	border-top: none;
}

/* ================================================================================================================================================= */

/* THREDD CUSTOMISATION - HOME PAGE COPYRIGHT STYLES
/* ================================================================================================================================================= */

hr.copyright-footer
{
	border-top: 0.5px solid var(--Text_Light_Grey);
}

h4.copyright-title
{
	line-height: 15pt;
	margin-bottom: 6pt;
}

p.copyright	/* Used for the copyright statement on the home page */
{
	font-size: 8pt;
	font-align: justify;
	mc-hyphenate: never;
	margin-top: 6px;
	margin-bottom: 3px;
	line-height: 11pt;
	text-align: left;
}

p.feedback-title
{
	font-size: 20pt;
	color: var(--Text_Dark_Grey);
	font-weight: normal;
	line-height: 15pt;
	margin-bottom: 12pt;
}

p.feedback	/* Used for the copyright statement on the home page */
{
	font-size: 9pt;
	font-align: justify;
	mc-hyphenate: never;
	margin-top: 6px;
	margin-bottom: 3px;
	line-height: 15pt;
	text-align: left;
}

/* ================================================================================================================================================= */

/* THREDD CUSTOMISATION - RELATED TOPICS STYLES
/* ================================================================================================================================================= */

MadCap|relatedTopics
{
	color: var(--Core_Light_Blue);
}

MadCap|relatedTopicsControlListItemLink:hover
{
	background: var(--Background_Light_Beige);
}

MadCap|relatedTopicsControlListItem
{
	background: var(--Background_Light_Beige);
}

MadCap|relatedTopicsControlList
{
	background: var(--Background_Light_Beige);
}

/* ================================================================================================================================================= */

/* THREDD CUSTOMISATION - DROP DOWN AND EXPANDING TEXT - DROP DOWN USED IN THREDD GLOSSARY, FAQS AND WHATS CHANGED
/* ================================================================================================================================================= */

MadCap|dropDown
{
	border-bottom: 0.5px solid var(--Text_Light_Grey);
	mc-image-position: left;
	mc-image-spacing: 10px;
	padding: 12px 0px;
	mc-closed-image: url('../Images/DropDownClosed.gif');
	mc-open-image: url('../Images/DropDownOpen.gif');
}

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

MadCap|dropDownHotspot
{
	cursor: hand;
	text-decoration: none;
	color: var(--Text_Dark_Grey);
	font-weight: 400;
	border-bottom: none;
	font-size: 12pt;
	padding: 1em;
}

MadCap|dropDownHotspot.Portal
{
	cursor: hand;
	text-decoration: none;
	color: var(--Text_Dark_Grey);
	font-weight: 400;
	border-bottom: none;
	font-size: 12pt;
	padding: 1em;
}

MadCap|dropDownHotspot.glossary
{
	cursor: hand;
	text-decoration: none;
	color: var(--Text_Dark_Grey);
	font-weight: 400;
	font-size: 11pt;
	border-bottom: none;
	font-size: 1.1785em;
	padding: 1em;
}

MadCap|expandingBody
{
	color: var(--Text_Dark_Grey);
	font-style: italic;
}

MadCap|expandingHead
{
	font-style: italic;
	font-weight: normal;
	cursor: hand;
	text-decoration: none;
	color: var(--Core_Dark_Blue);
}

MadCap|expanding
{
	mc-closed-image: url('../Images/ExpandingClosed.gif');
	mc-open-image: url('../Images/ExpandingOpen.gif');
}

MadCap|toggler
{
	mc-closed-image: url('../Images/DropDownClosed.gif');
	mc-open-image: url('../Images/DropDownOpen.gif');
}

/* ================================================================================================================================================= */

/* THREDD CUSTOMISATION - PAGE DEFINITION - GLOSSARY
/* ================================================================================================================================================= */

div.GlossaryPageDefinition	/* Glossary Page Controls */
{
	margin-right: 5%;
	font-size: 10pt;
}

div.GlossaryPageHeading
{
	font-weight: bold;
	font-size: 24.0pt;
	color: var(--Text_Dark_Grey);
	margin-bottom: 10px;
	margin-top: 10px;
	border-bottom-color: var(--Text_Dark_Grey);
	border-bottom-style: solid;
	border-bottom-width: 1px;
	text-align: left;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-right: 10px;
	background-repeat: no-repeat;
}

div.GlossaryPageTerm
{
	font-weight: 400;
	font-size: 11pt;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-right: 5%;
	color: var(--Text_Dark_Grey);
}

MadCap|glossaryProxy
{
	border-top: none;
}

MadCap|glossaryTerm
{
	color: var(--Text_Dark_Grey);
	mc-closed-image-alt-text: ;
	mc-image-spacing: 1px;
	mc-image-position: right;
	mc-term-display: popup;
	mc-closed-image: url('../Images/ExpandingClosed.gif');
	mc-open-image: url('../Images/ExpandingOpen.gif');
}

MadCap|glossaryTerm.Expanding
{
	font-size: 10pt;
	mc-closed-image: url('../Images/ExpandingClosed.gif');
	mc-open-image: url('../Images/ExpandingOpen.gif');
}

p.GlossaryFigure
{
	font-size: 10.0pt;
	margin-top: 0px;
	margin-bottom: 20px;
	line-height: 12pt;
	text-indent: 23px;
	letter-spacing: 0.25;
	widows: 3;
	orphans: 3;
	color: var(--Core_Light_Blue);
	font-style: italic;
	mc-auto-number-format: 'CG: Figure {secnum}-{n+}: ';
}

/* ================================================================================================================================================= */

/* THREDD CUSTOMISATION - PAGE DEFINITION - INDEX
/* ================================================================================================================================================= */

p.IndexHeading
{
	font-size: 21pt;
	font-weight: normal;
	margin-bottom: 15px;
	margin-top: 15px;
	border-bottom-color: var(--Text_Light_Grey);
	border-bottom-style: solid;
	border-bottom-width: 1px;
	text-align: left;
	color: inherit;
	padding-left: 10px;
	padding-bottom: 20px;
	padding-top: 12px;
	padding-right: 10px;
	background-repeat: no-repeat;
}

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

p.Index2
{
	font-size: 10pt;
	font-weight: normal;
}

/* ================================================================================================================================================= */

/* THREDD CUSTOMISATION - TOPIC FOOTER PROPERTIES 
/* ================================================================================================================================================= */

p.frame-footer-page-number
{
	color: var(--Text_Light_Grey);
	font-size: 11pt;
	font-weight: bold;
	text-align: right;
}

p.frame-footer-text
{
	color: var(--Text_Light_Grey);
	font-size: 11pt;
	font-weight: bold;
	text-transform: uppercase;
}

div.home-table
{
	padding: 3% 0% 3% 0%;
}

div.home-footer	/* Master page footer */
{
	max-width: 100%;
	padding: 5% 2% 0% 0%;
	bottom: 0%;
	position: relative;
}

p.footer
{
	margin-top: 4px;
	margin-bottom: 4px;
	line-height: 12pt;
	color: var(--Background_White);
}

p.footer-sub
{
	color: var(--Background_White);
	font-size: 10pt;
	margin-top: 10px;
}

MadCap|pageFooter
{
	font-family: Arial;
	font-size: 10pt;
}

/*
******************************************************************************************************************************************************
******************************************************************************************************************************************************
**	                                                                                                                                                **
**	THREDD CUSTOM Styles - GUIDES                                                                                                                   **
**	                                                                                                                                                **
**	Styles in this section are customised for the THREDD GUIDES. Specificlly they relate to:                                                        **
**	                                                                                                                                                **
**	Home Page Mouse Over Icon Styles                                                                                                                **
**	Introduction to Card Payments - gps.documentation.introcardpayments                                                                             **
**	PSF Configuration - gps.documentation.config                                                                                                    **
**	Quick Reference Guides - gps.documentation.quickreference                                                                                       **
**	Product Sheets - gps.documentation.productsheets                                                                                                **
**                                                                                                                                                  **																																					  
**                                                                                                                                                  **
**                                                                                                                                                  **
******************************************************************************************************************************************************
******************************************************************************************************************************************************
*/

/* ================================================================================================================================================= */

/* THREDD CUSTOMISATION - HOME PAGE MOUSE OVER ICONS STYLES ********** SUGGEST MOVING TO HOME PAGE STYLESHEET ***************
/* ================================================================================================================================================= */

.homeicon .img-top	/*< THREDD Guide Home page mouse-over icons style />*/
{
	display: none;
	position: inherit;
	top: 0;
	left: 0;
	z-index: 99;
}

.homeicon:hover .img-top	/*< Guide Home page mouse-over icons style />*/
{
	display: inline;
}

.homeicon:hover .img-bottom	/*< Guide Home page mouse-over icons style />*/
{
	display: none;
}

.homeicon:hover	/*< Guide Home page mouse-over icons style />*/
{
	cursor: pointer;
}

/* ================================================================================================================================================= */

/* THREDD CUSTOMISATION - INPUT AREAS - SUBMIT BUTTON AND STYLES USED TO INPUT WITH TYPE="TEXT", SELECT ELEMENTS AND TEXT AREAS  
/* ================================================================================================================================================= */

input[type=text],
select,
textarea	/* Style inputs with type="text", select elements and textareas */
{
	width: 100%;
	/* Full width */
	padding: 12px;
	/* Some padding */
	border: 1px solid var(--Text_Light_Grey);
	/* Gray border */
	border-radius: 4px;
	/* Rounded borders */
	box-sizing: border-box;
	/* Make sure that padding and width stays in place */
	margin-top: 6px;
	/* Add a top margin */
	margin-bottom: 16px;
	/* Bottom margin */
	resize: vertical;
	/* Allow the user to vertically resize the textarea (not horizontally) */
}

input[type=submit]	/* Style the submit button with a specific background color etc */
{
	background-color: var(--Background_Dark_Beige);
	color: var(--Background_White);
	padding: 12px 20px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
}

input[type=submit]:hover	/* When moving the mouse over the submit button, add a deeper green color */
{
	background-color: var(--Background_Light_Beige);
}

.container	/* Add a background color and some padding around the form */
{
	border-radius: 5px;
	background-color: var(--Background_White);
	padding: 20px;
}

:focus	/* Remove the Outline from the Search Box */
{
	outline: none;
}

/* ================================================================================================================================================= */

/* THREDD CUSTOMISATION -SECTION HEADING STYLES - USED IN BALANCE XML, TRANSACTION XML, EHI AND INTRO TO CARD PAYMENTS
/* ================================================================================================================================================= */

h1.sectionbreak
{
	font-size: 30pt;
	font-variant: small-caps;
	line-height: 35pt;
	margin-top: 12px;
	background: var(--Background_Light_Beige);
	mc-auto-number-format: ' ';
}

h1.section
{
	mc-auto-number-format: 'SH:{secnum}.{chapnum} ';
}

h1.section-no_pb
{
	mc-auto-number-format: 'SH:{secnum}.{chapnum} ';
	page-break-before: avoid;
}

h2.section
{
	page-break-before: always;
	padding-bottom: 2px;
	padding-top: 4px;
	mc-auto-number-format: '{secnum}.{chapnum}.{n+} ';
}

h2.section-no_pb
{
	page-break-before: always;
	padding-bottom: 2px;
	padding-top: 4px;
	mc-auto-number-format: '{secnum}.{chapnum}.{n+} ';
	page-break-before: avoid;
}

h3.section
{
	mc-auto-number-format: '';
}

h3.section-pb
{
	mc-auto-number-format: '';
	page-break-before: always;
}

/* ================================================================================================================================================= */

/* THREDD CUSTOMISATION - LANDING PAGE STYLES - INTRO TO CARD PAYMENTS AND TEAM DOCS
/* ================================================================================================================================================= */

p.grid	/* Used in Home Page of Team Documents and Intro to Card Payments */
{
	font-size: 10pt;
	margin-top: 6px;
	margin-left: 6px;
	margin-right: 6px;
	margin-bottom: 6px;
}

p.grid-italic	/* Used in Home Page of Team Documents and Intro to Card Payments */
{
	font-size: 10pt;
	font-style: Italic;
	margin-top: 6px;
	margin-left: 6px;
	margin-right: 6px;
	margin-bottom: 6px;
}

/* ================================================================================================================================================= */

/* THREDD QUICK REFERENCE SHEET STYLES
/* ================================================================================================================================================= */

h1.NoNum-No-Page-Break-Before
{
	page-break-before: avoid;
	mc-auto-number-format: '';
}

p.QR_table-text	/* THREDD Quick Reference Guides - Table text style to improve paragraph formatting */
{
	font-size: 10pt;
	margin-top: 6px;
	margin-bottom: 6px;
}

span.Internal	/* THREDD Quick Reference Guides - change character text to Internal Only */
{
	mc-conditions: 'Default.InternalOnly';
}

p.QR_Note	/* THREDD Quick Reference Guides - Note */
{
	color: var(--Text_Dark_Grey);
	background-color: var(--Core_Pale_Blue);
	background-repeat: no-repeat;
	background-image: none;
	padding: 6px 15px 8px 15px;
	mc-auto-number-position: float-left;
	border-bottom-left-radius: 3px 3px;
	border-radius: 3px 3px;
}

p.QR_Note::before	/* THREDD Quick Reference Guides - Note Prefix */
{
	content: 'Note: ';
	font-weight: bold;
	color: var(--Text_Dark_Grey);
	font-size: 10pt;
}

p.Tip_QR	/* THREDD Quick Reference Guides - Tip Note */
{
	color: var(--Text_Dark_Grey);
	background-color: var(--Background_Dark_Beige);
	background-repeat: no-repeat;
	margin-top: 12px;
	margin-bottom: 12px;
	background-image: none;
	padding: 6px 15px 8px 15px;
	mc-auto-number-position: float-left;
	border-bottom-left-radius: 3px 3px;
	border-radius: 3px 3px;
}

p.Tip_QR::before	/* THREDD Quick Reference Guides - Tip Note Prefix */
{
	content: 'Tip: ';
	font-weight: bold;
	color: var(--Text_Dark_Grey);
	font-size: 10pt;
}

p.Note_Important	/* THREDD Quick Reference Guides - Important Note */
{
	color: var(--Text_White);
	background-color: var(--Core_Dark_Blue);
	font-size: 10pt;
	margin-top: 12px;
	margin-bottom: 12px;
	background-repeat: no-repeat;
	background-image: none;
	padding: 6px 15px 8px 15px;
	mc-auto-number-position: float-left;
	border-bottom-left-radius: 3px 3px;
	border-radius: 3px 3px;
	line-height: 15pt;
}

p.banner	/* THREDD Banner */
{
	color: var(--Text_White);
	font-weight: bold;
	background-color: var(--Core_Dark_Blue);
	font-size: 10pt;
	margin-top: 12px;
	margin-bottom: 12px;
	background-repeat: no-repeat;
	background-image: none;
	padding: 6px 15px 8px 15px;
	mc-auto-number-position: float-left;
	border-bottom-left-radius: 3px 3px;
	border-radius: 3px 3px;
	line-height: 15pt;
	width: 100%;
}

p.Note_Important::before	/* THREDD Quick Reference Guides - Important Note Prefix */
{
	content: 'IMPORTANT: ';
	font-weight: bold;
	color: var(--Text_White);
	font-size: 10pt;
}

p.Note_Internal	/* THREDD Quick Reference Guides - Internal Note - INTERNAL USE ONLY */
{
	color: var(--Text_Black);
	font-weight: bold;
	background-color: var(--Text_Light_Grey);
	mc-conditions: 'Default.InternalOnly';
	font-size: 10pt;
	margin-top: 12px;
	margin-bottom: 12px;
	background-repeat: no-repeat;
	background-image: none;
	padding: 6px 15px 8px 15px;
	mc-auto-number-position: float-left;
	border-bottom-left-radius: 3px 3px;
	border-radius: 3px 3px;
	font-size: 10pt;
	line-height: 15pt;
}

p.Note_Internal::before	/* THREDD Quick Reference Guides - Internal Note Prefix */
{
	content: 'THREDD ONLY: ';
	font-weight: bold;
	color: var(--Text_Dark_Grey);
	font-size: 10pt;
}

p.TableNote_QR	/* THREDD Quick Reference Guides - Table Note */
{
	color: var(--Text_Dark_Grey);
	background-color: var(--Note_Dark_Beige);
	font-size: 10pt;
	margin-top: 12px;
	margin-bottom: 12px;
	background-repeat: no-repeat;
	background-image: none;
	padding: 9px 9px 9px 8px;
	mc-auto-number-position: float-left;
	border-bottom-left-radius: 3px 3px;
	border-radius: 3px 3px;
	font-size: 10pt;
	line-height: 15pt;
}

p.TableNote_QR::before	/* THREDD Quick Reference Guides - Table Note Prefix */
{
	content: 'Note: ';
	font-weight: bold;
	color: var(--Text_Dark_Grey);
	font-size: 10pt;
}

p.TableNote_Tip	/* THREDD Quick Reference Guides - Tip Table Note */
{
	font-size: 10pt;
	margin-top: 12px;
	margin-bottom: 12px;
	background-repeat: no-repeat;
	background-image: none;
	background-color: var(--Background_Dark_Beige);
	padding: 6px 15px 8px 15px;
	mc-auto-number-position: float-left;
	color: var(--Text_Black);
	border-bottom-left-radius: 3px 3px;
	border-radius: 3px 3px;
	line-height: 15pt;
}

p.TableNote_Tip::before	/* THREDD Quick Reference Guides - Tip Table Note Prefix */
{
	content: 'Tip: ';
	font-weight: bold;
	color: var(--Text_Dark_Grey);
	font-size: 10pt;
}

p.TableNote_Example	/* THREDD Quick Reference Guides - Example Table Note */
{
	font-size: 10pt;
	margin-top: 12px;
	margin-bottom: 12px;
	background-repeat: no-repeat;
	background-image: none;
	background-color: var(--Background_Light_Beige);
	padding: 6px 15px 8px 15px;
	mc-auto-number-position: float-left;
	color: var(--Text_Black);
	border-bottom-left-radius: 3px 3px;
	border-radius: 3px 3px;
	line-height: 15pt;
}

p.TableNote_Example::before	/* THREDD Quick Reference Guides - Example Table Note Prefix */
{
	content: 'Example: ';
	font-weight: bold;
	color: var(--Text_Dark_Grey);
}

p.TableNote_Internal	/* THREDD Quick Reference Guides - Internal Table Note - INTERNAL USE ONLY */
{
	mc-conditions: 'Default.InternalOnly';
	background-repeat: no-repeat;
	margin-top: 12px;
	margin-bottom: 12px;
	background-image: none;
	background-color: var(--Background_Light_Beige);
	padding: 6px 15px 8px 15px;
	mc-auto-number-position: float-left;
	color: var(--Text_Black);
	border-bottom-left-radius: 3px 3px;
	border-radius: 3px 3px;
	font-size: 10pt;
	line-height: 15pt;
}

p.TableNote_Internal::before	/* THREDD Quick Reference Guides - Internal Table Note Prefix */
{
	content: 'Internal Note: ';
	font-weight: bold;
	color: var(--Text_Dark_Grey);
	font-size: 10pt;
}

p.Note_TW	/* THREDD Quick Reference Guides - Technical Writer Note - INTERNAL USE ONLY */
{
	mc-conditions: 'Default.InternalOnly';
	background-repeat: no-repeat;
	margin-top: 12px;
	margin-bottom: 12px;
	background-image: none;
	background-color: var(--Note_Pale_Purple);
	padding: 6px 15px 8px 15px;
	mc-auto-number-position: float-left;
	color: var(--Text_Black);
	border-bottom-left-radius: 3px 3px;
	border-radius: 3px 3px;
	font-size: 10pt;
	line-height: 15pt;
}

p.Note_TW::before	/* THREDD Quick Reference Guides - Technical Writer Note Prefix */
{
	content: 'Note from Technical Writer: ';
	font-weight: bold;
	color: var(--Text_Dark_Grey);
	font-size: 10pt;
}

p.Figure_QR	/* THREDD Quick Reference Guides - Caption Style */
{
	font-size: 11.0pt;
	margin-top: 6px;
	margin-bottom: 20px;
	line-height: 20pt;
	letter-spacing: 0.25;
	widows: 3;
	orphans: 3;
	color: var(--Text_Dark_Grey);
	font-style: italic;
	mc-auto-number-format: 'CH: Figure {n+}: ';
}

div.internal_note	/* THREDD Quick Reference Guides - Div for multiple line internal notes - INTERNAL USE ONLY */
{
	mc-conditions: 'Default.InternalOnly';
	margin-top: 12px;
	margin-bottom: 12px;
	background-repeat: no-repeat;
	background-image: none;
	background-color: var(--Note_Dark_Beige);
	padding: 6px 15px 8px 15px;
	mc-auto-number-position: float-left;
	color: var(--Text_Dark_Grey);
	border-bottom-left-radius: 3px 3px;
	border-radius: 3px 3px;
}

div.internal_note::before	/* THREDD Quick Reference Guides - Prefix for the Div for multiple line internal notes - INTERNAL USE ONLY */
{
	content: 'Internal Note - THREDD ONLY';
	font-weight: bold;
	color: var(--Text_Dark_Grey);
}

div.writer_note	/* THREDD Quick Reference Guides - Div for multiple link Technical Writer Notes - INTERNAL USE ONLY */
{
	mc-conditions: 'Default.InternalOnly';
	margin-top: 12px;
	margin-bottom: 12px;
	background-repeat: no-repeat;
	background-image: none;
	background-color: var(--Note_Dark_Beige);
	padding: 6px 15px 8px 15px;
	mc-auto-number-position: float-left;
	color: var(--Text_Black);
	border-bottom-left-radius: 3px 3px;
	border-radius: 3px 3px;
}

div.writer_note::before	/* THREDD Quick Reference Guides - Prefix for the Div for technical writer notes - INTERNAL USE ONLY */
{
	content: 'Notes from the Technical Writer - THREDD ONLY';
	font-weight: bold;
	color: var(--Text_Dark_Grey);
}

/* ================================================================================================================================================= */

/* THREDD NEWSLETTER STYLES
/* ================================================================================================================================================= */

h1.newsletter_title	/* Heading 1 Style used in Newsletter */
{
	color: var(--Core_Dark_Blue);
	margin-top: 6px;
	margin-bottom: 6px;
	font-size: 22.0pt;
	mc-auto-number-format: '';
	page-break-after: avoid;
}

h1.newsletter_navy	/* Heading 1 Style used in Newsletter */
{
	color: var(--Core_Dark_Blue);
	margin-top: 6px;
	margin-bottom: 6px;
	font-size: 18.0pt;
	mc-auto-number-format: '';
	page-break-after: avoid;
}

p.newsletter_strapline	/* Styles used by the Newsletter Layouts */
{
	font-style: normal;
	margin-bottom: 0;
	line-height: 15pt;
	margin-top: 0px;
	margin-bottom: 6px;
	color: var(--Text_Dark_Grey);
	font-size: 10pt;
	font-family: Arial;
	font-style: italic;
	mc-hyphenate: never;
	page-break-after: avoid;
}

h1.strapline_newsletter	/* Heading 1 Style used in Newsletter */
{
	font-style: normal;
	margin-bottom: 0;
	margin-top: 6px;
	line-height: 15pt;
	margin-bottom: 6px;
	color: var(--Text_Dark_Grey);
	font-size: 12pt;
	font-family: Arial;
	font-style: italic;
	mc-hyphenate: never;
	mc-auto-number-format: '';
	page-break-after: avoid;
}

h2.newsletter_two-col-heading	/* Heading 2 Style used in Product Sheets */
{
	color: var(--Text_Black);
	font-size: 14.0pt;
	mc-auto-number-format: '';
	margin-top: 0pt;
	margin-bottom: 0pt;
	margin-top: 0pt;
	page-break-before: avoid;
}

p.newsletter_two-col-subheading	/* Heading 2 Style used in Product Sheets */
{
	color: var(--Text_Black);
	font-size: 10.0pt;
	font-style: italic;
	mc-auto-number-format: '';
	margin-top: 2pt;
	margin-bottom: 6pt;
	margin-top: 0pt;
	page-break-before: avoid;
}

p.newsletter_two-col-text	/* 2 COLUMN LAYOUT TEXT used in Newsletter */
{
	color: var(--Text_Dark_Grey);
	font-size: 9.0pt;
	margin-top: 4pt;
	margin-bottom: 4pt;
	margin-right: 6pt;
	mc-hyphenate: never;
	margin-left: 12px;
	display: block;
	width: 330px;
}

p.newsletter_two-col-text_nomargin	/* 2 COLUMN LAYOUT TEXT */
{
	color: var(--Text_Dark_Grey);
	font-size: 9.0pt;
	margin-top: 4pt;
	margin-right: 6pt;
	margin-bottom: 4pt;
	mc-hyphenate: never;
	display: block;
	width: 330px;
}

p.newsletter_text_nomargin	/* 2 COLUMN LAYOUT TEXT */
{
	color: var(--Text_Dark_Grey);
	font-size: 9.0pt;
	margin-top: 4pt;
	margin-right: 6pt;
	margin-bottom: 4pt;
	mc-hyphenate: never;
	display: block;
	width: 100%;
}

p.newsletter_two-col-text_bullet	/* 2 COLUMN LAYOUT TEXT */
{
	color: var(--Text_Dark_Grey);
	font-size: 9.0pt;
	margin-top: 2pt;
	margin-right: 6pt;
	margin-bottom: 2pt;
	mc-hyphenate: never;
	display: block;
	width: 330px;
}

p.newsletter_two-col-indent	/* 2 COLUMN LAYOUT TEXT */
{
	color: var(--Text_Dark_Grey);
	font-size: 9.0pt;
	margin-top: 4pt;
	margin-right: 6pt;
	margin-bottom: 4pt;
	margin-left: 24px;
	mc-hyphenate: never;
	display: block;
	width: 330px;
}

/* ================================================================================================================================================= */

/* THREDD PRODUCT SHEET STYLES
/* ================================================================================================================================================= */

p.para_product_sheet	/* Paragraph style used in Product Sheets */
{
	margin-top: 6pt;
	margin-bottom: 6pt;
	color: 4b4b4a;
}

h1.product_sheet_navy	/* Heading 1 Style used in Product Sheets */
{
	color: var(--Core_Dark_Blue);
	font-size: 24.0pt;
	mc-auto-number-format: '';
}

h1.product_sheet_No_PB	/* Heading 1 Style used in Card Configuration Product Sheet Title Page */
{
	color: var(--Core_Dark_Blue);
	font-size: 24.0pt;
	mc-auto-number-format: '';
	page-break-before: avoid;
}

h1.product_sheet_No_PB::before	/* Prefix for Heading 1 Style used in Card Configuration Product Sheet Title Page */
{
	content: "\A";
	white-space: pre;
}

h1.strapline_product_sheet	/* Heading 1 Style used in Product Sheets */
{
	font-weight: normal;
	color: var(--Core_Dark_Blue);
	font-size: 14.0pt;
	line-height: 18pt;
	margin-bottom: 18pt;
	mc-auto-number-format: '';
}

h2.product_sheet	/* Heading 2 Style used in Product Sheets */
{
	color: var(--Text_Black);
	font-size: 18.0pt;
	mc-auto-number-format: '';
	margin-top: 24px;
	page-break-before: avoid;
}

h3.product_sheet	/* Heading 3 Style used in Product Sheets */
{
	font-weight: bold;
	color: var(--Core_Dark_Blue);
	font-size: 16.0pt;
	mc-auto-number-format: '';
	margin-top: 12px;
	page-break-before: avoid;
}

p.product_sheet	/* Styles used by the Product Sheets Layouts */
{
	margin-top: 6pt;
	margin-bottom: 6pt;
	color: var(--Text_Black);
}

p.product_sheet_title	/* Styles used by the Product Sheets Layouts */
{
	color: var(--Text_Black);
	font-style: normal;
	margin-bottom: 0;
	margin-top: 0;
	font-size: 33pt;
	font-weight: bold;
	font-family: Arial;
}

p.product_sheet_strapline	/* Styles used by the Product Sheets Layouts */
{
	font-style: normal;
	margin-bottom: 0;
	line-height: 18pt;
	margin-top: 18px;
	color: var(--Text_Black);
	font-size: 16pt;
	font-family: Arial;
	font-weight: bold;
	mc-hyphenate: never;
}

p.product_sheet_footer	/* Styles used by the Product Sheets Layouts */
{
	font-size: 11.0pt;
	color: var(--Core_Dark_Blue);
	text-align: right;
}

p.product_sheet_last_footer_title	/* Styles used by the Product Sheets Layouts */
{
	font-size: 14.0pt;
	color: var(--Background_White);
	text-align: left;
	margin-left: 60px;
}

p.product_sheet_last_footer_strapline	/* Styles used by the Product Sheets Layouts */
{
	font-size: 11.0pt;
	color: var(--Background_White);
	text-align: left;
	margin-bottom: 24px;
	margin-left: 60px;
	mc-hyphenate: never;
}

p.product_sheet_last_footer_text	/* Styles used by the Product Sheets Layouts */
{
	font-size: 11.0pt;
	color: var(--Background_White);
	text-align: left;
	margin-left: 60px;
	mc-hyphenate: never;
}

/* ================================================================================================================================================= */

/* THREDD CUSTOMISATION - DECLARATION PAGE STYLES - IN ONLINE VERSION OF INTRO TO CARD PAYMENTS
/* ================================================================================================================================================= */

html.home-topic .sidenav-wrapper	/*Removes the side navigation from the home topic*/
{
	display: none !important;
}

div.Declaration	/* Div for the Declaration Statement at the beginning of the Complete Document */
{
	margin-top: 2%;
	margin-left: 25%;
	margin-right: 25%;
}

h1.declaration	/* Declaration Heading */
{
	text-align: left;
	mc-auto-number-format: '';
}

p.declaration	/* Declaration Text */
{
	margin-top: 12pt;
	margin-bottom: 12pt;
	text-align: left;
	font-size: 10pt;
	mc-hyphenate: never;
}

p.coyright	/* Declaration Copyright Text */
{
	margin-top: 12pt;
	margin-bottom: 12pt;
	text-align: left;
	font-size: 8pt;
	mc-hyphenate: never;
}

div.declarationbutton	/* Declaration Text */
{
	text-align: center !important;
	margin-top: 36px;
	margin-bottom: 36px;
	margin-left: 48px;
}

.declarationbutton
{
	background-color: var(--Background_Dark_Beige);
	/* Dark Background */
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
	border: none;
	width: 100px;
	height: 30px;
	color: white;
	border-radius: 7pt;
	float: center;
	font-size: 14px;
}

.declarationbutton:hover
{
	background-color: var(--Core_Pale_Blue);
	/* Core Pale Blue */
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
	color: white;
}

/* ================================================================================================================================================= */

/* THREDD CUSTOMISATION - THREE COLUMN RESPONSIVE LAYOUT - USED FOR INTRO TO CARD PAYMENTS AND TECH DOCS

   These styles control the layout of the grid on the pages where there is a side menu and a quick links menu - for Screen 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.*/

/* ================================================================================================================================================= */

div.Three_Column_Layout	/* Used for new Landing Page Design - 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.Three_Column_Layout::before
{
	content: ' ';
	display: table;
}

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

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

div.Three_Column_Layout > div:nth-child(1)
{
	width: 28%;
	margin-left: 3%;
}

div.Three_Column_Layout > div:nth-child(2)
{
	width: 28%;
	margin-left: 3%;
}

div.Three_Column_Layout > div:nth-child(3)
{
	width: 28%;
	margin-left: 3%;
}

/* ================================================================================================================================================= */

/* THREDD CUSTOMISATION - TWO COLUMN RESPONSIVE LAYOUT - USED FOR NEWSLETTER

   These styles control the layout of the grid on the pages where there is a side menu and a quick links menu - for Screen 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.*/

/* ================================================================================================================================================= */

div.Newsletter_columns
{
	mc-grid-row: true;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
	width: 100%;
	page-break-before: avoid;
}

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

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

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

div.Newsletter_columns > div:nth-child(1)
{
	width: 48%;
	margin-left: 0;
	margin-right: 0;
}

div.Newsletter_columns > div:nth-child(2)
{
	width: 48%;
	margin-left: 0;
	margin-right: 0;
}

/* ================================================================================================================================================= */

/* THREDD CUSTOMISATION - TWO COLUMN RESPONSIVE LAYOUT - USED FOR PRODUCT SHEETS

   These styles control the layout of the grid on the pages where there is a side menu and a quick links menu - for Screen 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.*/

/* ================================================================================================================================================= */

div.Product_Sheet_columns
{
	mc-grid-row: true;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
	width: 100%;
}

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

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

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

div.Product_Sheet_columns > div:nth-child(1)
{
	width: 48%;
	margin-left: 0;
	margin-right: 0;
}

div.Product_Sheet_columns > div:nth-child(2)
{
	width: 48%;
	margin-left: 0;
	margin-right: 0;
}

/* ================================================================================================================================================= */

/* THREDD CUSTOMISATION - 2 COLUMN LAYOUT USED IN PRODUCT SHEETS
/* ================================================================================================================================================= */

div.two-column
{
	width: 100%;
	margin-top: 48px;
}

div.two-column > div:nth-child(1)
{
	float: left;
	width: 47%;
	margin-right: 1%;
	padding-right: 1%;
	border-right: 1px solid var(--Text_Light_Grey);
	mc-hyphenate: never;
}

div.two-column > div:nth-child(2)
{
	width: 47%;
	float: right;
	margin-left: 1%;
	mc-hyphenate: never;
}

h2.two-col-heading	/* Heading 2 Style used in Product Sheets */
{
	color: var(--Text_Black);
	font-size: 18.0pt;
	mc-auto-number-format: '';
	margin-top: 18pt;
	margin-bottom: 12pt;
	margin-left: 12px;
	margin-top: 0pt;
	page-break-before: avoid;
}

p.two-col-subheading	/* 2 COLUMN LAYOUT SUB HEADING */
{
	color: var(--Core_Dark_Blue);
	font-size: 12.0pt;
	margin-left: 12px;
	margin-top: 24pt;
	margin-top: 3pt;
}

p.two-col-text	/* 2 COLUMN LAYOUT TEXT */
{
	color: var(--Text_Dark_Grey);
	font-size: 10.0pt;
	margin-top: 6pt;
	margin-bottom: 6pt;
	margin-right: 0;
	mc-hyphenate: never;
	margin-left: 12px;
	display: block;
	width: 350px;
}

p.two-col-text_nomargin	/* 2 COLUMN LAYOUT TEXT */
{
	color: var(--Text_Dark_Grey);
	font-size: 10.0pt;
	margin-top: 6pt;
	margin-right: 0;
	margin-bottom: 6pt;
	mc-hyphenate: never;
	display: block;
	width: 350px;
}

p.two-col-indent	/* 2 COLUMN LAYOUT TEXT */
{
	color: var(--Text_Dark_Grey);
	font-size: 9.0pt;
	margin-top: 4pt;
	margin-right: 0;
	margin-bottom: 4pt;
	margin-left: 24px;
	mc-hyphenate: never;
	display: block;
	width: 350px;
}

img.headings	/* IMAGE STYLE FOR PRODUCT SHEET IMAGES */
{
	border: none;
	max-width: 7%;
	margin-left: 12px;
	padding-right: 6px;
}

/* ================================================================================================================================================= */

/* THREDD CUSTOMISATION - TOOLTIP OVERRIDE TO FIX BUG IN THE TOP NAVIGATION SKIN 

/* ================================================================================================================================================= */

p.tooltip
{
	position: absolute !important;
	/* Overrides the default */
	width: auto;
	max-width: 300px;
	height: auto;
}

/*
******************************************************************************************************************************************************
******************************************************************************************************************************************************
**	                                                                                                                                                **
**	Styles after this point are styles that are for specific mediums. If any additional styles are added to this template                           **
**	they will be listed after mediums.                                                                                                              **
**	                                                                                                                                                **
**	[@media tablet] declares styles that will apply when the screen is in tablet view                                                               **
**	[@media mobile] declares styles that will apply when the screen is in mobile view                                                               **
**	[@media printed] declares styles that will apply for printed output                                                                             **
**                                                                                                                                                  **
******************************************************************************************************************************************************
******************************************************************************************************************************************************
*/

/* THREDD CUSTOMISATION - MEDIA STYLES FOR TABLET */

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

	div.Three_Column_Layout > div:nth-child(1)	/* Responsive Layout - Guide Landing Pages */
	{
		width: 33.33333%;
		margin-left: 0%;
	}

	div.Three_Column_Layout > div:nth-child(2)	/* Responsive Layout - Guide Landing Pages */
	{
		width: 33.33333%;
		margin-left: 0%;
	}

	div.Three_Column_Layout > div:nth-child(3)	/* Responsive Layout - Guide Landing Pages */
	{
		width: 33.33333%;
		margin-left: 0%;
	}

	div.Product_Sheet_columns > div:nth-child(1)	/* Responsive Layout - Product Sheets */
	{
		width: 50%;
		margin-left: 0%;
	}

	div.Product_Sheet_columns > div:nth-child(2)	/* Responsive Layout - Product Sheets */
	{
		width: 50%;
		margin-left: 0%;
	}
}

/* THREDD CUSTOMISATION - MEDIA STYLES FOR MOBILE */

@media only screen and (max-width: 767px)
{
	div.Three_Column_Layout > div:nth-child(1)	/* Responsive Layout - Guide Landing Pages */
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Three_Column_Layout > div:nth-child(2)	/* Responsive Layout - Guide Landing Pages */
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Three_Column_Layout > div:nth-child(3)	/* Responsive Layout - Guide Landing Pages */
	{
		width: 100%;
		margin-left: 0%;
	}
}

/* THREDD CUSTOMISATION - MEDIA STYLES FOR PRINT */

@media print
{
	body
	{
		font-size: 11pt;
		line-height: 13pt;
		margin: 8px;
	}

	p
	{
		margin-bottom: 5px;
		margin-top: 5x;
		mc-hyphenate: never;
	}

	p.table-text
	{
		font-size: 10pt;
	}

	p.no_spacing
	{
		margin-top: 2px;
		margin-bottom: 1px;
		font-size: 7pt;
		line-height: 8pt;
	}

	.headings	/* IMAGE STYLE FOR PRODUCT SHEET IMAGES PRINT MEDIA */
	{
		border: none;
		max-width: 10%;
		margin-left: 3px;
		margin-right: 3px;
	}

	h1
	{
		font-size: 25pt;
		line-height: 27pt;
		margin-bottom: 20px;
		mc-auto-number-format: 'GC:{n+}{ =0}{ =0}{ =0} ';
		/* Currently used in all Guides */
	}

	h1.No-Page-Break-Before
	{
		page-break-before: avoid;
		mc-auto-number-format: 'CH:{chapnum} ';
		/* Currently used in all Guides */
	}

	h2
	{
		font-size: 21pt;
		font-weight: normal;
		line-height: 23pt;
		margin-bottom: 18px;
		margin-top: 30px;
		mc-heading-level: 2;
		mc-auto-number-format: 'GC:{n}.{n+}{ =0}{ =0} ';
		/* Currently used in all Guides */
	}

	h2.nonumber
	{
		mc-auto-number-format: '';
	}

	h2.No-Page-Break-noNumb
	{
		page-break-before: avoid;
		mc-auto-number-format: '';
	}

	h2.Page-Break-Before
	{
		page-break-before: always;
	}

	h3
	{
		font-size: 15pt;
		font-weight: bold;
		line-height: 17pt;
		margin-bottom: 15px;
		margin-top: 40px;
	}

	h3.nonumber
	{
		mc-auto-number-format: '';
	}

	h4
	{
		mc-heading-level: 0;
	}

	h5
	{
		mc-heading-level: 0;
	}

	h6
	{
		mc-heading-level: 0;
	}

	MadCap|xref	/* Madcap Cross Reference */
	{
		font-weight: normal;
		mc-format: '{quote}{para}{quote} {pageref}';
		text-decoration: none;
	}
}