/*<meta />*/

@import url('skin.css');

@import url('Styles_delta.css');

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

/*Font Declaration*/
/*NM remove old fonts*/

/*@font-face 
{
	font-family: 'AvenirNextLTW01-Regular';
	src: url('../Fonts/avenirnextltpro-regular.eot');
	src: url('../Fonts/avenirnextltpro-regular.eot?#iefix') format('embedded-opentype'), url('../Fonts/avenirnextltpro-regular.woff') format('woff'), url('../Fonts/avenirnextltpro-regular.ttf') format('truetype'), url('../Fonts/avenirnextltpro-regular.svg#avenirnextltpro-regular') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/

/*font import to ensure that it is in output*/

/*.fontaddfiles
{
	background-image: url("../Fonts/avenirnextltpro-regular.ttf");
	background-image: url("../Fonts/avenirnextltpro-regular.eot");
	background-image: url("../Fonts/avenirnextltpro-regular.woff");
	background-image: url("../Fonts/avenirnextltpro-regular.svg");
}
*/

html	/*adds space between header div and body div*/
{
	/*margin-top: 38px;*/
}

body
{
	color: #333333;
	font-family: "Open-Sans Regular", "Segoe UI Regular", Helvetica, arial, sans-serif;
	font-size: 16px;
	line-height: 1.35em;
	margin-left: 30px;
	max-width: 99%;
	/*margin-top: -38px;*/
}

div.TopicContent
{
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 25px;
}

h1
{
	color: #29333F;
	font-family: "Open-Sans Regular", "Segoe UI Regular", Helvetica, arial, sans-serif;
	font-weight: normal;
	font-size: 40px;
	line-height: 1em;
	margin-bottom: 0.1em;
	margin-top: 0.3em;
}

h2
{
	color: #29333F;
	font-family: "Open-Sans Regular", "Segoe UI Regular", Helvetica, arial, sans-serif;
	font-size: 30px;
	font-weight: normal;
	line-height: 1em;
	margin-bottom: 0.1em;
	margin-top: 20px;
}

h3
{
	color: #29333F;
	font-family: "Open-Sans Regular", "Segoe UI Regular", Helvetica, arial, sans-serif;
	font-size: 22px;
	font-weight: normal;
	line-height: 1em;
	margin-bottom: 0.1em;
	margin-top: 20px;
}

h4
{
	color: #29333F;
	font-family: "Open-Sans Regular", "Segoe UI Regular", Helvetica, arial, sans-serif;
	font-size: 18px;
	line-height: 1em;
	margin-bottom: 0.1em;
	margin-top: 20px;
}

h5
{
	color: #29333F;
	font-family: "Open-Sans Regular", "Segoe UI Regular", Helvetica, arial, sans-serif;
	font-size: 16px;
	line-height: 1em;
	margin-bottom: 0.1em;
	margin-top: 20px;
}

p
{
	margin-bottom: 1em;
	line-height: 1.35em;
}

table,
Table,
K2Table,
K2Task,
K2ListTable
{
	margin-bottom: 1em;
	border-collapse: collapse;
	max-width: 97%;
}

th
{
	font-size: 16px;
	font-weight: 400;
	color: #000000;
	background: #efefef none repeat scroll 0 0;
	text-align: left;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

tr
{
	
}

td
{
	text-align: left;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

table,
K2Table,
K2Task,
K2ListTable,
th,
td
{
	border: 1px solid black;
}

ol,
ul
{
	padding-left: 25px;
	/*margin-bottom: 1em;*/
}

li
{
	margin-bottom: 0.35em;
	margin-top: 0;
	line-height: 1.35em;
}

/*handle li where p tags are in the li*/

li p
{
	margin-bottom: 0;
	margin-top: 0;
	line-height: 1.35em;
}

a
{
	color: #006BD6;
	text-decoration: none;
}

a:link
{
	color: #006BD6;
	text-decoration: none;
}

a:visited
{
	color: #003870;
}

a:focus
{
	color: #003870;
	text-decoration: underline;
}

a:hover
{
	color: #003870;
	text-decoration: underline;
}

div.ibutton_right .ibutton-toolbar-button a:hover
{
	/*NM color: #98b2c2; */
	color: #222;
}

.framecontent ul li a:hover
{
	background-color: #e0e0e0;
}

a:active
{
	color: #003870;
	text-decoration: underline;
}

MadCap|xref
{
	color: #003870;
	mc-format: '{title}';
}

p.MiniTOC1
{
	font-weight: inherit;
	margin: 1em;
	margin-left: 0pt;
	margin-bottom: 0em;
	margin-right: 0em;
	margin-top: 0em;
	padding-top: 0em;
	padding-bottom: 0em;
}

p.TOC1
{
	font-weight: inherit;
	margin-bottom: 0em;
	margin: 0em;
	padding: 0em;
	padding-bottom: 0em;
	height: 1em;
}

p.TOC2
{
	margin-left: 10px;
	margin-bottom: 0em;
}

p.MiniTOC2
{
	margin-bottom: 0em;
	margin-top: 0em;
	padding-bottom: 0em;
	padding-top: 0em;
}

p.MiniTOC3
{
	margin-bottom: 0em;
	margin-top: 0em;
}

p.MiniTOC4
{
	margin-bottom: 0em;
	margin-top: 0em;
}

p.MiniTOC5
{
	margin-bottom: 0em;
	margin-top: 0em;
}

p.MiniTOC6
{
	margin-bottom: 0em;
	margin-top: 0em;
}

p.MiniTOC7
{
	margin-bottom: 0em;
}

p.MiniTOC8
{
	margin-bottom: 0em;
	margin-top: 0em;
}

p.MiniTOC9
{
	margin-bottom: 0em;
	margin-top: 0em;
}

p.TOC3
{
	padding-bottom: 0em;
	padding-top: 0em;
	margin-bottom: 0em;
}

p.TOC4
{
	margin-bottom: 0em;
}

p.TOC5
{
	margin-bottom: 0em;
}

p.TOC6
{
	margin-bottom: 0em;
}

p.TOC7
{
	margin-bottom: 0em;
}

p.TOC8
{
	margin-bottom: 0em;
}

p.TOC9
{
	margin-bottom: 0em;
}

/*used to indicate text to enter*/

.typetext
{
	font-style: italic;
	color: #006BD6;
}

@media only screen and (max-width: 1024px)
{
	
}

@media only screen and (max-width: 480px)
{
	h1
	{
		font-size: 38px;
	}

	h2
	{
		font-size: 30px;
	}

	h3
	{
		font-size: 24px;
	}

	h4
	{
		font-size: 18px;
		font-weight: 500;
	}

	h5
	{
		font-size: 14px;
	}
}

/*NM additions start here*/
/*generic styles for all mediums*/
/*styling for tutorials */

ol.TutorialDetailSteps
{
	padding-left: 1.4em;
	list-style-type: lower-alpha;
}

table.K2Task
{
	width: 95%;
}

indent25	/*added by Kirsten to indent challenge step blocks */
{
	margin-left: 25px;
}

ol.TutorialHighLevelSteps
{
	counter-reset: item;
}

li.TutorialHighLevelStep
{
	counter-increment: item;
	margin-bottom: 1em;
}

ol.TutorialSteps
{
	/*NM used for doing 1.1 style numbering content*/
	/*style list-style-type: none; */
	list-style-type: lower-alpha;
	counter-reset: item;
	margin: 0;
}

li.TutorialStep
{
	margin-left: 0.4em;
	counter-increment: item;
	margin-bottom: 0.5em;
}

ol.TutorialSteps li:before
{
	/*NM used for doing 1.1 style numbering content*/
	/*content: counters(item, ".") ". ";
    padding-right: 0.5em; */
}

li.TutorialStep li
{
	margin: 0;
}

li.TutorialStep li:before
{
	/*NM used for doing 1.1 style numbering content*/
	/*content: counters(item, ".") " ";*/
}

div.LearnShadedArea
{
	background-color: #e5e5e5;
	padding-left: 0;
	padding-right: 5px;
	padding-top: 5px;
	position: relative;
	margin-left: 0;
	margin-bottom: 5px;
	margin-right: -5px;
	padding-bottom: 10px;
}

div.LearnTopicContainer
{
	padding-right: 5px;
	padding-bottom: 10px;
	margin: 0;
	padding-left: 0;
	border: solid 1px gray;
}

.howToTitleHighlight
{
	color: #ff6d00;
}

/*end styles for learning tutorials*/
/*end styling for tutorials */
/*styling for related topics*/

MadCap|relatedTopics
{
	mc-image: none;
	mc-image-spacing: 10px;
	color: #000000;
	mc-help-control-display: list;
}

MadCap|relatedTopicsControlList,
.MCRelatedTopicsControlList
{
	margin-top: 2px;
}

.MCHelpControl-RelatedHotSpot_
{
	font-size: 20px;
	background-image: none;
}

.MCHelpControl-Related
{
	padding-left: 0px;
	background-image: none;
}

/*override shadow for related topics image*/

.MCHelpControl_Image_Icon
{
	box-shadow: none;
}

/*end styling for related topics*/
/*Styles for code snippets code formatting*/

.csharpcode
{
	font-size: small;
	color: black;
	font-family: Consolas, "Courier New", Courier, Monospace;
	/*white-space: pre-line; supressing the line space handling because flare is unpredictable*/
	/*margin: 0.1em;*/
}

.csharpcode .pre
{
	margin: 0em;
}

.csharpcode .comment
{
	color: #008000;
}

.csharpcode .comment2
{
	color: #808080;
}

.csharpcode .type
{
	color: #2B91AF;
}

.csharpcode .keyword
{
	color: #0000FF;
}

.csharpcode .string
{
	color: #A31515;
}

.csharpcode .preproc
{
	color: #0000FF;
}

.csharpcode .op
{
	color: #0000c0;
}

.csharpcode .asp
{
	background-color: #ffff00;
}

.csharpcode .html
{
	color: #800000;
}

.csharpcode .attr
{
	color: #ff0000;
}

/*End Code Formatting */
/*Styles for images*/

img
{
	max-width: 90%;
	resize: both;
	height: auto;
	width: auto;
	margin: auto;
	border-style: solid;
	border-width: 1px;
	border-color: rgba(0,0,0,0.23);
	/*box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);*/
}

img.ImgBorder
{
	max-width: 90%;
	resize: both;
	height: auto;
	width: auto;
	margin: auto;
	margin-bottom: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: rgba(0,0,0,0.23);
	/*box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);*/
}

img.Slide
{
	max-width: 100%;
	resize: both;
	height: auto;
	width: auto;
	margin: auto;
	margin-bottom: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: rgba(0,0,0,0.23);
	/*box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);*/
}

img.NoBorder
{
	max-width: 90%;
	resize: both;
	height: auto;
	width: auto;
	border: none;
	box-shadow: none;
}

img.TopicVideo
{
	margin: auto;
	border-style: solid;
	border-width: 1px;
	border-color: rgba(0,0,0,0.23);
	/*box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);*/
	vertical-align: top;
	margin-left: 5px;
	margin-top: 0;
	width: 40px;
	height: 40px;
	z-index: 100;
	background-color: #fff;
}

/*LG Added for thumbnail image popups*/

img.Thumbnail
{
	mc-thumbnail: popup;
	mc-thumbnail-max-width: 250px;
	mc-thumbnail-max-height: 250px;
	mc-float: frame-center;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: rgba(0,0,0,0.23);
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: rgba(0,0,0,0.23);
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: rgba(0,0,0,0.23);
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: rgba(0,0,0,0.23);
}

.MCPopupContainer
{
	Display: Flex;
}

/*End thumbnail image popups*/
/*End Styles for images*/
/*Styles for dropdowns*/
/*overrides for IE's <a> handling*/

.MCDropDownHotSpot,
.dropDownHotspot,
.MCDropDownHotSpot_,
.MCHotSpotImage
{
	color: #006BD6 !important;
}

MadCap|dropDownHead
{
	color: #006BD6 !important;
	font-family: "Open-Sans Regular", "Segoe UI Regular", Helvetica, arial, sans-serif;
	font-size: 22px;
	margin-bottom: 0.1em;
	margin-top: 20px;
}

MadCap|dropDownHotspot
{
	color: #006BD6 !important;
	font-family: "Open-Sans Regular", "Segoe UI Regular", Helvetica, arial, sans-serif;
	font-size: 22px;
	margin-bottom: 2px;
	margin-top: 15px;
}

MadCap|dropDown
{
	mc-closed-image: url('../Images/Skin/Expand_Arrow.png');
	mc-open-image: url('../Images/Skin/Collapse_Arrow.png');
}

MadCap|expanding
{
	mc-closed-image: url('../Images/Skin/Expand_Arrow.png');
	mc-open-image: url('../Images/Skin/Collapse_Arrow.png');
}

MCDropDown_Image_Icon,
.MCDropDown_Image_Icon
{
	border: medium none;
	box-shadow: none !important;
	margin: auto 5px auto auto;
}

MadCap|dropDownBody
{
	mc-closed-image: url('../Images/Skin/Expand_Arrow.png');
	mc-open-image: url('../Images/Skin/Collapse_Arrow.png');
}

.MCDropDownBody
{
	margin-left: 25px;
}

/*End Styles for dropdowns*/
/* Style for Note Boxes*/
/*Note Box*/

.NoteBox
{
	background-color: #FAFAFA;
	width: 95%;
	padding-left: 12px;
	/*margin: 1em 0.2em 1em;*/
	border-left: 5px solid #008738;
	line-height: normal;
	color: #000 !important;
	font-size: 14px;
	display: block;
	min-height: 40px;
	padding-bottom: 0.3em;
	padding-top: 0.3em;
	margin-bottom: 16px;
	margin-top: 16px;
}

.NoteBox:before
{
	content: 'Note: ';
	font-size: 14px;
	font-weight: bold;
	margin-top: 30px;
}

/*End of Note Box*/
/*Caution Box*/

.CautionBox
{
	background-color: #FAFAFA;
	width: 95%;
	padding-left: 12px;
	/*margin: 1em 0.2em 1em;*/
	border-left: 5px solid #E96025;
	line-height: normal;
	color: #000 !important;
	font-size: 14px;
	/*NM added font size because normal style font size did not inherit*/
	display: block;
	min-height: 55px;
	padding-bottom: 0.3em;
	padding-top: 0.3em;
	margin-bottom: 16px;
	margin-top: 16px;
}

.CautionBox:before
{
	content: 'Caution: ';
	font-size: 14px;
	font-weight: bold;
	margin-top: 30px;
}

/*End of Caution Box*/
/* Tip Box*/

.TipBox
{
	background-color: #FAFAFA;
	min-height: 20px;
	width: 95%;
	padding-left: 12px;
	/*margin: 1em 0.2em 1em;*/
	border-left: 5px solid #006BD6;
	line-height: normal;
	color: #000 !important;
	font-size: 14px;
	display: block;
	min-height: 23px;
	padding-bottom: 0.3em;
	padding-top: 0.3em;
	margin-bottom: 16px;
	margin-top: 16px;
}

.TipBox:before
{
	content: 'Tip: ';
	font-size: 14px;
	font-weight: bold;
	margin-top: 30px;
}

/*End of Tip Box*/
/*Code Box*/

.CodeBox
{
	background-color: #FAFAFA;
	width: 95%;
	padding-left: 12px;
	/*margin: 1em 0.2em 1em;*/
	border-left: 5px solid #d0d0d0;
	line-height: 100%;
	/*reduce line height to read easier for code */
	color: #000 !important;
	font-size: 14px;
	/*NM added font size because normal style font size did not inherit*/
	mc-hyphenate: never;
	display: block;
	min-height: 40px;
	padding-bottom: 0.3em;
	padding-top: 0.3em;
	margin-bottom: 16px;
	margin-top: 16px;
}

.CodeBox:before
{
	content: 'Code: ';
	font-size: 14px;
	font-weight: bold;
	margin-top: 30px;
}

/*styles for PDF printing*/

@media print
{
	/* Print Style for Note Boxes */
	/*Note Box */

	.NoteBox .NoteBox
	{
		background-color: #FAFAFA;
		width: 95%;
		padding-left: 12px;
		/*margin: 1em 0.2em 1em;*/
		border-left: 5px solid #008738;
		line-height: normal;
		color: #000 !important;
		font-size: 14px;
		display: block;
		min-height: 33px;
		padding-bottom: 0.3em;
		padding-top: 0.3em;
		margin-bottom: 16px;
		margin-top: 16px;
	}

	.NoteBox:before
	{
		content: 'Note: ';
		font-size: 12px;
		font-weight: bold;
		margin-top: 25px;
	}

	/*End of Note Box*/
	/*Caution Box*/

	.CautionBox
	{
		background-color: #FAFAFA;
		width: 95%;
		padding-left: 12px;
		/*margin: 1em 0.2em 1em;*/
		border-left: 5px solid #E96025;
		line-height: normal;
		color: #000 !important;
		font-size: 14px;
		/*NM added font size because normal style font size did not inherit*/
		display: block;
		min-height: 46px;
		padding-bottom: 0.3em;
		padding-top: 0.3em;
		margin-bottom: 16px;
		margin-top: 16px;
	}

	.CautionBox:before
	{
		content: 'Caution: ';
		font-size: 12px;
		font-weight: bold;
		margin-top: 25px;
	}

	/*End of Caution Box*/
	/* Tip Box*/

	.TipBox
	{
		background-color: #FAFAFA;
		min-height: 20px;
		width: 95%;
		padding-left: 12px;
		/*margin: 1em 0.2em 1em;*/
		border-left: 5px solid #006BD6;
		line-height: normal;
		color: #000 !important;
		font-size: 14px;
		display: block;
		min-height: 23px;
		padding-bottom: 0.3em;
		padding-top: 0.3em;
		margin-bottom: 16px;
		margin-top: 16px;
	}

	.TipBox:before
	{
		content: 'Tip: ';
		font-size: 12px;
		font-weight: bold;
		margin-top: 25px;
	}

	/*End of Tip Box*/
	/*Code Box*/

	.CodeBox
	{
		background-color: #FAFAFA;
		width: 95%;
		padding-left: 12px;
		/*margin: 1em 0.2em 1em;*/
		border-left: 5px solid #d0d0d0;
		line-height: 100%;
		/*reduce line height to read easier for code */
		color: #000 !important;
		font-size: 16px;
		/*NM added font size because normal style font size did not inherit*/
		mc-hyphenate: never;
		display: block;
		min-height: 30px;
		padding-bottom: 0.3em;
		padding-top: 0.3em;
		margin-bottom: 16px;
		margin-top: 16px;
	}

	.CodeBox:before
	{
		content: 'Code: ';
		font-size: 12px;
		font-weight: bold;
		margin-top: 25px;
	}

	/*End of Code Box*/
	/*common settings for content of Note Boxes*/

	div.NoteBox p,
	div.CautionBox p,
	div.TipBox p,
	div.CodeBox p
	{
		margin: 0;
	}

	/*li spacing for labs in pdf output */

	ol.TutorialHighLevelSteps
	{
		margin-left: 1.8em;
		padding-left: .5em;
	}

	ol.TutorialDetailSteps
	{
		margin-left: 1.8em;
		padding-left: .5em;
		list-style-type: lower-alpha;
	}

	li.TutorialStep
	{
		margin-left: 1em;
		margin-right: 10%;
		margin-top: .5em;
		margin-bottom: .5em;
	}
}

/*start performance support panel styling*/

#ibutton tr,
#ibutton td
{
	padding: 0;
	margin: 0;
}

.performancepanel,
table.performancepanel
{
	border-collapse: collapse;
	width: 100%;
	color: #366581;
	vertical-align: middle;
	width: 100%;
	height: 100%;
}

.performancepanel .bottompane
{
	position: relative;
	/*to make sure the iframe can have fluid height*/
	height: 100%;
	/*for FF*/
}

.performancepanel .framecontainer
{
	position: relative;
	right: 0;
	left: 0;
	bottom: 0;
	top: 0;
	display: block;
	height: 100%;
}

.performancepanel iframe
{
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	padding: 0;
	margin: 0;
	bottom: 0;
	top: 0;
	height: 100%;
}

.performancepanel .loadingpanel
{
	display: none;
}

.performancepanel.loading .loadingpanel
{
	display: block;
}

.loadingpanel,
.framecontent
{
	/*NM background-color: #417a9c;*/
	background-color: #F0F0F0;
	/*accent color*/
}

.loadingpanel
{
	height: 100%;
	width: 100%;
	text-align: center;
	background-color: #8c9ca5;
	vertical-align: middle;
	display: inline-table;
}

.loadingpanel .loadingimg
{
	margin: auto;
	/*margin-top: 30px;*/
	background-image: url('../Images/Skin/loading.gif');
	background-repeat: no-repeat;
	background-position: center center;
	height: 64px !important;
	width: 64px !important;
}

/* tabs - perf support */

div.ibutton_right .ibutton-toolbar-button span
{
	height: 32px;
	width: 32px;
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	margin: auto;
	padding-bottom: 3px;
	box-sizing: border-box;
}

div.ibutton_right .ibutton-toolbar-button a
{
	text-transform: uppercase;
	/*NM color: #6189a1;*/
	color: #000;
}

div.ibutton_right .ibutton-toolbar-button.selected a,
div.ibutton_right .ibutton-toolbar-button.selected a:hover
{
	/*NM color: white;*/
	color: #000;
	text-decoration: none;
}

.framecontent
{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: auto;
}

.framecontent ul
{
	margin: 0;
	padding: 5px;
}

.framecontent ul li
{
	list-style: none;
	display: block;
	margin: 0;
	margin-bottom: 5px;
}

.framecontent ul li a
{
	padding: 5px;
	display: block;
	min-height: 25px;
	padding-left: 30px;
	background-repeat: no-repeat;
	background-position: 5px 8px;
	/*add 3px to vert*/
}

.framecontent .allitems
{
	display: none;
}

/*popup windows*/

.topicpagebody .dark
{
	background-color: #366581 !important;
	/*dark blue*/
}

.MCTopicPopupContainer.MCTopicPopupContainer
{
	-webkit-box-shadow: 0 0 20px #333;
	-moz-box-shadow: 0 0 20px #333;
	box-shadow: 0 0 20px #333;
}

.MCTopicPopupContainer.MCTopicPopupContainer a.closebutton
{
	position: absolute;
	height: 23px;
	width: 23px;
	background-color: red;
	right: -11.5px;
	top: -11.5px;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	/*background-image: url(../Images/sprite_022614.png);*/
	background-repeat: no-repeat;
	background-color: #fff;
	background-position: -274px -134px;
}

#popup
{
	position: relative;
}

#popup .btnclose
{
	position: absolute;
	right: 0;
	top: 0;
	height: 20px;
	width: 20px;
	background-color: #ff6a00;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* Image maps - red boxes etc */

.imagecontainer
{
	display: inline-block;
	/*mimics the images*/
	position: relative;
}

.floatingarea
{
	position: absolute;
	/*background-color: red;*/
	cursor: help;
	opacity: 0;
	-ms-filter: alpha(opacity=0.0);
	transition: opacity linear .15s;
	-webkit-transition: opacity linear .15s;
	-moz-transition: opacity linear .15s;
}

.floatingarea:hover
{
	position: absolute;
	opacity: .3;
	-ms-filter: alpha(opacity=0.3);
	transition: opacity linear .15s;
	-webkit-transition: opacity linear .15s;
	-moz-transition: opacity linear .15s;
}

div.MCStyle	/*LG - This is a custom responsive layout row style (div class) for microcontent.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

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

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

div.MCStyle > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 0px;
	padding-right: 0px;
}

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

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

@media only screen and (max-width: 1024px)
{
	div.MCStyle > div:nth-child(1)
	{
		width: 50%;
		margin-left: 0%;
	}

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

@media only screen and (max-width: 480px)
{
	h1
	{
		font-size: 38px;
	}

	h2
	{
		font-size: 30px;
	}

	h3
	{
		font-size: 24px;
	}

	h4
	{
		font-size: 18px;
		font-weight: 500;
	}

	h5
	{
		font-size: 14px;
	}

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

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

/*end performance support panel styling*/
/*tablet-specific styles*/

@media screen and (min-width: 481px) and (max-width: 1024px)
{
	
}

/*phone-specific styles*/

@media screen and (min-width: 1px) and (max-width: 480px)
{
	
}

MadCap|xref.xrefH1
{
	mc-format: '{h1}';
}

/*Changes table headings to aqua blue color*/

.tableSortColHead
{
	color: #00b5c8;
}

/*styles for embedded Try It Yourself TIY iframes*/

.tiyIframe
{
	width: 90%;
	background: url('../Images/Skin/TiyiFrameLoading.gif') center center no-repeat;
	background-color: #7F7F7F;
}

p.tiyHeading
{
	font-style: italic;
	margin-bottom: 0;
}

/*end styles for embedded Try It Yourself TIY iframes*/
/*start code snippet styles*/
/* MC code snippets are rendered as a pre block */
/* There are 4 style elements for Code Snippets */
/* MadCap|codeSnippet: main container */
/* MadCap|codeSnippetCaption: container for caption and copy button */
/* MadCap|codeSnippetCopyButton: you guessed it */
/* MadCap|codeSnippetBody: container for code and line numbering */
/* pre span.codeSnippetLineNumbers: line number style */

MadCap|codeSnippetBody
{
	line-height: 1.35em;
	background-color: #fbfbfb;
	/*original #e4e4e4*/
	margin-top: 0;
	margin-bottom: 0;
	/*mc-code-border: #00ff00; this would set the verticle line to green*/
	/*padding: 10px 0px;*/
}

MadCap|codeSnippetCaption
{
	font-family: "Open-Sans Regular", "Segoe UI Regular", Helvetica, arial, sans-serif;
	font-size: 16px;
	font-style: italic;
	line-height: 1em;
	text-decoration: none;
}

MadCap|codeSnippetCopyButton
{
	padding-right: 1.5em;
	padding-left: 1em;
}

MadCap|codeSnippet
{
	max-width: 97%;
	/*adds a margin to the right of the code snippet*/
	border: solid 1px #e4e4e4;
	padding-right: 0;
	padding: 0.5em;
	padding-bottom: 0.5em;
	margin-bottom: 1em;
}

pre
{
	overflow: visible;
}

/* style copy button psudo class
MadCap|codeSnippetCopyButton:hover
{
	
}
*/

pre span.codeSnippetLineNumbers	/*line numbering style*/
{
	color: #29333f;
	background: #ffffff;
}

/* end line number style */

div.codeSnippet
{
	padding-right: 0;
}

div.codeSnippetBody
{
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
}

.codeSnippet	/*increase default code font size from 9px*/
{
	font-size: 10pt;
}

/*end code snippet styles*/