/*<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;
	width: 95%;
}

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

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.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: 98%;
}

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(--Background_Dark_Beige);
	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;
}

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: 14pt;
	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);
}

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

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/DropDownOpen.gif');
	mc-open-image: url('../Images/DropDownClosed.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');
}

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

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

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  - PORTAL                                                                                                                  **
**	                                                                                                                                                **
**	Styles in this section are customised for the Portal Project ONLY.                                                                              **
**	                                                                                                                                                **
**	Page Definitions for FAQ's and What's Changed                                                                                                   **
**	Quick Links Tri Pane Topic Footer Properties                                                                                                    **
**	Page not found error page                                                                                                                       **
**	New content labels on Home Page and Landing pages                                                                                               **
**	Two column layout used in Portal master pages                                                                                                   **
**  Off Canvas Content                                                                                                                              **
**  Input Areas                                                                                                                                     **
**                                                                                                                                                  **
******************************************************************************************************************************************************
******************************************************************************************************************************************************
*/

/* ================================================================================================================================================= */
/* THREDD CUSTOMISATION - PAGE DEFINITION - FAQS AND WHAT'S CHANGED /* Currently only used in the Portal Project */
/* ================================================================================================================================================= */

div.WhatsChangedPageDefinition	/* Whats Changed Page Controls */
{
	margin-right: 5%;
}

div.FAQPageDefinition	/* FAQ Page Controls */
{
	margin-right: 5%;
}

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

/* THREDD CUSTOMISATION - PORTAL PROJECT ONLY - TOPIC FOOTER PROPERTIES - QUICK LINKS TRI PANE MASTER PAGES
/* ================================================================================================================================================= */

div.tripane-page-footer	/* Topics Footer Properties */
{
	margin-top: 60px;
	mc-grid-row: true;
	margin-right: auto;
	width: 95%;
}

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

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

p.tripane-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;
}

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

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

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

/* THREDD CUSTOMISATION - PAGE NOT FOUND ERROR PAGE 
/* ================================================================================================================================================= */

div.errorpage-sidemenu
{
	width: 10%;
	margin-top: 24px;
}

a.ErrorHyperlink	/* Error Page Sidemenu Hyperlink style for Page Not Found */
{
	color: var(--Hyperlink_Default_Blue) !important;
	font-size: 0.9em;
	text-decoration: none;
	text-indent: 48pt;
	margin-top: 30px;
	margin-bottom: 36px;
	margin-left: 24px;
	padding-bottom: 6px;
	padding-top: 6px;
	padding-right: 24px;
}

a.ErrorHyperlink:hover	/* Error Page Sidemenu Hover Hyperlink Property for Page Not Found */
{
	color: var(--Hyperlink_Default_Blue);
	text-decoration: underline;
	font-size: 0.9em;
	text-indent: 48pt;
	margin-top: 30px;
	margin-bottom: 36px;
	margin-left: 24px;
	padding-bottom: 6px;
	padding-top: 6px;
	padding-right: 24px;
}

p.error-sideheading	/* Heading on the side menu of the error page for Page Not Found */
{
	color: var(--Text_Dark_Grey);
	text-decoration: none;
	margin-top: 24px;
	margin-bottom: 24px;
	margin-left: 24px;
	font-weight: 600 !important;
	font-size: 0.9em;
	border-bottom-color: var(--Text_Light_Grey);
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

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

/* THREDD CUSTOMISATION - USED FOR THE LABELS TO HIGHLIGHT NEW CONTENT ON THE HOME PAGE (NEW, ONLINE AND PDF)
/* ================================================================================================================================================= */

div.label
{
	display: inline-block;
	margin: auto;
}

span.new	/* span for the "New" label on the Home page */
{
	border-radius: 5px;
	font-variant-caps: all-small-caps;
	color: var(--Background_White);
	background-color: var(--Core_Dark_Blue);
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
}

span.legacy	/* span for the "New" label on the Home page */
{
	border-radius: 5px;
	font-variant-caps: all-small-caps;
	color: var(--Note_Light_Beige);
	background-color: var(--Note_Dark_Beige);
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
}

/* span for the "online" or "pdf" label on the Home page */

span.new-doc-type
{
	border-radius: 5px;
	font-variant-caps: all-small-caps;
	color: var(--Text_Dark_Grey);
	background-color: var(--Core_Pale_Blue);
	padding-left: 5px;
	padding-right: 5px;
}

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

/* THREDD CUSTOMISATION - 2 COLUMN LAYOUT USED IN PORTAL PROJECT MASTER PAGE
/* ================================================================================================================================================= */

div.two-page-master
{
	width: 100%;
}

div.two-page-master > div:nth-child(1)
{
	float: left;
	width: 15%;
	margin-right: 1%;
}

div.two-page-master > div:nth-child(2)
{
	width: 80%;
	float: right;
	margin-top: 1%;
	margin-left: 1%;
}

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

/* THREDD CUSTOMISATION - OFF CANVAS CONTENT
/* ================================================================================================================================================= */

.off-canvas-content .main-section > .outer-row	/* Used in Portal Flare Project */
{
	max-width: 100%;
	padding: 0;
}

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

/* 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 - TWO COLUMN RESPONSIVE LAYOUT  - USED FOR QUICK LINKS AND SIDE MENU MASTER PAGES

   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.Two_col_resp_layout
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

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

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

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

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

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

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

/* THREDD CUSTOMISATION - TOC SEPARATORS

/* Adds an entry for "separators" in the TOC. 
   To use this style, select the item in the Flare TOC and pick "TOCSeparator" 
   as the TOC Entry style. 
   Note also add the TOCSeparator entry (below) to the Flare skin
   
   /*  <StyleClass
          Name="TOCSeparator"
          Custom="true">
          <Properties>
            <Property
              Name="FontSize">1em</Property>
            <Property
              Name="BorderBottom">solid 1px var(--Text_Light_Grey)</Property>
          </Properties>
       </StyleClass>
   
/* ================================================================================================================================================= */

ul.navigation li.TOCSeparator
{
	padding-top: 8px;
}

ul.navigation li.TOCSeparator a
{
	font-weight: 600;
	color: var(--Text_Dark_Grey);
	cursor: default;
	/* Set the default cursor so it doesn't look like this is a link */
}

ul.navigation ul > li.TOCSeparator:hover
{
	background: var(--Background_Light_Beige);
}

ul.menu li.TOCSeparator
{
	padding-top: 8px;
}

ul.menu li.TOCSeparator a
{
	font-weight: 600 !important;
	/* Use !important to override the Flare Class (ul.menu._Skins_SideMenu.mc-component li > a) */
	color: var(--Text_Dark_Grey) !important;
	/* Use !important to override the Flare Class (ul.menu._Skins_SideMenu.mc-component li > a) */
	margin-top: 24px;
	font-size: 12pt;
	border-bottom-color: var(--Text_Light_Grey);
	border-bottom-style: solid;
	border-bottom-width: 1px;
	cursor: default;
	/* Set the default cursor so it doesn't look like this is a link */
}

ul.menu ul > li.TOCSeparator > a:hover
{
	background: var(--Background_Light_Beige) !important;
	/* Avoids Hover Decoration - Use !important to override the Flare Class */
}

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

/* THREDD CUSTOMISATION - TOC HEADERS

/* Adds an entry for "headers" in the TOC. 
   To use this style, select the item in the Flare TOC and pick "TOCHeader" 
   as the TOC Entry style. 
   Note also add the TOCHeader entry (below) to the Flare skin
   
   /*  <StyleClass
          Name="TOCHeader"
          Custom="true">
          <Properties>
            <Property
              Name="FontSize">1em</Property>
            <Property
              Name="BorderBottom">solid 1px var(--Text_Light_Grey)</Property>
          </Properties>
       </StyleClass>
   
/* ================================================================================================================================================= */

ul.navigation li.TOCHeader
{
	padding-top: 8px;
	background: var(--Background_White) !important;
}

ul.navigation li.TOCHeader a
{
	font-weight: 600;
	color: var(--Text_Dark_Grey);
	background: var(--Background_White) !important;
	cursor: default;
	/* Set the default cursor so it doesn't look like this is a link */
}

ul.navigation ul > li.TOCHeader:hover
{
	background: var(--Background_Light_Beige) !important;
}

ul.menu ul > li.TOCHeader > a:hover
{
	background: var(--Background_Light_Beige) !important;
	/* Avoids Hover Decoration - Use !important to override the Flare Class */
}

ul.menu li.TOCHeader
{
	padding-top: 8px;
	background: var(--Background_White) !important;
}

ul.menu li.TOCHeader a
{
	font-weight: 600 !important;
	/* Use !important to override the Flare Class (ul.menu._Skins_SideMenu.mc-component li > a) */
	color: var(--Text_Dark_Grey) !important;
	/* Use !important to override the Flare Class (ul.menu._Skins_SideMenu.mc-component li > a) */
	margin-top: 24px;
	font-size: 12pt;
	background: var(--Background_White) !important;
	border-bottom-color: var(--Text_Light_Grey);
	border-bottom-style: solid;
	border-bottom-width: 1px;
	cursor: default;
	/* Set the default cursor so it doesn't look like this is a link */
}

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

/* THREDD CUSTOMISATION - TOPIC FOOTER PROPERTIES - SIDE MENU MASTER PAGES
/* ================================================================================================================================================= */

div.sidemenu-page-footer	/* Topics Footer Properties */
{
	margin-top: 60px;
	mc-grid-row: true;
	margin-right: auto;
	width: 95%;
}

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

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

p.sidemenu-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;
}

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

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

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

/* 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;
	display: inline-block !important;
	/* Overrides the default */
}

/*
******************************************************************************************************************************************************
******************************************************************************************************************************************************
**	                                                                                                                                                **
**	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                                                                             **
**                                                                                                                                                  **
******************************************************************************************************************************************************
******************************************************************************************************************************************************
*/

@media only screen and (max-width: 1279px)
{
	div.Two_col_resp_layout > div:nth-child(1)	/* Responsive Layout Quick Links and Side Menu Master Pages */
	{
		width: 66.66667%;
		margin-left: 0%;
	}

	div.Two_col_resp_layout > div:nth-child(2)	/* Responsive Layout Quick Links and Side Menu Master Pages */
	{
		width: 33.33333%;
		margin-left: 0%;
	}
}

/* THREDD CUSTOMISATION - MEDIA STYLES FOR TABLET */

@media only screen and (max-width: 767px)
{
	div.Two_col_resp_layout > div:nth-child(1)	/* Responsive Layout Quick Links and Side Menu Master Pages */
	{
		width: 100%;
		margin-left: 0%;
	}

	div.Two_col_resp_layout > div:nth-child(2)	/* Responsive Layout Quick Links and Side Menu Master Pages */
	{
		width: 100%;
		margin-left: 0%;
	}
}

/* THREDD CUSTOMISATION - MEDIA STYLES FOR MOBILE */

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

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

/* THREDD CUSTOMISATION - MEDIA STYLES FOR PRINT */

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

/* Expand/Collapse sections
/* ================================================================================================================================================= */

/* Style for each section */

.section
{
	border-bottom: 1px solid #ccc;
	margin: 10px 0;
	padding: 10px 0;
}

/* Style for section headers */

.section-header
{
	cursor: pointer;
	align-items: center;
}

/* Style for icons in section headers */

.section-header .icon
{
	margin-right: 10px;
}

/* Style to hide content */

.hidden
{
	display: none;
}

/* Style for the Expand/Collapse All button */

#toggleAllButton
{
	cursor: pointer;
	padding: 10px;
	background-color: #63D0FB;
	color: white;
	border: none;
	border-radius: 5px;
}