/*<meta />*/

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

/*main page*/

#header a .details
{
	float: left;
	/*GG modified for Flare 2017 r2: margin-left: 158px;*/
	margin-left: 10px;
	/*GG modified for Flare 2017 r2: margin-top: -3px;*/
	margin-top: 5px;
	border-left: solid 1px #a9a9a9;
	padding-left: 10px;
	font-size: 14px;
	text-transform: uppercase;
	text-decoration: none;
	/*GG Added for Flare 2017 r2: font-weight: 100; width: 450px;*/
}

#header a .title
{
	clear: both;
	float: left;
	margin: 0;
	text-decoration: none;
	color: #696969;
}

#header a .description
{
	clear: both;
	float: left;
	/*NM color: #98b2c2;*/
	text-decoration: none;
	color: #a9a9a9;
}

/*uses the topic style class*/

html.performancesupport body.topicpagebody .bodycontainer
{
	background-color: #366581;
	/*accent color*/
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	padding-left: 0;
	padding-right: 0;
}

/*uses the topic style class*/

html.popup body.topicpagebody .bodycontainer
{
	background-color: #fff;
	/*accent color*/
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	padding-left: 0;
	padding-right: 0;
}

/* withrightpanel is added via script when it is detected */

body.topicpagebody.withrightpanel
{
	
}

.templates
{
	display: none;
}

html div.ibutton_left
{
	/*NM right: 250px;*/
	float: left;
	width: 80%;
	right: 245px;
	bottom: 0;
	left: 0;
	overflow: auto;
	/*NM padding-left: 1em;*/
	padding-left: 0;
	/*NM padding-right: 1em;*/
	padding-right: 0em;
	/*-webkit-border-radius: 4px 0 0 4px;*/
	/*-moz-border-radius: 4px 0 0 4px;*/
	/*border-radius: 4px 0 0 4px;*/
}

html div.ibutton_right
{
	float: right;
	width: 20%;
	height: auto;
	overflow: hidden;
	bottom: 0;
	background-color: #f8f8f8;
	height: 100%;
}

table.performancesupporttemplate
{
	border: 0;
}

/* COntent styles overridden */

table.K2Note,
table.K2Warning
{
	width: auto;
	margin-left: 3em;
	margin-right: 3em;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

table.K2Note td,
table.K2Warning td
{
	vertical-align: middle;
}

td.K2Note,
td.K2Warning
{
	border: 0;
	vertical-align: middle;
}

td.K2Note img,
td.K2Warning img
{
	margin: 1em;
	vertical-align: middle;
}

/*override shadow for related topics image*/

.MCHelpControl_Image_Icon
{
	box-shadow: none;
}

/*performance support Area*/

.ibutton-toolbar-button
{
	background-color: transparent;
}

.selected.ibutton-toolbar-button
{
	/*NM background-color: #417a9c;*/
	background-color: #F0F0F0;
	/*accent color*/
}

#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%;
	border: 0;
}

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

.performancepanel .perftab
{
	display: none;
}

.performancepanel .perftab.showing
{
	display: block;
}

.performancepanel.loading .perftab,
.performancepanel.loading .perftab.showing
{
	display: none;
}

.performancepanel .perftab .emptypanel
{
	display: none;
	padding: 10px;
	/*NM color: white;*/
	color: #000;
	text-align: center;
}

.performancepanel .perftab.empty .emptypanel
{
	display: block;
}

.performancepanel .perftab .emptypanel .notice
{
	font-style: italic;
	/*NM color: white;*/
	color: #000;
	font-size: .8em;
	margin-top: 10px;
	opacity: .8;
}

.performancepanel .perftab .emptypanel a
{
	font-style: normal;
	/*NM color: white;*/
	color: #000;
	text-decoration: underline;
	font-size: .8em;
	margin-top: 10px;
}

.performancepanel .perftab .emptypanel input
{
	/*Yanga: Changs made to accomodate button*/
	outline: none;
	border: none;
	width: 85%;
	margin-top: 0;
	background-color: #366581;
	color: #fff;
	height: 29px;
	padding: 0;
	text-indent: 15px;
	float: left;
	font-family: "Open-Sans Regular", "Segoe UI Regular", Helvetica, arial, sans-serif;
	font-size: 13px;
}

.performancepanel .perftab .emptypanel input:focus
{
	outline: none;
}

/* Yanga: Search Button styling */

.performancepanel .perftab .emptypanel .searchbutton
{
	border: none;
	margin-top: 20px;
	background-color: #366581;
	/*NM color: white;*/
	color: #000;
	height: 30px;
	padding: 0;
	text-indent: 15px;
	background-image: url('../Images/Skin/Search16.png');
	background-repeat: no-repeat;
	background-position: 96% center;
	right: 0;
	cursor: pointer;
}

.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 a:hover
{
	/*NM color: #98b2c2; */
	color: #222;
}

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

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

/* performance list item styles */

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

#popup
{
	position: relative;
}

/*styling for tutorials "show me how" sections */

div[data-k2-expander-header]
{
	color: #006BD6;
	cursor: pointer;
	width: 150px;
}

/*pre-text twistie for collapsed section*/

div[data-k2-expander-header]
{
	background-image: url('../Images/Skin/Collapsed_Section18.png');
	background-repeat: no-repeat;
	background-position-y: center;
}

/*pre-text twistie for expanded section*/

div.showing[data-k2-expander-header]:before
{
	
}

div[data-k2-expander-header]:after
{
	color: #006BD6;
	content: " Show me how...";
	padding-left: 23px;
}

div[data-k2-expander-header]:hover
{
	background-color: #a3b38b17;
	width: 150px;
}

div.showing[data-k2-expander-header]
{
	width: 100%;
	background-color: #a3b38b17;
	background-image: url('../Images/Skin/Expanded_Section18.png');
	background-repeat: no-repeat;
}

div.showing[data-k2-expander-header]:after
{
	color: #006BD6;
	content: " Show me how...";
	padding-left: 23px;
}

div[data-k2-expander-body]
{
	display: none;
}

/*green border on left of show me section*/

div.showing[data-k2-expander-body]
{
	/*border-left:7px solid #81ae40;*/
	background-color: #a3b38b17;
	display: block;
	margin-left: 0px;
	padding-left: 0.7em;
	width: inherit;
}

/*styling for "show me how" ends here*/
/* 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;
}

MadCap|dropDownHotspot
{
	font-size: 14pt;
}

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

@media screen and (min-width: 1025px)
{
	.tabs-nav
	{
		display: none;
	}

	.tab.active .tabs-panel
	{
		margin-top: -28px;
	}

	.button-group-container-left
	{
		display: none;
	}

	#contentBodyInner
	{
		background-color: #FFF;
		border-top: none;
		border-right: none;
		border-left: none;
		position: absolute;
		right: 9px;
		bottom: 0;
		left: 0;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		top: 3px;
	}

	.tree-node.tree-node-collapsed > div,
	.tree-node.tree-node-collapsed > div:hover,
	.web .tree-node.tree-node-expanded.tree-node-selected > div,
	.web .tree-node.tree-node-expanded.tree-node-selected > div:hover,
	.web .tree-node.tree-node-collapsed > div:hover,
	.web .tree-node.tree-node-collapsed > div,
	.web .tree-node.tree-node-collapsed.tree-node-selected > div:hover,
	.web .tree-node.tree-node-collapsed.tree-node-selected > div
	{
		background-image: none;
	}

	#header
	{
		webkit-box-shadow: 0 1px 5px #c1c1c1;
		-moz-box-shadow: 0 1px 5px #c1c1c1;
		box-shadow: 0 1px 5px #c1c1c1;
	}

	.tabs-panel-content
	{
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}
}

@media screen and (max-width: 1024px)
{
	.hide-extras.active #navigation[role="complementary"]
	{
		width: 30%;
		display: block;
	}

	.active #contentBody[role="main"]
	{
		margin-right: -30%;
	}
}