/*<meta conditions="" />*/

/* colour palette
#000000; - black
#ffffff; - white
#00a1d5; - help centre blue; rgb 0,161,213
#005cff; - whispir blue
#e0e0e0; - pale grey
#757575; - dark grey
#212121; - deep grey
#ffdf8b; - yellow
#800080; - pink-purple, visited links
-----------------------------------------*/

@import url('roboto.css');

@import url('home-page.css');

@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);

body
{
	font-family: 'Roboto', Arial, Helvetica, Sans-Serif;
	font-size: 0.8em;
	/*= 10pt*/
	line-height: 150%;
	/* 0.8em x 150% = 1.2em = (approx.) 14pt or 19px */
	margin: 0px 0px 17px 17px;
	max-width: 100%;
}

h1
{
	font-size: 1.6em;
	/* This is relative to BODY 0.8em; i.e. 1.6 x 0.8 = 1.28em equivalent*/
	font-weight: normal;
	line-height: 150%;
	color: #212121;
	margin: 10pt 0pt 18pt 0pt;
	/* sequence = top, right, bottom, left (i.e. clockwise) */
	width: 100%;
}

h2
{
	font-size: 1.4em;
	font-weight: normal;
	color: #00a1d5;
	line-height: 150%;
	margin-top: 16px;
	margin-bottom: 6px;
}

h3
{
	font-size: 1.3em;
	font-weight: normal;
	font-style: italic;
	color: #000000;
	line-height: 140%;
	margin-top: 16px;
	margin-bottom: 6px;
}

h3.roles
{
	font-size: 1.2em;
	font-style: italic;
}

h4
{
	font-size: 1.1em;
	color: #00a1d5;
	margin-top: 16px;
	margin-bottom: 3px;
	line-height: 140%;
	font-weight: 500;
}

h5
{
	font-size: 1em;
	color: #000000;
	margin-top: 16px;
	margin-bottom: 3px;
	line-height: 140%;
	font-weight: 700;
}

p
{
	font-size: 1em;
	line-height: 150%;
	margin-top: 0;
	margin-bottom: 8px;
}

p.back-to-top
{
	font-size: 0.7em;
	color: #757575;
	text-align: left;
	margin-top: 15px;
	margin-bottom: 10px;
}

p.cellText
{
	margin: 4pt 0pt 4pt 0pt;
}

p.code
{
	font-family: 'Courier New', monospace;
	font-size: 1em;
	line-height: 120%;
	margin-bottom: 4px;
}

p.caption
{
	font-weight: bold;
	font-style: italic;
	color: #00a1d5;
	margin-bottom: 8px;
	page-break-before: avoid;
	page-break-inside: avoid;
	column-break-before: avoid;
	frame-break-before: avoid;
}

p.datetime	/* For date/time stamp at the foot of home page (to check which build of the help is currently live) */
{
	color: #e0e0e0;
	font-size: 8px;
	text-align: right;
	padding-right: 10px;
	margin-bottom: 0px;
	margin-top: 2px;
}

p.headerRow
{
	font-weight: bold;
	margin: 4pt 0pt 4pt 0pt;
	color: #000000;
}

p.indent1
{
	margin-left: 23px;
}

p.indent2
{
	margin-left: 45px;
}

p.indent3
{
	margin-left: 68px;
}

p.NoSpacing
{
	margin-bottom: 0px;
}

p.note,
p.note-tip,
p.note-important,
p.note-warning
{
	margin-left: 23px;
}

p.note
{
	padding-left: 36px;
	text-indent: -36px;
	mc-auto-number-format: '{b}{size 1em}{color #00a1d5}Note: {/color}{/size}{/b}';
}

p.note-indent
{
	margin-left: 60px;
}

p.note-important
{
	padding-left: 69px;
	text-indent: -69px;
	mc-auto-number-format: '{b}{size 1em}{color #00a1d5;}Important! {/color}{/size}{/b}';
}

p.note-tip
{
	padding-left: 26px;
	text-indent: -26px;
	mc-auto-number-format: '{b}{size 1em}{color #228b22;}Tip! {/color}{/size}{/b}';
}

p.note-warning
{
	padding-left: 55px;
	text-indent: -55px;
	mc-auto-number-format: '{b}{size 1em}{color #d0021b;}Warning! {/color}{/size}{/b}';
}

p.note-heading,
p.important-heading	/* Use this style to create a 'Notes' heading for when you want to put two or more notes together, especially using a bullet list */
{
	font-size: 1em;
	font-weight: bold;
	color: #00a1d5;
	margin-left: 23px;
}

p.tip-heading	/* Use this style to create a 'Tips' heading for when you want to put two or more bulleted tips below it */
{
	font-size: 1em;
	font-weight: bold;
	color: #228b22;
	margin-left: 23px;
}

p.warning-heading	/* Use this style to create a 'Warning' heading for when you want to put two or more bulleted tips below it */
{
	font-size: 1em;
	font-weight: bold;
	color: #d0021b;
	margin-left: 23px;
}

p.note-global
{
	max-width: 60em;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	padding: 10px 10px 10px 20px;
	background-color: #ffdf8b;
}

p.spacer
{
	font-size: 4px;
	line-height: 0%;
}

.sme-question
{
	font-weight: bold;
	color: #0000ff;
	background-color: #ff99ff;
	mc-language: none;
	mc-conditions: 'General.SME-question';
	mc-auto-number-format: 'R:QUESTION {Gn+}: ';
	/*this numbers the SME questions in a topic*/
}

.tw-reminder
{
	font-weight: bold;
	color: green;
	background-color: #7fff00;
	mc-language: none;
	mc-conditions: 'General.TW-reminder';
	mc-auto-number-format: 'R:COMMENT {Gn+}: ';
	/*this numbers TW comments in a topic*/
}

.wip-hide
{
	font-weight: bold;
	color: purple;
	background-color: #e0b0ff;
	mc-language: none;
	mc-conditions: 'General.WIP-hide';
	mc-auto-number-format: 'R:COMMENT {Gn+}: ';
	/*this numbers comments in a topic*/
}

ol
{
	margin-top: 5px;
	margin-bottom: 8px;
	margin-left: 0;
	padding-left: 23px;
	list-style-type: decimal;
}

ul
{
	margin-top: 5px;
	margin-bottom: 8px;
	padding-left: 20px;
	list-style-type: disc;
}

ul ul,
ol ul
{
	margin-left: 0px;
	margin-bottom: 8px;
	list-style-type: circle !important;
}

ol ol,
ul ol
{
	margin-left: 0px;
	margin-bottom: 8px;
	list-style-type: lower-alpha;
}

ul ul ul,
ol ul ul,
ol ol ul
{
	margin-left: 4px;
	margin-bottom: 8px;
	list-style-type: square !important;
}

ol p,
ul p,
ol p.note,
ul p.note,
ol p.note-tip,
ul p.note-tip,
ol p.note-warning,
ul p.note-warning,
ol p.note-important,
ul p.note-important
{
	margin-left: 0px;
}

li
{
	margin-top: 4px;
	margin-bottom: 4px;
}

img
{
	margin: 0;
	padding: 0;
	page-break-before: avoid;
}

img.icon	/*  For icons and buttons that are inserted in the middle of text, not on a line on their own*/
{
	border: none;
	vertical-align: middle;
	margin: 0;
	padding: 0;
}

/*  IMPORTANT! Use the image classes 'medium' and 'small' for big pix that can be sized relatively small. For images that don't need scaling (particularly very small images), apply image class 'fullsize'*/

div.image-wrapper	/*  Use this div around all images (except tiny icons/buttons) to restrict their width as browser screen gets very wide */
{
	max-width: 60em;
	margin-left: 23px;
	margin-bottom: 10px;
}

img.mediumplus
{
	width: 80%;
	margin: 0;
	padding: none;
	border-style: none;
}

img.medium
{
	width: 60%;
	margin: 0;
	padding: none;
	border-style: none;
}

img.small
{
	width: 40%;
	margin: 0;
	padding: none;
	border-style: none;
}

img.fullsize	/* for images (including small ones) that need to display at native size (100%)*/
{
	max-width: 100%;
	margin: 0;
	border-style: none;
}

div.img_indent
{
	margin-left: 10px;
}

div.indent1
{
	margin-left: 23px;
}

div.indent2
{
	margin-left: 46px;
}

div.indent3
{
	margin-left: 69px;
}

div.indent4
{
	margin-left: 92px;
}

div.indent5
{
	margin-left: 115px;
}

div.indent6
{
	margin-left: 138px;
}

div.shaded-box
{
	background-color: #e0e0e0;
	max-width: 60em;
	padding: 10px;
}

span.code
{
	font-family: 'Courier New', monospace;
	font-size: 1em;
}

span.emphasis
{
	font-style: italic;
}

span.strong
{
	font-weight: bold;
}

table
{
	margin-bottom: 20px;
}

tr
{
	page-break-inside: avoid;
}

th
{
	font-weight: bold;
	color: #ffffff;
	text-align: left;
	/*default is center*/
	vertical-align: top;
	margin: 8px;
}

td	/*  "font-size: 1.1em;specifying this font size allows a <p> styled as 'table-heading' (0.85 em) inside a <th> tag to look like it's the right size" */
{
	vertical-align: top;
	margin: 8px;
}

td.code
{
	font-family: 'Courier New', monospace;
	font-size: 1em;
	line-height: 120%;
	margin: 8px;
	vertical-align: top;
}

a:link
{
	font-weight: normal;
	color: #00a1d5;
	text-decoration: underline;
}

a:visited
{
	font-weight: normal;
	color: #212121;
	text-decoration: underline;
}

a:hover
{
	font-weight: normal;
	text-decoration: underline;
	color: #212121;
}

a:active
{
	font-weight: normal;
	color: #212121;
	text-decoration: underline;
}

/* a:visited,
a:hover,
a:active
{
	font-weight: normal;
	color: #212121;
	text-decoration: underline;
} */

a.MCBreadcrumbsLink
{
	font-style: italic;
	color: #00a1d5;
	text-decoration: none;
}

a.MCBreadcrumbsLink:visited
{
	color: #800080;
}

a.MCBreadcrumbsLink:hover
{
	color: #00a1d5;
}

a.back-to-top:link,
a.back-to-top:visited,
a.back-to-top:active
{
	color: #212121;
	text-decoration: none;
}

a.back-to-top:hover
{
	color: #757575;
	text-decoration: none;
}

MadCap|breadcrumbsProxy
{
	color: #212121;
	font-size: 0.8em;
	font-style: italic;
	border-bottom: none;
	/* need this value because the default Flare style includes a bottom border */
	margin: 10px 0 10px 0px;
}

/* Info on what each 'dropdown' style does: http://webhelp.madcapsoftware.com/flare11/Content/Tutorials/Flare/TopNavigationAdv/HDYDT_DropDowns_TopNav.htm?Highlight=insert%20image%20in%20hotspot and http://webhelp.madcapsoftware.com/flare11/Content/Nav_Links/Drop_Down_Text/Editing_Drop_Down_Text.htm */

MadCap|dropDown
{
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 12px 0 0 0;
	/* Added this because in Side-Nav test there was too much space between collapsed drop-down items */
	border-bottom: 0px;
	/* Added this because in Side-Nav test, borders were being added to the closed drop-downs, in addition to the bottom border below expanded text */
	mc-closed-image: url('../Images/_buttons-icons/DropDownClosed.png');
	mc-open-image: url('../Images/_buttons-icons/DropDownOpen.png');
}

MadCap|dropDown.SecondLevel
{
	margin-top: 0px;
	margin-bottom: 6px;
	margin-left: 25px;
}

MadCap|dropDownBody
{
	margin-bottom: 0px;
	/*test*/
	margin-top: 0px;
	/*test*/
	padding-top: 10px;
	/*test*/
	padding-bottom: 10px;
	border-bottom: solid 1px #757575;
	margin-left: 20px;
}

MadCap|dropDownBody.final	/* Add this class to the last drop-down item so there's no bottom border; i.e. <MadCap:dropDownBody class="final"> */
{
	border-bottom: 0px;
	margin-bottom: 10px;
}

MadCap|dropDownHead
{
	text-indent: -27px;
	margin-left: 27px;
	margin-top: 0px;
	margin-bottom: 5px;
}

MadCap|dropDownHotspot
{
	font-size: 1.2em;
	font-weight: normal;
	line-height: 140%;
	background-position: 5px 5px;
	/*to control position of image within container*/
}

MadCap|dropDownHotspot:link
{
	color: #212121;
}

MadCap|dropDownHotspot:hover
{
	color: #00a1d5;
}

MadCap|dropDownHotspot:visited,
MadCap|dropDownHotspot:active,
MadCap|dropDownHotspot:focus
{
	color: #212121;
}

MadCap|glossaryProxy
{
	border-top: none;
	/* Need this declaration because the default Flare style includes a border top */
}

/* Retain following 3 styles? This class ".GlossaryPageLink a:visited, a:hover, a:active" overrides them anyway

MadCap|glossaryTerm
{
	color: #00a1d5;
	text-decoration: none;
}

MadCap|glossaryTerm:hover
{
	font: inherit;
	color: #00a1d5;
}

MadCap|glossaryTerm:focus
{
	color: #00a1d5;
}*/

.GlossaryPageLink a:visited,
a:hover,
a:active	/* 9/7/18: Added this definition to override the default style when hovering over a glossary term in HTML output - it made the glossary term behave like a hyperlink even though it doesn't link to anything*/
{
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

/* 24/8/18: The bold style affects the normal a:hover (making links bold on hover) when each pseudo class is listed separately as below. When grouped as above, a:hover is not bold, as expected. .GlossaryPageLink a:visited
{
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.GlossaryPageLink a:hover
{
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.GlossaryPageLink a:active
{
	font-weight: bold;
	color: #000000;
	text-decoration: none;
} */

/*=====================
Styles for Glossary topic
GlossaryPageHeading: Affects the text for each alphabetical heading that is displayed above each section of the glossary [you can opt to add or not add A, B, C ... headings when you add the Glossary proxy ('Generate Headings' field in the Glossary Proxy dialog box)
GlossaryPageEntry: Affects the "container" that holds each glossary term/definition group 
GlossaryPageTerm: Affects the glossary term 
GlossaryPageDefinition: Affects the glossary definition 
======================*/

div.GlossaryPageHeading
{
	font-size: 1.3em;
	font-weight: normal;
	color: #00a1d5;
	line-height: 140%;
	margin-top: 16px;
	margin-bottom: 4px;
	border-bottom-style: none;
	mc-heading-format: '{A}';
}

li.GlossaryPageEntry
{
	margin-top: 16px;
	margin-bottom: 10px;
	list-style-type: none !important;
	/* When you inspect the glossary in a browser it shows that the glossary terms are formatted as a bulleted <li> items. This <li> class sets the list-style-type to none */
}

div.GlossaryPageTerm
{
	font-weight: bold;
	line-height: 150%;
	margin-top: 5px;
	margin-bottom: 0px;
}

div.GlossaryPageDefinition
{
	font-weight: normal;
	line-height: 150%;
	margin-top: 2px;
	margin-bottom: 0px;
}

MadCap|xref
{
	font-weight: normal;
	/*bold;*/
	color: #00a1d5;
	text-decoration: underline;
	mc-format: '{paratext}';
	/* Leave as '{paratext}' (not {title}) so xrefs pick up the para text (usually h1), not the <title> text in a topic */
}

/* 24/8/18: Pseudo classes now defined separately. 
MadCap|xref:visited,
MadCap|xref:hover,
MadCap|xref:active
{
	font-weight: normal;
	color: #212121;
	text-decoration: underline;
} */

MadCap|xref:visited
{
	font-weight: normal;
	color: #212121;
	text-decoration: underline;
}

MadCap|xref:hover
{
	font-weight: normal;
	color: #212121;
	text-decoration: underline;
}

MadCap|xref:active
{
	font-weight: normal;
	color: #212121;
	text-decoration: underline;
}

span.SearchHighlight
{
	background: #e0e0e0;
}

MadCap|miniTocProxy
{
	font-size: 12pt;
}

p.MiniTOC1
{
	
}

p.MiniTOC2
{
	
}

@media only screen and (max-width: 60em)
{
	div.image-wrapper
	{
		max-width: 60em;
		margin-left: 23px;
		margin-bottom: 10px;
	}

	img.big
	{
		max-width: 70%;
		min-width: 35em;
	}

	img.mediumplus
	{
		max-width: 55%;
		min-width: 35em;
	}

	img.medium
	{
		max-width: 33%;
		min-width: 20em;
	}

	img.small
	{
		width: 22%;
		min-width: 14em;
	}
}

/* Small Layout */

@media screen and (max-width: 40em)
{
	img.mediumplus,
	img.medium,
	img.small,
	img.fullsize
	{
		display: none;
		/*this hides all images except icons/buttons (styled using the img class 'icon') when the online help is viewed on a small screen/mobile phone */
	}
}

/* ===================START PRINT MEDIA STYLES =========================== */

@media print
{
	body
	{
		font-family: Arial;
		/*'Roboto';*/
		font-size: 10pt;
		line-height: 14pt;
		margin: 0pt 0pt 8pt 0pt;
	}

	h1
	{
		font-size: 20pt;
		line-height: 22pt;
		color: #212121;
		border: none;
		margin: 30pt 0pt 14pt 0pt;
		padding: 0;
		page-break-before: always;
		mc-heading-level: 4;
		/* In print output 'mc-heading-level: 4;' forces all h1 headings (i.e topic headings) to display as level 4 in the TOC */
	}

	h1.appendixtitle
	{
		mc-heading-level: 1;
		margin: 0 0 10pt 0;
		page-break-before: always;
	}

	h1.chapterheading1	/* used for print only - to add a 'part-title' before the h1 heading in the first topic in a group. This will force proper heading structure in the TOC ('mc-heading-level: 1;' forces the heading to display as level 1 in the TOC) */
	{
		color: #212121;
		font-size: 24pt;
		line-height: 26pt;
		margin-top: 30pt 0pt 20pt 0pt;
		padding: 0 0 6pt 0;
		border-bottom-style: solid;
		border-bottom-width: 2px;
		border-color: #212121;
		text-align: right;
		mc-heading-level: 1;
	}

	h1.chapterheading2	/* used for print only - to add a level 2 'part-title' before the h1 heading in the first topic in a sub-group. This will force proper heading structure in the TOC ('mc-heading-level: 2;' forces the heading to display as level 2 in the TOC)*/
	{
		color: #212121;
		font-size: 22pt;
		line-height: 24pt;
		margin: 30pt 0pt 20pt 0pt;
		padding: 0 0 6pt 0;
		border-bottom-style: solid;
		border-bottom-width: 2px;
		border-color: #212121;
		text-align: right;
		mc-heading-level: 2;
	}

	h1.chapterheading3	/* used for print only - to add a level 3 'part-title' before the h1 heading in the first topic in a sub-group. This will force proper heading structure in the TOC ('mc-heading-level: 3;' forces the heading to display as level 3 in the TOC)*/
	{
		color: #212121;
		font-size: 22pt;
		line-height: 24pt;
		margin: 30pt 0pt 20pt 0pt;
		padding: 0 0 6pt 0;
		border-bottom-style: solid;
		border-bottom-width: 2px;
		border-color: #212121;
		text-align: right;
		mc-heading-level: 3;
	}

	h1.chapterheading1 + h1,
	h1.chapterheading2 + h1,
	h1.chapterheading3 + h1	/* 'Adjacent sibling selector': This overrides the h1 property 'page-break-before: always;' when h1 is preceded by the chapterheading 1, 2 and 3 classes */
	{
		page-break-before: avoid;
	}

	h1.contents
	{
		page-break-before: avoid;
		margin: 0 0 10pt 0;
		mc-heading-level: 0;
	}

	h1.Title	/* Used in 'title page' page layout*/
	{
		font-size: 22pt;
		color: #00a1d5;
		font-weight: normal;
		line-height: 24pt;
		margin-top: 0pt;
		margin-bottom: 20pt;
	}

	h2
	{
		font-size: 16pt;
		font-weight: normal;
		color: #00a1d5;
		line-height: 18pt;
		margin-top: 18pt;
		margin-bottom: 8pt;
		page-break-before: avoid;
		page-break-inside: avoid;
		mc-heading-level: 0;
	}

	h2.title	/* Used in 'title page' page layout*/
	{
		font-size: 18pt;
		color: #00a1d5;
		font-weight: normal;
		line-height: 22pt;
		margin-top: 0pt;
		margin-bottom: 20pt;
	}

	h3
	{
		font-size: 12pt;
		font-weight: bold;
		color: #212121;
		line-height: 16pt;
		margin-top: 16pt;
		margin-bottom: 6pt;
		page-break-after: avoid;
		page-break-inside: avoid;
		mc-heading-level: 0;
	}

	h3.roles
	{
		font-size: 11pt;
		font-style: italic;
	}

	h4
	{
		font-size: 10pt;
		font-weight: bold;
		color: #212121;
		line-height: 14pt;
		margin-top: 16pt;
		margin-bottom: 6pt;
		page-break-after: avoid;
		page-break-inside: avoid;
		mc-heading-level: 0;
	}

	h5
	{
		mc-heading-level: 0;
	}

	p
	{
		widows: 3;
		orphans: 3;
	}

	p.code
	{
		font-size: 10pt;
		line-height: 11pt;
	}

	p.copyright
	{
		font-size: 9pt;
		line-height: 13pt;
		margin-bottom: 8pt;
	}

	p.copyright-support
	{
		font-size: 10pt;
		line-height: 15pt;
		margin-bottom: 6pt;
		font-weight: normal;
		color: #212121;
	}

	p.footer
	{
		font-weight: bold;
		font-size: 9pt;
		color: #000000;
		text-align: right;
	}

	p.header
	{
		font-size: 11pt;
		font-weight: bold;
		color: #00a1d5;
	}

	p.header-right
	{
		font-size: 11pt;
		font-weight: bold;
		color: #00a1d5;
		text-align: right;
	}

	p.indent1
	{
		margin-left: 0.5cm;
	}

	p.indent2
	{
		margin-left: 0.9cm;
	}

	p.indent3
	{
		margin-left: 1.3cm;
	}

	p.note-global
	{
		max-width: 15cm;
		margin: 10pt 0pt 10pt 0pt;
		padding: 5pt;
		background-color: #ffdf8b;
	}

	p.TOC1	/* TOC 1 picks up h1.chapterheading1 headings */
	{
		font-size: 10pt;
		font-weight: bold;
		color: #00a1d5;
		line-height: 12pt;
		margin-top: 2pt;
		margin-bottom: 2pt;
		page-break-after: avoid;
		mc-leader-format: 'dot';
	}

	p.TOC2	/* TOC 2 picks up h1.chapterheading2 headings */
	{
		font-size: 10pt;
		font-weight: bold;
		color: #212121;
		line-height: 12pt;
		margin-top: 2pt;
		margin-bottom: 2pt;
		margin-left: 0.5cm;
		mc-leader-format: 'dot';
	}

	p.TOC3	/* TOC 3 picks up h1.chapterheading3 headings */
	{
		font-size: 10pt;
		font-weight: bold;
		font-style: italic;
		color: #00a1d5;
		line-height: 12pt;
		margin-top: 2pt;
		margin-bottom: 2pt;
		margin-left: 1cm;
		mc-leader-format: 'dot';
	}

	p.TOC4	/* TOC 4 picks up all the h1 topic titles */
	{
		font-size: 10pt;
		font-weight: normal;
		line-height: 12pt;
		margin-top: 2pt;
		margin-bottom: 2pt;
		margin-left: 1cm;
	}

	ol
	{
		margin-top: 8pt;
		margin-bottom: 8pt;
		margin-left: 0;
		padding-left: 15pt;
	}

	ul
	{
		margin-top: 6pt;
		margin-bottom: 6pt;
		margin-left: 0;
		padding-left: 12pt;
	}

	ul ul,
	ol ul
	{
		margin-left: 0;
		margin-bottom: 6pt;
	}

	ol ol,
	ul ol
	{
		margin-left: 5pt;
		margin-bottom: 6pt;
	}

	ul ul ul,
	ol ul ul,
	ol ol ul,
	ol ol ol
	{
		margin-left: 5pt;
		margin-bottom: 6pt;
	}

	ol p,
	ul p,
	ol p.note,
	ul p.note
	{
		margin-left: 0pt;
	}

	li
	{
		margin-top: 4pt;
		margin-bottom: 4pt;
		/*sets the space above/below a single list item*/
	}

	div.image-wrapper	/* use this div around all images (except tiny icons/buttons). In print it restricts their width to the text area width on an A4 page*/
	{
		max-width: 15cm;
		margin-left: 0.6cm;
		margin-bottom: 10pt;
	}

	img
	{
		page-break-before: avoid;
	}

	img.mediumplus
	{
		max-width: 80%;
		margin: 0;
		padding: none;
		border-style: none;
	}

	img.medium
	{
		max-width: 60%;
		margin: 0;
		padding: none;
		border-style: none;
	}

	img.small
	{
		max-width: 40%;
		margin: 0;
		padding: none;
		border-style: none;
	}

	img.fullsize
	{
		max-width: 100%;
		margin: 0;
		padding: none;
		border-style: none;
	}

	span.code
	{
		font-size: 10pt;
	}

	td.code
	{
		mc-hyphenate: never;
	}

	a:link
	{
		font-weight: normal;
		color: #00a1d5;
		text-decoration: underline;
	}

	div.GlossaryPageDefinition
	{
		font-size: 9pt;
		line-height: 13pt;
		margin-bottom: 2pt;
		margin-top: 2pt;
		margin-left: 0.5cm;
	}

	div.GlossaryPageHeading
	{
		font-size: 9pt;
		color: #00a1d5;
		margin-top: 2pt;
		margin-bottom: 2pt;
		border-bottom-color: #212121;
		border-bottom-style: none;
		mc-heading-format: '{A}';
	}

	div.GlossaryPageTerm
	{
		margin-top: 2pt;
		margin-bottom: 0pt;
		font-size: 9pt;
	}

	MadCap|dropDown
	{
		margin-bottom: 0px;
		margin-top: 0px;
		padding: 12px 0 0 0;
		border-bottom: 0px;
	}

	MadCap|dropDown.SecondLevel	/* test this*/
	{
		margin-left: 8pt;
	}

	MadCap|dropDownBody	/*to be tested*/
	{
		margin: 0;
		padding: 0;
		border-bottom: none;
	}

	MadCap|dropDownHead	/*to be tested*/
	{
		margin-top: 12pt;
		margin-bottom: 0pt;
	}

	MadCap|dropDownHead.H3	/* what's this one for? */
	{
		font-size: 13pt;
		font-weight: bold;
		color: #212121;
		line-height: 16pt;
		margin-top: 16pt;
		margin-bottom: 6pt;
	}

	MadCap|dropDownHotspot
	{
		font-size: 11.5pt;
		font-weight: bold;
	}

	MadCap|tocProxy
	{
		border-top: none;
		padding: 0;
		margin: 0;
		width: 100%;
	}

	MadCap|xref
	{
		font-style: italic;
		font-weight: normal;
		color: #212121;
		text-decoration: none;
		mc-format: '{paratext} ({pageref})';
	}

	MadCap|xref:focus
	{
		color: #00a1d5;
	}

	MadCap|xref:hover
	{
		color: #00a1d5;
	}

	/* ===================END PRINT MEDIA STYLES =========================== */
}

b,
big,
abbr,
acronym,
address,
article,
aside,
button,
canvas,
center,
cite,
colgroup,
dd,
del,
dir,
em,
fieldset,
i,
ins,
kbd,
label,
legend,
pre,
q,
s,
samp,
script,
section,
select,
small,
span.boolean,
span.state,
strike,
strong,
sub,
sup,
textarea,
tfoot,
thead,
tt,
var
{
	mc-disabled: true;
	/* Disables unwanted 'span' styles, i.e. stops them being listed in the Styles pane in Flare*/
}

