/*<meta />*/

@import url('https://fonts.googleapis.com/css?family=Montserrat');

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

/*my custom top navigation */

/*
.title-bar-layout a.logo:hover 'rollover for home icon'
{
	background: transparent url('../Images/navigation/CMlogoTransparent.png') no-repeat center center;
}
*/

/*fix for new error introduced by Flare in late 2019*/

.logo-wrapper .invisible-label
{
	display: none;
}

ul.navigation
{
	margin-left: 10px;
}

.navigation li
{
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
}

ul.navigation a
{
	text-decoration: none;
	height: 100%;
	outline: none;
}

ul.navigation li > a
{
	display: block;
	line-height: 45px;
	color: #616161;
	font-size: 12px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

/* chrome needs darker nav text at top; others dont */

@supports (-webkit-appearance:none) and (not (overflow:-webkit-marquee))
and (not (-ms-ime-align:auto)) and (not (-moz-appearance:none)) { 
   ul.navigation li > a { 	
    font-weight: 900; } 
} 

a:link
{
	color: #06A4DE;
	text-decoration: none;
}

p.WhichOne a:link
{
	color: #06A4DE;
}

.WhichOne .Training a:link
{
	/* make Training noticeable at the bottom */
	color: #00A05A;
}

div.TrainMenu a:link
{
	color: #616161;
}

p.WhichOne a:visited
{
	color: #06A4DE;
	text-decoration: underline;
}

.WhichOne .Training a:visited
{
	/* make this noticeable at the bottom */
	color: #00A05A;
}

a:visited
{
	color: #06A4DE;
}

div.TrainMenu a:visited
{
	color: #616161;
}

p.WhichOne a:hover
{
	color: #06A4DE;
	text-decoration: underline;
}

ul.navigation li > a:hover
{
	color: #00A478;
}

a:hover
{
	text-decoration: underline;
}

/*header or footer identifying web/win/mobile site */

p.WhichOne
{
	color: #A0A0A0;
	/*text-transform: uppercase; */
	font-size: 0.95em;
	text-align: right;
	margin-top: 0px;
	margin-bottom: 0px;
}

/*end WhichOne */
/* links at the bottom of all pages */

ul.navigation ul
{
	padding: 0;
}

/* box around 2nd level  */

ul.navigation ul
{
	border: 1px solid #dcdcdc;
}

/* 2nd level menu 2nd one not needed now but keep for reference */

.navigation li li
{
	text-transform: none;
	font-family: 'Open Sans', sans-serif;
}

.navigation li li > a
{
	font-weight: normal;
}

/*side menu ...............................................NOT USING NOW
box overrides border and colour*/

ul.menu._Skins_SideMenu.mc-component
{
	background-color: #FDFEFE;
	border: 1px solid #dcdcdc;
}

/*turn off selected page being boldfaced*/

ul.menu._Skins_SideMenu.mc-component li > a.selected
{
	font-weight: 600;
	color: #49AD82;
}

ul.menu._Skins_SideMenu.mc-component li > a.selected:hover
{
	font-weight: 600;
	/*stay as before*/
}

/*................................................................*/
/* gap between  search and breadcrumbs  */

.main-section > .outer-row
{
	padding-top: 0.2em;
	padding-bottom: 1em;
}

/*breadcrumbs */

span.MCBreadcrumbsDivider,
div.MCBreadcrumbsBox_0
{
	font-style: normal;
	color: #49AD82;
	font-size: 14px;
	margin-bottom: 10px;
	margin-top: 0px;
	padding-top: 0px;
}

div.MCBreadcrumbsBox_0
{
	border-bottom: 1px solid #dcdcdc;
}

a.MCBreadcrumbsLink
{
	text-decoration: none;
}

a.MCBreadcrumbsLink:link
{
	color: #707070;
}

a.MCBreadcrumbsLink:visited
{
	color: #707070;
}

a.MCBreadcrumbsLink:hover
{
	text-decoration: underline;
}

/*hamburger has been replaced as the standard one is white*/

.tab-bar .menu-icon span
{
	height: 48px;
	width: 48px;
	display: block;
	top: 17.5px;
	background: url('../Images/Navigation/hamburger.png') no-repeat center;
}

/*results of search */

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

/* popups */

.popupHead:link
{
	color: #2D8DCC;
	font-weight: normal;
	cursor: default;
}

.popupHead:visited
{
	text-decoration: none;
}

.popupHead:hover
{
	text-decoration: none;
}

.popupBody
{
	color: #000000;
	background-color: #FFFFFF;
	border: solid 1px #FFFFFF;
}

.MCTextPopupBody
{
	width: 250px;
}

/* basic stuff */

body
{
	color: #353535;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.0em;
	line-height: 1.5em;
	/* was 1.7 */
}

a
{
	color: #06A4DE;
	/* was 2d82dc; */
	text-decoration: none;
}

h1
{
	font-size: 1.9em;
	font-weight: 500;
	margin-top: 20px;
	margin-bottom: 20px;
	/* 50px; */
	color: #0A0A0A;
	line-height: 1.15em;
	/*?checked long headlines? */
}

.Train
{
	/* for training headlines */
	color: #49ad82;
}

h2
{
	font-size: 1.4em;
	font-weight: 600;
	margin-top: 40px;
	color: #0A0A0A;
	margin-bottom: 10px;
}

h3
{
	font-size: 1.16em;
	/* was 1.2em; */
	font-weight: 600;
	color: #0A0A0A;
	margin-top: 30px;
	margin-bottom: 10px;
}

h4
{
	font-size: 1em;
	font-weight: 600;
	color: #0A0A0A;
	margin-top: 20px;
	margin-bottom: 10px;
}

img
{
	border: 1px solid grey;
	/* from sally: */
	max-width: 100%;
}

img.NoBorder
{
	border: none;
}

img.Thumbnail
{
	mc-thumbnail: popup;
}

img.ReduceButtonSize
{
	max-height: 25px;
}

li
{
	orphans: 2;
	widows: 2;
}

ol
{
	list-style-image: none;
	margin-top: 0.05em;
}

ol ol
{
	list-style-type: lower-alpha;
}

ol ol ol
{
	list-style-type: lower-roman;
}

ul
{
	margin-top: 0.05em;
	list-style-type: disc;
	/* list-style-image: url('../Images/Bullet1.png'); */
}

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

/* from old one */

ul > li,
ol > li
{
	-webkit-margin-before: 0.3em;
	-webkit-margin-after: 0.3em;
	font-size: 1em;
	line-height: 1.4em;
	margin-bottom: 0.3em;
	margin-top: 0.3em;
}

ul ul > li,
ul ol > li,
ol ul > li,
ol ol > li
{
	margin-left: -1.0em;
	padding-left: .2em;
	-webkit-margin-before: 0.2em;
	margin-top: 0.2em;
}

ul p,
ol p
{
	padding-left: .2em;
	-webkit-margin-before: 0.2em;
	margin-top: 0.2em;
}

ul ul > p,
ul ol > p,
ol ul > p,
ol ol > p
{
	margin-left: -2.0em;
	padding-left: .4em;
	-webkit-margin-before: 0.2em;
	margin-top: 0.2em;
}

p
{
	margin-bottom: 10px;
	margin-top: 10px;
}

p.CompanyInformation1
{
	margin-bottom: 4px;
	margin-top: 14px;
	font-weight: bold;
}

p.CompanyInformation2
{
	color: #6d6d6d;
	margin-top: 4px;
	margin-bottom: 4px;
}

/*for tables                               xxxxx? remove */

p.TableTextCenterDark
{
	color: #000000;
	margin-bottom: 2px;
	margin-top: 8px;
	text-align: center;
}

p.TableTextDark
{
	color: #000000;
	margin-bottom: 2px;
	margin-top: 8px;
}

p.TableTextDarkEmphasis
{
	color: #ffffff;
	font-weight: normal;
	margin-bottom: 2px;
	margin-top: 8px;
}

/* table styles form HELP */

table.TableWithLines
{
	width: 100%;
	border-collapse: collapse;
}

table.TableWithLines td
{
	border-style: solid;
	border-width: 1px 0px 1px 0px;
}

table.TableWithLines td p
{
	font-size: 0.8em;
	line-height: 1.2em;
	/* was 1.7 */
}

/* styles for a standard table */

.standardTable
{
	width: 100%;
	border-collapse: collapse;
	border: none;
}

.standardTable td
{
	padding: 7px;
	border: #ffffff 2px solid;
	vertical-align: top;
}

.tinyTable td
{
	/* for table in a table*/
	padding: 2px;
	border: none;
}

/* need less spacing between paras in a table*/

.standardTable td p
{
	-webkit-margin-after: 0.4em;
	-webkit-margin-before: 0.4em;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}

/* set up alternating rows
   provide some minimal visual accomodation for IE8 and below, its the ODD color */

.standardTable tr
{
	background: #fafafa;
}

/*   background color for all the ODD background rows  */

.standardTable tr:nth-child(even)
{
	background: #f0f3f3;
}

/*  background color for all the EVEN background rows  */

.standardTable tr:nth-child(odd)
{
	background: #F2F2F2;
}

.standardTable tr.HeadingRow
{
	background: #A4B5C1;
	color: white;
	font-weight: bold;
}

.standardTable th
{
	background: #A4B5C1;
	color: white;
	font-weight: bold;
}

/* What's New Banner */

#banner_whatsnew
{
	height: 140px;
	margin: 10px 0px;
	padding: 30px 16px;
	text-align: center;
	background-color: #49AD82;
	background-image: linear-gradient(160deg, #49AD82, #00FF90);
}

/* new table for whats new */

.whatsNewTable
{
	border-collapse: collapse;
	border: none;
}

.whatsNewTable td
{
	padding-left: 15px;
	/*  more extreme */
	padding-right: 15px;
	/*  more extreme */
	padding-top: 10px;
	padding-bottom: 10px;
	border: #ffffff 2px solid;
	vertical-align: top;
}

.whatsNewTable td.even
{
	background: #f0f3f3;
}

.whatsNewTable td.odd
{
	background: #f8f8f8;
}

/* need less spacing between paras in a table*/

.whatsNewTable td p
{
	-webkit-margin-after: 0.4em;
	-webkit-margin-before: 0.4em;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}

.whatsNewTable tr
{
	background: white;
}

.whatsNewTable td h3
{
	font-size: 1.1em;
	line-height: 1.3em;
}

.Spacer
{
	padding-bottom: 20px;
}

/*  end new table stuff for whats new and also table styles from HELP */
/* span formatting for various needs */

span.Emphasis
{
	font-weight: bold;
}

span.SetOffFirstLevel
{
	color: #49AD82;
	font-weight: bold;
}

span.SetOffSecondLevel
{
	color: #445879;
	font-weight: bold;
}

/* divs for for various uses */
/*examples */

div.example
{
	background-repeat: no-repeat;
	border: solid 1px #47484A;
	border-radius: 6px;
	margin-bottom: 15px;
	padding: 20px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #edffee;
}

p.ExampleHeadText
{
	font-weight: bold;
	page-break-after: avoid;
	letter-spacing: 5px;
	padding: 0;
	margin: 0;
	border: 0;
}

/*notes */

div.note,
p.note
{
	margin-top: 30px;
	margin-bottom: 30px;
	background-color: #F5F5F5;
	margin-left: 40px;
	margin-right: 40px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-left-style: solid;
	border-left-width: 4px;
	border-left-color: #49AD82;
	border-left: 4px solid #49AD82;
}

/*
div.note
{
	background-image: url('../Images/Navigation/tip1.png');
	background-repeat: no-repeat;
	border: solid 1px #404040;
	border-radius: 6px;
	color: #353535;
	padding-bottom: 10px;
	padding-left: 40px;
	padding-right: 10px;
	padding-top: 10px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	margin-top: 10px;
	background-color: #f7fffb;
}
*/

/*web 6 message */

p.Web6Message
{
	background-color: #F6EDFF;
	border: none;
	border-radius: 6px;
	color: #353535;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	margin-top: 5px;
}

.Web6Message a
{
	color: #652d8e;
	font-weight: bold;
}

#Web6:link
{
	color: #652d8e;
	font-weight: bold;
}

#Web6:visited
{
	color: #652d8e;
	font-weight: bold;
}

#Web6:hover
{
	color: #652d8e;
	font-weight: bold;
}

#Web6:active
{
	color: #652d8e;
	font-weight: bold;
}

/* end web 6 message */
/*Feedback message */

p.FeedbackMessage
{
	background-color: #F5FCFC;
	border: none;
	border-radius: 6px;
	color: #353535;
	padding: 40px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	margin-top: 60px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.FeedbackMessage a
{
	color: #00a05a;
	font-weight: bold;
}

/* end web 6 message */

.noteInDiv
{
	mc-auto-number-format: '{b}{color #FFFFFF}Note: {/color}{/b}';
	/*highlight colour and text for start of note: */
}

/*quotations */

div.quotation
{
	background-color: #e1e1e1;
	background-image: url('../Images/Navigation/QuotationMark.png');
	background-repeat: no-repeat;
	background-position: top left;
	border-color: #47484A;
	border-style: solid;
	border-width: 1px;
	border-radius: 6px;
	font-size: 0.9em;
	font-style: italic;
	font-weight: normal;
	line-height: 18px;
	padding: 20px;
	padding-left: 40px;
}

p.quotationname
{
	text-align: right;
}

/* floating */

div.ImagesFloatLeft
{
	clear: both;
	float: left;
	margin-right: 25px;
	/*padding: 5px;*/
}

div.ImagesFloatRight
{
	clear: both;
	float: right;
	margin-left: 25px;
	padding: 5px;
}

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

div.TightContent
{
	margin: 0;
	padding: 0;
	line-height: 1em;
}

/*breadcrumbs */

MadCap|breadcrumbsProxy
{
	border-bottom: none;
	font-size: .7em;
	font-style: italic;
	mc-breadcrumbs-prefix: '';
}

/*dropdown                                                                   */

MadCap|dropDown
{
	margin-bottom: 6px;
	margin-top: 6px;
	mc-closed-image: url('../Images/Navigation/DDClosed.png');
	mc-open-image: url('../Images/Navigation/DropDownOpen.png');
}

MadCap|dropDown.SecondLevel
{
	margin-left: 10px;
	mc-closed-image: url('../Images/Navigation/DDClosed2nd.png');
	mc-open-image: url('../Images/Navigation/DDOpen2nd.png');
}

/* MadCap|dropDownBody
{
	border-bottom: solid 1px #49AD82; GREEN
}
*/

MadCap|dropDownBody.Final
{
	border-bottom: 0px;
}

MadCap|dropDownHead
{
	
}

MadCap|dropDownHotspot
{
	color: #404040;
	font-size: 1.5em;
	/* font-weight: bold; */
}

MadCap|dropDownHotspot:hover
{
	/*green */
	color: #49ad82;
}

/* new stuff for dropdowns used in FAQ & Training & How do I? pages                */

div.MCDropDown,
div.MCDropDown_Open,
div.dropDown
{
	border-bottom: solid 1px #49AD82;
	border-top: solid 1px #49AD82;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
}

/* for double line problem */

div.MCDropDown + div.MCDropDown
{
	border-top: none;
}

/* these 2 for double line problem with labs etc */

.NoTop
{
	border-top: none;
}

.NoBottom
{
	border-bottom: none;
}

/*for first quiz question */

.TopQ
{
	border-top: solid 1px #49AD82;
}

.quizQ
{
	/*for all quiz questions */
	font-size: 1.2em;
	font-weight: 500;
	color: #49ad82;
}

/* where I want them closer*/

.PackTight
{
	padding-top: 2px;
	padding-bottom: 2px;
}

/*for dropdowns */

.greenSiteText
{
	color: #49ad82;
}

.dropDownHotspot:link
{
	color: #000000;
	font-size: 1em;
	font-weight: 500;
}

.dropDownHotspot:visited
{
	color: #000000;
}

/* popups */

MadCap|popup
{
	color: #2D8DCC;
	/* blue */
}

MadCap|popup:focus
{
	color: #2D8DCC;
	/* blue */
}

MadCap|popup:hover
{
	color: #2D8DCC;
	/* blue */
}

MadCap|popupHead
{
	color: #2D8DCC;
	font-weight: bold;
}

/*xref */

MadCap|xref
{
	color: #2D8DCC;
	text-decoration: none;
	mc-format: '{para}';
}

MadCap|xref:hover
{
	text-decoration: underline;
}

/*basic table */

td
{
	margin: 8px;
	vertical-align: top;
}

th
{
	margin-bottom: 8px;
	margin-top: 8px;
}

/*  ffff */

html.templateTopic div.sideContent
{
	display: none;
}

/*responive ?multicolumn layout? */

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

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

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

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

div.ContentRow > div:nth-child(2)
{
	width: 33.333%;
	margin-left: 8.3333%;
}

/* embedded VIDEOS */

.video-wrapper.full
{
	max-width: 100%;
	width: 50em;
	margin-top: 1.5em;
}

.video-wrapper.two-thirds
{
	max-width: 100%;
	width: 31em;
	margin-top: 1.5em;
}

.video-container
{
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

iframe
{
	border: 1px solid #C6C9C6;
}

iframe.NoBorder
{
	border: none;
}

/* COOKIE msg etc*/

#cookie-notice
{
	width: 100%;
	background-color: #566;
}

.cookie-notice-container
{
	height: 100%;
	width: 100%;
	padding: 10%;
	padding-top: 2%;
}

.cn-text-container
{
	font-size: 0.6em;
	color: white;
	line-height: 1.4em;
	text-align: center;
}

.cn-buttons-container
{
	position: absolute;
	left: 40%;
}

.cn-button
{
	font-size: 18px;
	background: #FFFFFF;
	padding: 5px 30px;
	color: #FFF;
	transition: all 300ms;
	font-weight: 500;
	font-size: 0.8em;
	margin: 0 0 0 10px;
	text-align: center;
	border-radius: 40px;
	border: none;
}

.cn-set-cookie
{
	
}

.cookie-notice-hidden
{
	
}

.cookie-revoke-hidden
{
	
}

/*end cookie styles */

/*.VideoDiv
{
	position: relative;
  height: 0; 
  width:100%;
	padding-bottom: 56.25%;
} */

/* for problem where nav menu cant share with big images */

.shareWithMenu
{
	max-width: 64%;
}

table.shareWithMenu
{
	width: 64%;
}

/* styles from Training */

p.Scenario
{
	display: inline-block;
	border: 1px solid #BDCCBD;
	background-color: #F7FFF7;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding: 14px 20px;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 75px;
	padding-right: 10px;
	background-image: url('../Images/IconsTrain/Scenario.png');
	background-repeat: no-repeat;
}

p.ScenarioComp
{
	display: inline-block;
	border: 1px solid #BDCCBD;
	background-color: #F7FFF7;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding: 14px 20px;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 75px;
	padding-right: 10px;
	background-image: url('../Images/IconsTrain/ScenarioComp.png');
	background-repeat: no-repeat;
}

p.exerciseHeading
{
	font-weight: bold;
}

p.VideoXplain
{
	font-size: 0.8em;
}

/* end training styles */
/* HELP styles */

p.video
{
	display: inline-block;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background-repeat: no-repeat;
	margin-left: 0;
	padding-left: 40px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: none;
	background-image: url('../Images/IconsHelp/Video.png');
}

.imgCredit
{
	font-size: 0.7em;
}

img.LargeImage
{
	mc-thumbnail-max-height: auto;
	mc-thumbnail-max-width: 200px;
	mc-thumbnail: popup;
}

img.LongImage
{
	mc-thumbnail-max-height: 100px;
	mc-thumbnail-max-width: auto;
	mc-thumbnail: popup;
}

img.MaxImage
{
	mc-thumbnail-max-height: 550px;
	mc-thumbnail-max-width: 550px;
	mc-thumbnail: popup;
}

img.Web6Image	/* for web6.0 page */
{
	mc-thumbnail-max-height: auto;
	mc-thumbnail-max-width: auto;
	mc-thumbnail: popup;
	/* hyperlink      blows up to full size  */
}

.noticeText
{
	color: #0040A0;
}

.greenText
{
	color: #49ad82;
}

.redText
{
	color: #D50000;
}

.yellowText
{
	background-color: #FFFF00;
}

.yellowText2
{
	background-color: #FFFF66;
}

.cyanText
{
	background-color: #E0FFFF;
}

.greyText
{
	color: #AAAAAA;
}

.blueText
{
	color: #0000FF;
}

.blueTextBackground
{
	background-color: #CEE3FF;
}

.costColour
{
	color: #A64D79;
}

/* for training menu */

div.TrainMenu
{
	background-color: #F9F9F9;
	border: solid 1px #DCDCDC;
	margin-right: 60%;
}

div.TrainMenu h2
{
	font-size: 0.9em;
	color: #616161;
	padding-left: 5px;
	margin-top: 4px;
}

div.TrainMenu p
{
	font-size: 0.9em;
	color: #616161;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 30px;
	margin-bottom: 0px;
	margin-top: 0px;
	line-height: 1.0em;
}

div.TrainMenu p.current
{
	font-weight: bold;
	color: #49AD82;
}

div.TrainMenu h2.current
{
	font-weight: bold;
	color: #49AD82;
}

/* for micro content */

.columnsContainer
{
	position: relative;
}

.leftColumn,
.rightColumn
{
	padding: .03%;
}

blockquote
{
	margin-left: 40px;
	margin-right: 40px;
}

.highlightText
{
	background-color: #ceffd0;
}

/* responsive */
/* 1st one only for microcontent */

@media screen and (min-width: 749px)
{
	.leftColumn
	{
		float: left;
		width: 59.5%;
	}

	.rightColumn
	{
		float: right;
		width: 39.5%;
	}
}

@media only screen and (max-width: 850px)
{
	div.TrainMenu
	{
		/*	margin-right: 200px; */
	}

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

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

@media only screen and (max-width: 750px)
{
	.shareWithMenu
	{
		max-width: 100%;
	}

	table.shareWithMenu
	{
		width: 100%;
	}

	div.TrainMenu
	{
		margin-right: 5px;
	}

	.ExplainMenu
	{
		/* hide explanantion of menu at top level divisions*/
		display: none;
	}

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

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

/* styles for micro content */

.micro-response h1
{
	font-size: 1.4em;
}

h2.index
{
	margin: 0px;
	padding: 0px;
}

h3.index
{
	margin: 0px;
	padding: 0px;
}