<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=3, user-scalable=yes" />
		<meta name="generator" content="Adobe RoboHelp" />
		<title><%= output.title %></title>
		<% if(favicon && favicon.path && favicon.mediaType) { %>
			<link rel='shortcut icon' type='<%= favicon.mediaType %>' href='<%= favicon.path %>' />
		<% } %>	
		<meta name="gCSHRedirectHTM" content='<%= gCSHRedirectHTM %>'/>
		<meta name="gRootRelPath" content="."/>
		<meta name="gCommonRootRelPath" content="."/>
		<meta name="gTopicFrameName" content="rh_default_topic_frame_name"/>
		<meta name="gDefaultTopic" content="#<%= output.firstTopic %>"/>
		<link rel="StyleSheet" href="template/<%= layout.name %>/layout<%= html.rtl ? '-rtl' : '' %>.css" type="text/css" />
		<script type="text/javascript" src="template/scripts/csh-trigger.min.js"></script>
		<script type="text/javascript" src="template/scripts/rh.min.js"></script>
		<script type="text/javascript" src="template/scripts/common.min.js"></script>
		<script type="text/javascript" src="template/scripts/layout.min.js"></script>
		<script type="text/javascript" src="template/scripts/layoutwidgets.min.js"></script>
		<link rel="stylesheet" type="text/css" href="template/styles/layoutfix.min.css">
		<link rel="stylesheet" type="text/css" href="template/styles/layout.min.css">
	  <script type="text/javascript" src="whxdata/projectsettings.js"></script>


	</head>

	<body class="hide-children loading" data-rhwidget="Basic" data-class="media-desktop: KEY_SCREEN_DESKTOP; media-landscape: KEY_SCREEN_TABLET; media-mobile: KEY_SCREEN_PHONE; %> ios: KEY_SCREEN_IOS" data-controller="ModernLayoutController: mc; JsLoadingController" data-attr="dir:KEY_DIR">
		<div class="skip-to-content-container">
			<button class="placeholder skip-to-content-link" data-trigger="EVT_FOCUS_ELEMENT_IN_IFRAME" data-attr="title:@KEY_LNG.SkipToMainContent; aria-label:@KEY_LNG.SkipToMainContent;" data-text="@KEY_LNG.SkipToMainContent" role="link"></button>
		</div>
		<div class="header" data-class="mobile-header-visible: @.l.mobile_header_visible" role="banner">
			<a data-controller="HomeController: hc" data-click="$hc.goToHome()" data-attr="title: @KEY_LNG.HomeButton; aria-label: @KEY_LNG.HomeButton; href: rh.model.get(rh.consts('KEY_LOGO_URL')) || rh.consts('DEFAULT_TOPIC')">
				<div class="logo" data-attr="title:@KEY_LNG.HomeButton; data-logo-selector:@KEY_DO_NOT_PRESERVE_AR">
					&nbsp;<span class="rh-hide" aria-hidden="true" data-html="@KEY_LNG.HomeButton"></span>
				</div>
			</a>
			<h1 class="title">
				<a data-click="$hc.goToHome()" data-attr="title:@KEY_LNG.HomeButton; href: rh.model.get(rh.consts('KEY_LOGO_URL')) || rh.consts('DEFAULT_TOPIC')" tabindex="0">
					<%= output.title %>
				</a>
			</h1>
			<div class="brs-holder">
				<div class="brs_previous" data-attr="title:@KEY_LNG.Prev">
					<a id="browseSeqBackLandscape" class="wBSBackButton" data-rhwidget="Basic" data-attr="href:.l.brsBack; title, aria-label: @KEY_LNG.Prev" data-css="visibility: @.l.brsBack?'visible':'hidden'">&nbsp;
					</a>
				</div>
				<div class="brs_next" data-attr="title:@KEY_LNG.Next">
					<a id="browseSeqNextLandscape" class="wBSNextButton" data-rhwidget="Basic" data-attr="href:.l.brsNext; title, aria-label: @KEY_LNG.Next" data-css="visibility: @.l.brsNext?'visible':'hidden'">&nbsp;
					</a>
				</div>
			</div>
		</div>
		<!-- Extra mobile header with special functions -->
		<div class="mobilespecialfunctions" data-class="sidebar-opened: $mc.isSidebarTab(@KEY_ACTIVE_TAB); mobile-header-visible: @.l.mobile_header_visible; searchpage-mode: @KEY_ACTIVE_TAB == 'fts'" data-attr="aria-hidden: !@KEY_SCREEN_PHONE">
			<a class="menubutton" data-if="@.l.mobile_menu_enabled === true" role="presentation">
				<button class="placeholder" data-attr="title, aria-label:@KEY_LNG.NavTip; aria-expanded: $mc.isSidebarTab(@KEY_ACTIVE_TAB) ? true : false" data-click="$mc.toggleSideBar()"></button>
			</a>
			<a class="fts" role="presentation">
				<button class="placeholder" data-attr="title, aria-label :@KEY_LNG.SearchTitle" data-click="$mc.toggleActiveTab('fts')">
					&#160;
				</button>
			</a>
			<a class="filter" data-if="@KEY_FEATURE.filter" data-class="filter-applied: @.l.tag_expression.length">
				<button class="placeholder" data-attr="title, aria-label :@KEY_LNG.Filter;" data-click="$mc.toggleActiveTab('filter')">&#160;</button>
			</a>
			<div class="brs-holder">
				<div class="brs_previous" data-if="@active_content != 'search' && @KEY_SEARCH_LOCATION == 'content'" data-attr="title:@KEY_LNG.Prev" data-css="display: @.l.brsBack?'block':'none'">
					<a id="browseSeqBackMobile" class="wBSBackButton" data-rhwidget="Basic" data-attr="href:.l.brsBack; title, aria-label: @KEY_LNG.Prev" data-css="visibility: @.l.brsBack?'visible':'hidden'">&nbsp;
					</a>
				</div>
				<div class="brs_next" data-if="@active_content != 'search' && @KEY_SEARCH_LOCATION == 'content'" data-attr="title:@KEY_LNG.Next" data-css="display: @.l.brsNext?'block':'none'">
					<a id="browseSeqNextMobile" class="wBSNextButton" data-rhwidget="Basic" data-attr="href:.l.brsNext; title, aria-label: @KEY_LNG.Next" data-css="visibility: @.l.brsNext?'visible':'hidden'">&nbsp;
					</a>
				</div>				
			</div>
		</div>
		<div class="searchbar-extra" data-if="KEY_SCREEN_DESKTOP" data-mouseover="@mousein_searchbox(true)" data-mouseout="@mousein_searchbox(false)"
				data-controller="SearchController:sc" data-attr="aria-hidden: !@KEY_SCREEN_DESKTOP">
			<input id="inp" class="wSearchField" type="text" data-class="searchpage-mode: @active_content == 'search'" data-attr="placeholder: @KEY_LNG.Search; title: @KEY_LNG.Search"
					data-focus="@focusin_searchbox(true)" data-blur="$sc.handleFocusOut('focusin_searchbox')|timeout:200" data-value="KEY_SEARCH_TERM"
					data-keyup="$sc.handleKey(event)|debounce:150"/>

			<a class="wSearchLink" data-click="@EVT_SEARCH_TERM(true)" data-attr="href: '#'; title: @KEY_LNG.Search;; aria-label:@KEY_LNG.Search">
				&nbsp;<span class="rh-hide" aria-hidden="true" data-html="@KEY_LNG.Search"></span>
			</a>

			<div data-if="@focusin_searchbox && @SEARCH_RESULTS_KEY!== undefined &&  (@SEARCH_RESULTS_KEY).length>0" class="search-list" >
				<table>
					<tr data-repeat="search_results" data-class="search-suggestion:true; search-selected:@selected===#{@index}" data-click="$sc.handleClick(#{@index})">
						<td class="search-text-column">
							<div class="search-text" data-itext="item.term"></div>
						</td>
						<td>
							<div class="search-delete" data-if="$sc.canDelete(#{@index})" data-click="$sc.handleDelete(#{@index})"></div>
						</td>
					</tr>
				</table>
			</div>
		</div>
		<!-- Function bar with TOC/IDS/GLO/FILTER/FTS buttons -->
		<div class="functionbar" data-css="width: sidebar_width | screen: 'desktop'; display: ($mc.isSidebarTab(@KEY_ACTIVE_TAB) || @KEY_SCREEN_DESKTOP || @KEY_SCREEN_TABLET ) ? null : 'none' " data-class="sidebar-opened: $mc.isSidebarTab(@KEY_ACTIVE_TAB); desktop-sidebar-hidden: @.l.desktop_sidebar_visible == false || @.l.desktop_sidebar_available === false; mobile-header-visible: @.l.mobile_header_visible">
			<div class="nav" role="tablist" aria-label="Navigation" data-attr="aria-orientation: @KEY_SCREEN_PHONE ? 'horizontal' : 'vertical'">
				<a class="toc" data-if="KEY_FEATURE.toc" data-class="active: @KEY_ACTIVE_TAB == 'toc'" data-click="$mc.toggleActiveTab('toc')"  data-keyup="$mc.navigateTabList(event, 'toc')"
						data-attr="title:@KEY_LNG.TableOfContents; href: '#'; aria-hidden: !@KEY_FEATURE.toc; aria-label:@KEY_LNG.TableOfContents; aria-selected: @KEY_ACTIVE_TAB == 'toc'; tabindex: (@KEY_ACTIVE_TAB == 'toc' || (@KEY_ACTIVE_TAB != 'idx' && @KEY_ACTIVE_TAB != 'glo' && @KEY_ACTIVE_TAB != 'filter' && @KEY_ACTIVE_TAB != 'fts') ) ? 0 : -1" role="tab" aria-controls="toc-panel">
					&#160;<span class="rh-hide" aria-hidden="true" data-html="@KEY_LNG.TableOfContents"></span>
				</a>
				<a class="idx" data-if="KEY_FEATURE.idx" data-class="active: @KEY_ACTIVE_TAB == 'idx'" data-click="$mc.toggleActiveTab('idx')"   data-keyup="$mc.navigateTabList(event, 'idx')"
						data-attr="title:@KEY_LNG.Index; href: '#'; aria-hidden: !@KEY_FEATURE.idx; aria-label:@KEY_LNG.Index; aria-selected: @KEY_ACTIVE_TAB == 'idx'; tabindex: @KEY_ACTIVE_TAB == 'idx' ? 0 : -1" role="tab"  aria-controls="idx-panel">
					&#160;<span class="rh-hide" aria-hidden="true" data-html="@KEY_LNG.Index"></span>
				</a>
				<a class="glo" data-if="KEY_FEATURE.glo" data-class="active: @KEY_ACTIVE_TAB == 'glo'" data-click="$mc.toggleActiveTab('glo')"   data-keyup="$mc.navigateTabList(event, 'glo')" data-attr="title:@KEY_LNG.Glossary; href: '#'; aria-hidden: !@KEY_FEATURE.glo; aria-label:@KEY_LNG.Glossary; aria-selected: @KEY_ACTIVE_TAB == 'glo'; tabindex: @KEY_ACTIVE_TAB == 'glo' ? 0 : -1" role="tab" aria-controls="glo-panel">
					&#160;<span class="rh-hide" aria-hidden="true" data-html="@KEY_LNG.Glossary"></span>
				</a>
				<a class="filter" data-if="KEY_FEATURE.filter" data-class="active: @KEY_ACTIVE_TAB == 'filter'; filter-applied: @.l.tag_expression.length"  data-click="$mc.toggleActiveTab('filter')"   data-keyup="$mc.navigateTabList(event, 'filter')" data-attr="title:@KEY_LNG.Filter; href: '#'; aria-label:@KEY_LNG.Filter; aria-selected: @KEY_ACTIVE_TAB == 'filter'; tabindex: @KEY_ACTIVE_TAB == 'filter' ? 0 : -1" role="tab" aria-controls="filter-panel">&#160;</a>
				<a class="fts" data-if="@KEY_SEARCH_LOCATION == 'tabbar'" data-class="active: @KEY_ACTIVE_TAB == 'fts'; search-sidebar: @KEY_SEARCH_LOCATION == 'tabbar'"
						data-click="$mc.toggleActiveTab('fts')" data-keyup="$mc.navigateTabList(event, 'fts')" data-attr="title:@KEY_LNG.SearchTitle; href: '#'; aria-label:@KEY_LNG.SearchTitle; aria-selected: @KEY_ACTIVE_TAB == 'fts'; tabindex: @KEY_ACTIVE_TAB == 'fts' ? 0 : -1" role="tab" aria-controls="fts-panel">
					&#160;<span class="rh-hide" aria-hidden="true" data-html="@KEY_LNG.SearchTitle"></span>
				</a>
			</div>
		</div>
		<!-- Table of contents -->
		<div id="toc-panel" class="toc-holder left-pane" data-css="width: sidebar_width | screen: 'desktop'; display: @KEY_ACTIVE_TAB == 'toc'?null:'none'" data-class="desktop-sidebar-hidden: @.l.desktop_sidebar_visible == false || @.l.desktop_sidebar_available === false; search-sidebar: @KEY_SEARCH_LOCATION == 'tabbar'; search-content: @KEY_SEARCH_LOCATION == 'content'; layout-visible: @KEY_ACTIVE_TAB == 'toc'; drill-down: KEY_TOC_DRILL_DOWN; mobile-header-visible: @.l.mobile_header_visible; loading: !@EVT_TOC_LOADED" role="tabpanel" data-attr="aria-hidden: @KEY_ACTIVE_TAB != 'toc'; aria-label:@KEY_LNG.TableOfContents">
			<ul class="toc" data-rhwidget="List: .p.toc" data-controller="TocController: toc" data-click="$toc.onClick(event)" data-keyup="if((event.keyCode == 13 || event.keyCode == 32) && (event.preventDefault() ? true : true))$toc.onClick(event)" role="tree">
				<li data-rif="item.type === 'item' || item.type === 'remoteitem'" data-i-class="$toc.class(item)" data-class="inactive: @bookid != '#{@pid}'" data-childorder="#{childOrder}"
						data-rhtags="#{$toc.tags(item)}" data-itemid="#{@id}" role="presentation">
					<a data-itext="item.name" data-i-href="$toc.url(item, '#{@id}')" data-haslink="#{Boolean(item.url)}" role="treeitem"></a>
				</li>
				<li class="book" data-rif="item.type === 'book'" data-class="active: @bookid == '#{@id}'; inactive: @bookid != '#{@pid}' &amp;&amp; @bookid != '#{@id}'" data-childorder="#{childOrder}" data-itemkey="#{$toc.key(item.absRef, item.key)}" data-itemid="#{@id}" data-itemlevel="#{@level}" data-rhtags="#{$toc.tags(item)}"  role="treeitem" data-attr="aria-expanded: @show_child#{@id} == true ? true : false; tabindex: @active_bookid == '#{@pid}' || @active_bookid == '#{@id}' || @KEY_SCREEN_DESKTOP ? 0 : -1" data-iattr="aria-labelledby: '#{@id}'; aria-owns:'child-#{@id}'">
					<a data-itext="item.name" data-i-href="$toc.url(item, '#{@id}')" data-iattr="id: '#{@id}'" data-haslink="#{Boolean(item.url)}"></a>
				</li>
				<li class="child max-height-transition" data-rif="item.key" data-class="show: @show_child#{@id}" data-childorder="#{childOrder}" role="presentation">
					<ul class="child" data-child="$toc.key(item.absRef, item.key)" data-css="display: @show_child#{@id} == true ? null : 'none'" role="group" data-iattr="id: 'child-#{@id}'"></ul>
				</li>
			</ul>
		</div>
		<!-- Index -->
		<div id="idx-panel" class="idx-holder left-pane" data-css="width: sidebar_width | screen: 'desktop'; display: @KEY_ACTIVE_TAB == 'idx'?null:'none'" data-class="desktop-sidebar-hidden: @.l.desktop_sidebar_visible == false || @.l.desktop_sidebar_available === false; layout-visible: @KEY_ACTIVE_TAB == 'idx'; mobile-header-visible: @.l.mobile_header_visible" data-scroll="@.l.load_more_index(true) | debounce: 50, delta: 100" role="tabpanel" data-attr="aria-hidden: @KEY_ACTIVE_TAB != 'idx'; aria-label:@KEY_LNG.Index">
			<div id="idx" class="Index">
				<input class="IdxFilter" data-attr="placeholder:@KEY_LNG.IndexFilterKewords; title:@KEY_LNG.IndexFilterKewords;" type="text" data-keyup="@.l.idxfilter(node.value)" aria-controls="idx-list" />
				<ul id="idx-list" class="index-list" data-rhwidget="List: key: PROJECT_INDEX_DATA, renderkey: .l.idxfilter , filter: $ic.showItem(item.name), spliton: index % 60 == 59" data-config="loadmore: '.l.load_more_index'" data-controller="IndexController: ic">
					<li class="treeitem IndexAlphabet" data-rif="$ic.showCategory(item.name, this.path.length)" data-itemlevel="#{@level}">
						<span class="IndexAlphabetText" data-itext="$ic.alphaText(item.name)"></span>
					</li>
					<li class="treeitem IndexKeyword" data-i-data-rhtags="item['data-rhtags']" data-nochild="hide">
						<a data-rif="item.topics &amp;&amp; item.topics.length == 1" data-i-data-rhtags="item.topics[0]['data-rhtags']" class="nolink IndexKeywordText" data-i-href="item.topics[0].url" data-itext="item.name">
						</a>
						<span class="IndexKeywordText IndexKeyword unselectable" data-nochild="ignore" data-itext="item.name" data-rif="item.topics &amp;&amp; item.topics.length != 1" data-i-title="item.name" data-click="@show.#{@id}(!@show.#{@id})"></span>
						<ul data-if="@show.#{@id}" data-nochild="hide">
							<li data-repeat="i, topic:#{@itemkey}.topics" data-rif="item.topics &amp;&amp; item.topics.length > 1" class="IndexChildBlock IndexKeyword" data-i-data-rhtags="$topic['data-rhtags']">
								<a class="nolink IndexLink IndexLinkText" data-i-href="$topic.url" data-itext="$topic.name" data-i-title="$topic.name">
								</a>
							</li>
						</ul>
						<div class="IndexChildBlock" data-rif="item['keys']" data-nochild="hide">
							<ul class="child" data-child="#{@itemkey}.keys" data-nochild="hide"></ul>
						</div>
					</li>
				</ul>
			</div>
		</div>
		<!-- Glossary -->
		<div id="glo-panel" class="glo-holder left-pane" data-css="width: sidebar_width | screen: 'desktop' ; display: @KEY_ACTIVE_TAB == 'glo'?null:'none'" data-class="desktop-sidebar-hidden: @.l.desktop_sidebar_visible == false || @.l.desktop_sidebar_available === false; layout-visible: @KEY_ACTIVE_TAB == 'glo'; mobile-header-visible: @.l.mobile_header_visible" role="tabpanel" data-attr="aria-hidden: @KEY_ACTIVE_TAB != 'glo'; aria-label:@KEY_LNG.Glossary">
			<div id="glo" class="Glossary" data-controller="GlossaryController: gc">
				<input class="GloFilter" data-attr="placeholder:@KEY_LNG.GlossaryFilterTerms; title:@KEY_LNG.GlossaryFilterTerms" type="text" data-keyup="$gc.filterGlo(node.value)" aria-controls="glo-list"/>
				<div class="noResults" data-text="@KEY_LNG.NoTermsFound" tabindex="0" data-css="display: @KEY_SHOW_GLOSSARY_MESSAGE ? 'block' : 'none'"></div>
				<ul id="glo-list">
					<div data-repeat="i, glossary: PROJECT_GLOSSARY_DATA" role="listitem">
						<li class="treeitem GloAlphabet" data-rif="!$gc.exists($glossary.name)&amp;&amp;!$gc.isFiltered($glossary.name)" role="presentation">
							<span class="GloAlphabetText" data-itext="$gc.alphaText($glossary.name)"></span>
						</li>
						<li class="treeitem" data-rif="!$gc.isFiltered($glossary.name)" role="presentation">
							<div class="GlossTerm unselectable" data-type="11" data-i-title="$gc.getEscapedString($glossary.name)" data-term="$gc.getEscapedString($glossary.name)" data-click="@show.#{@index}(!@show.#{@index})" data-attr="aria-expanded: @show.#{@index} ? true : false" data-keyup="if((event.keyCode == 13 || event.keyCode == 32) && (event.preventDefault() ? true : true))@show.#{@index}(!@show.#{@index});" role="button" tabindex="0">
								<span class="GlossaryTermText" data-itext="$gc.getEscapedString($glossary.name)"></span>
							</div>
							<div class="GlossDefinition unselectable" data-type="12" data-if="@show.#{@index}">
								<span class="GlossDefinitionText" data-itext="$gc.getEscapedString($glossary.value)"></span>
							</div>
						</li>
					</div>
				</ul>
			</div>
		</div>

		<!-- Filter -->
	<div id="filter-panel" class="filter-holder left-pane" data-css="width: sidebar_width | screen: 'desktop' ; display:@KEY_ACTIVE_TAB == 'filter'?null:'none'" data-class="sidebar-opened: $mc.isSidebarTab(@KEY_ACTIVE_TAB); desktop-sidebar-hidden: @.l.desktop_sidebar_visible == false || @.l.desktop_sidebar_available === false; layout-visible: @KEY_ACTIVE_TAB == 'filter'; mobile-header-visible: @.l.mobile_header_visible; loading: !@KEY_MERGED_FILTER_KEY" role="tabpanel" data-attr="aria-hidden: @KEY_ACTIVE_TAB != 'filter'; aria-label:@KEY_LNG.Filter">
		<div class="mobile-filter-heading" data-if="KEY_SCREEN_PHONE">
			<a class="mobile_back" role="presentation">
				<button class="placeholder" data-click="$mc.filterDone()" data-attr="title, aria-label :@KEY_LNG.ApplyTip"></button>
			</a>
			<div class="page-title" data-text="KEY_PROJECT_FILTER_CAPTION"></div>
			<a class="reset-button" data-class="layout-visible: $mc.isTagStatesChanged(@KEY_TAG_EXPRESSION)" role="presentation">
				<button class="placeholder" data-attr="title, aria-label : @KEY_LNG.Reset;" data-click="$mc.setDefaultTagStates()" data-css="display: $mc.isTagStatesChanged(@KEY_TAG_EXPRESSION)? null : 'none'"></button>
			</a>
		</div>
		<p class="filter-title" data-if="(@KEY_SCREEN_TABLET || @KEY_SCREEN_DESKTOP) &amp;&amp; @KEY_MERGED_FILTER_KEY" data-text="KEY_PROJECT_FILTER_CAPTION"></p>
		<a class="reset-button" data-class="layout-visible: $mc.isTagStatesChanged(@KEY_TAG_EXPRESSION)">
			<button class="placeholder" data-attr="title, aria-label : @KEY_LNG.Reset" data-click="$mc.setDefaultTagStates()"  data-css="display: $mc.isTagStatesChanged(@KEY_TAG_EXPRESSION)? null : 'none'"></button>
		</a>
		<ul class="wFltOpts" data-rhwidget="List:KEY_MERGED_FILTER_KEY" data-controller="FilterController: fc" data-click="$fc.click(event)" data-keydown="if(event.keyCode == 13 || event.keyCode == 32){$fc.click(event); event.preventDefault();}"
		data-class="radio: @KEY_PROJECT_FILTER_TYPE == 'radio'; checkbox: @KEY_PROJECT_FILTER_TYPE == 'checkbox'">
			<li data-i-class="$fc.class(item)" data-itemkey="#{@path}" data-itemvalue="#{name}">
				<input data-rif="$fc.inputType(item) == 'checkbox'" data-i-id="'filter#{@id}'" type="checkbox" data-i-name="'filter_name#{@pid}'" data-i-value="#{@index}" />
			  <input data-rif="$fc.inputType(item) == 'radio'" data-i-id="'filter#{@id}'" type="radio" data-i-name="'filter_name#{@pid}'" data-i-value="'#{@index}'" />
			  <label data-i-for="'filter#{@id}'" data-i-title="item.display" data-class="tag-parent: #{@itemkey}.children; checked: KEY_PROJECT_TAG_STATES#{@path}" role="checkbox" data-attr="aria-checked: Boolean(@KEY_PROJECT_TAG_STATES#{@path})" tabindex="0">
				  <span aria-hidden="true" data-itext="item.display" ></span>
			  </label>
			  <ul class="wFltOptsGrp" data-child="#{@itemkey}.children" data-rif="item.children"></ul>
			</li>
		 </ul>
	</div>
		<!-- Search field -->
		<div id="fts-panel" class="searchbar left-pane" data-css="width: sidebar_width | screen: 'desktop' ; display: @KEY_ACTIVE_TAB == 'fts'?null:'none'" data-class="searchpage-mode, layout-visible: @KEY_ACTIVE_TAB == 'fts'; sidebar-opened: $mc.isSidebarTab(@KEY_ACTIVE_TAB); desktop-sidebar-hidden: @.l.desktop_sidebar_visible == false || @.l.desktop_sidebar_available === false; search-sidebar: @KEY_SEARCH_LOCATION == 'tabbar'; searchbar-mobile:KEY_SCREEN_PHONE;  search-content: @KEY_SEARCH_LOCATION == 'content';  @SEARCH_RESULTS_KEY!== undefined &&  (@SEARCH_RESULTS_KEY).length>0" data-controller="SearchController:sc" role="tabpanel" data-attr="aria-hidden: @KEY_ACTIVE_TAB != 'fts'; aria-label:@KEY_LNG.SearchTitle">
			<a class="mobile_back" role="presentation">
				<button class="placeholder" data-attr="title, aria-label : @KEY_LNG.Back" data-click="@KEY_ACTIVE_TAB(null)">
				</button>
			</a>
			<div class="search-input" data-class="search-input-open:@focusin_main_searchbox && @SEARCH_RESULTS_KEY!== undefined &&  (@SEARCH_RESULTS_KEY).length>0"
				data-if="$mc.isSearchMode(@KEY_ACTIVE_TAB, @active_content)" data-attr="aria-hidden: !$mc.isSearchMode(@KEY_ACTIVE_TAB, @active_content)" role="search">
				<input class="wSearchField" type="text" data-class="no-filter: !@KEY_FEATURE.filter"  data-attr="placeholder: @KEY_LNG.Search; title: @KEY_LNG.Search" data-value="KEY_SEARCH_TERM" - data-keyup="$sc.handleKey(event)|debounce:150" data-focus="@focusin_main_searchbox(true)" data-blur="$sc.handleFocusOut('focusin_main_searchbox')|timeout:200" aria-controls="search-results" />
				<a class="wSearchLink" data-if="@KEY_SCREEN_PHONE">
					<button class="placeholder" data-attr="title, aria-label :@KEY_LNG.Search" data-click="@EVT_SEARCH_TERM(true)">
						&nbsp;
					</button>
				</a>
				<div data-if="@focusin_main_searchbox && @SEARCH_RESULTS_KEY!== undefined &&  (@SEARCH_RESULTS_KEY).length>0" class="search-list" >
					<table data-class="search-table-desktop:KEY_SCREEN_DESKTOP; search-table-mobile:KEY_SCREEN_PHONE; search-table-tablet:KEY_SCREEN_TABLET">
						<tr data-repeat="search_results" data-class="search-suggestion:true; search-selected:@selected===#{@index}" data-click="$sc.handleClick(#{@index})">
							<td class="search-text-column">
								<div class="search-text" data-itext="item.term"></div>
							</td>
							<td>
								<div class="search-delete" data-if="$sc.canDelete(#{@index})" data-click="$sc.handleDelete(#{@index})"></div>
							</td>
						</tr>
					</table>
				</div>
			</div>
		</div>

		<!-- Search results -->
		<div id="search-results" class="searchresults left-pane" data-css="width: sidebar_width | screen: 'desktop'; left: sidebar_width | screen: 'desktop', dir: 'ltr'; right: sidebar_width | screen: 'desktop', dir: 'rtl'; display: $mc.isSearchMode(@KEY_ACTIVE_TAB, @active_content) ? null : 'none'" data-class="sidebar-opened: $mc.isSidebarTab(@KEY_ACTIVE_TAB); desktop-sidebar-hidden: @.l.desktop_sidebar_visible == false || @.l.desktop_sidebar_available === false; search-sidebar: @KEY_SEARCH_LOCATION == 'tabbar';  search-content: @KEY_SEARCH_LOCATION == 'content'; layout-visible: $mc.isSearchMode(@KEY_ACTIVE_TAB, @active_content); mobile-header-visible: @.l.mobile_header_visible" data-scroll="@.l.load_more_results(true) | debounce: 50, delta: 100" role="region" data-attr="aria-hidden: !$mc.isSearchMode(@KEY_ACTIVE_TAB, @active_content); aria-label:@KEY_LNG.SearchPageTitle">
			<label class="wSearchAndLabelResults" data-if="KEY_FEATURE.andsearch" for="andsearch" data-class="active: @KEY_AND_SEARCH == '1'" role="checkbox" data-attr="aria-checked: Boolean(@KEY_AND_SEARCH == '1')"  data-keydown="if(event.keyCode == 13 || event.keyCode == 32){@KEY_AND_SEARCH(@KEY_AND_SEARCH == '1' ? '0' : '1'); event.preventDefault();}" tabindex="0">
				<span class="wSearchAND" data-text="@KEY_LNG.EnableAndSearch"></span>
			</label>
			<input id="andsearch" type="checkbox" value="1" class="wSearchANDCheckbox" data-checked="KEY_AND_SEARCH" />

			<?rh-msp-search-results-start widgettype="searchresult" class="wSearchResults" id="searchresults" role="navigation" ?>
			<div class="wSearchResultSettings rh-hide" aria-hidden="true">
				<div class="wSearchHighlight">
					<?rh-msp-search-highlight-control id="highlightsearch" widgettype="highlightsearch" type="checkbox"
				checked class="wSearchHighlight" id="highlightsearch" textcolorval="#000000" bgcolorval="#FCFF00"
				aria-labelledby="highlightlabel" ?>
					<label for="highlightsearch" data-html="@KEY_LNG.HighlightSearchResults" id="highlightlabel"></label>
				</div>
			</div>
			<div class="wSearchMessage" data-if="!@EVT_SEARCH_IN_PROGRESS" data-attr="aria-hidden: @EVT_SEARCH_IN_PROGRESS">
				<span id="searchMsg" class="wSearchMessage" ></span> 
			</div>
			<div data-class="loading: EVT_SEARCH_IN_PROGRESS" data-if="EVT_SEARCH_IN_PROGRESS" data-attr="aria-hidden: @EVT_SEARCH_IN_PROGRESS"></div>
			<p class="progressbar" data-if="KEY_SEARCH_PROGRESS" data-attr="aria-hidden: Boolean(@KEY_SEARCH_PROGRESS)"><span data-text="KEY_SEARCH_PROGRESS"></span>%</p>
			<div class="wSearchResultItemsBlock" data-if="!@EVT_SEARCH_IN_PROGRESS">
				<div class="wGlossaryResult" data-if="@KEY_GLOSSARY_RESULT_TERM">
					<p class="search_glossary_term" data-text="KEY_GLOSSARY_RESULT_TERM"></p>
					<p class="search_glossary_result" data-text="KEY_GLOSSARY_RESULT"></p>
				</div>
				<div class="wSearchResultList" data-rhwidget="List: key: @.p.searchresults, spliton: index % @MAX_RESULTS == 25" data-config="loadmore: '.l.load_more_results', loaded: '.l.results_loaded'" role="list">
					<div class="wSearchResultItem" role="listitem"  data-attr="aria-setsize: (@.p.searchresults).length" data-iattr="aria-posinset: index">
							<a class="nolink" data-attr="href: @#{strUrl}">
							<div class="wSearchResultTitle" data-itext="item.strTitle"></div>
						</a>
						<div class="wSearchContent">
							<span class="wSearchContext"  data-i-data-html="item.strSummary"></span>
						</div>
						<div class="wSearchURL">
							<span class="wSearchURL" data-itext="item.strBreadcrumbs"></span>
						</div>
					</div>
				</div>
			</div>
			<div class="wSearchResultFooter">
				<div class="wSearchResultPaginator" data-if="(@KEY_PAGINATOR_SHOW_PREV_PAGE || @KEY_PAGINATOR_SHOW_NEXT_PAGE) && !(@KEY_SEARCH_PROGRESS)">
					<button class="wSearchResultPaginatorPrevLink" data-click="@EVT_CHANGE_SEARCH_PAGE('previous')" data-css="visibility: @KEY_PAGINATOR_SHOW_PREV_PAGE ? null : 'hidden'" data-attr="title: @KEY_LNG.PrevSearchResults">
						<span class="wSearchResultPaginatorPrevIcon"></span>
					</button>
					<span class="wSearchResultPaginatorLabel" data-text="@KEY_PAGINATOR_LABEL"></span>
					<button class="wSearchResultPaginatorNextLink" data-click="@EVT_CHANGE_SEARCH_PAGE('next')" data-css="visibility: @KEY_PAGINATOR_SHOW_NEXT_PAGE ? null : 'hidden'" data-attr="title: @KEY_LNG.NextSearchResults">
						<span class="wSearchResultPaginatorNextIcon"></span>
					</button>
				</div>
			</div>
			<div data-if="@.l.results_loaded && @.p.searchresults.length && !@EVT_SEARCH_IN_PROGRESS" class="wSearchResultsEnd">
				<?rh-lng-string lngname="EndOfResults" lngvalue="End of search results." ?>
			</div>
			<?rh-msp-search-results-end ?>

		</div>
		<!-- Sidebar sizer -->
		<div class="sidebarsizer left-pane boundry column-resize" data-if="@.l.desktop_sidebar_available === true" data-resize="@.l.desktop_sidebar_visible(@sidebar_width == null || @sidebar_width != '0px') | x: 'sidebar_width', maxx: 0.7, screen: 'desktop'" data-css="left: sidebar_width | screen: 'desktop', dir: 'ltr'; right: sidebar_width | screen: 'desktop', dir: 'rtl'" data-class="desktop-sidebar-hidden: @.l.desktop_sidebar_visible == false;" role="presentation" data-attr="aria-hidden: !@KEY_SCREEN_DESKTOP">
			<a class="sidebartoggle" data-click="@sidebar_width(null) | screen: 'desktop'" data-toggle=".l.desktop_sidebar_visible" data-attr="title: @KEY_LNG.SidebarToggleTip; aria-label: @KEY_LNG.SidebarToggleTip; aria-expanded: Boolean(@.l.desktop_sidebar_visible == true)" data-keyup="if(event.keyCode == 32 || event.keyCode == 13){@.l.desktop_sidebar_visible(!@.l.desktop_sidebar_visible)}" role="button" tabindex="0">
				&nbsp;<span class="rh-hide" aria-hidden="true" data-html="@KEY_LNG.SidebarToggleTip"></span>
			</a>
		</div>
		<!-- Topics -->
		<div class="topic main" data-css="left: sidebar_width | screen: 'desktop', dir: 'ltr'; right: sidebar_width | screen: 'desktop', dir: 'rtl'" data-class="sidebar-opened: $mc.isSidebarTab(@KEY_ACTIVE_TAB); desktop-sidebar-hidden: @.l.desktop_sidebar_visible == false || @.l.desktop_sidebar_available === false; mobile-header-visible: @.l.mobile_header_visible" role="main">
			<div class="functionholder" role="banner">
        <div class="buttons left">
          <div data-repeat="@KEY_CUSTOM_BUTTONS" data-attr="class: '#{class}'" data-rif="item.align === 'left'" data-i-data-if="item.show">
            <a data-attr="aria-label,title: @KEY_LNG.#{title} || #{title}; role: 'button'; id: 'custom-button-' + (#{id} || #{@index})" data-i-href="item.href || '#'">&#160;
						</a>
			<span data-i-onload="item.onload"></span>
          </div>
        </div>
				<div class="buttons">
          <div data-repeat="@KEY_CUSTOM_BUTTONS" data-attr="class: '#{class}'" data-rif="item.align !== 'left'" data-i-data-if="item.show">
            <a data-attr="aria-label,title: @KEY_LNG.#{title} || #{title}; role: 'button'; id: 'custom-button-' + (#{id} || #{@index})" data-i-href="item.href || '#'">&#160;
						</a>
						<span  data-i-onload="item.onload"></span>
          </div>
					<div class="brs_previous" data-if="KEY_SCREEN_DESKTOP" data-attr="title:@KEY_LNG.Prev" data-css="display: @.l.brsBack?'block':'none'">
						<a id="browseSeqBack" class="wBSBackButton" data-rhwidget="Basic" data-attr="href:.l.brsBack; title, aria-label: @KEY_LNG.Prev" data-css="visibility: @.l.brsBack?'visible':'hidden'">&nbsp;
						</a>
					</div>
					<div class="brs_next" data-if="KEY_SCREEN_DESKTOP" data-attr="title:@KEY_LNG.Next" data-css="display: @.l.brsNext?'block':'none'">
						<a id="browseSeqNext" class="wBSNextButton" data-rhwidget="Basic" data-attr="href:.l.brsNext; title, aria-label: @KEY_LNG.Next" data-css="visibility: @.l.brsNext?'visible':'hidden'">&nbsp;
						</a>
					</div>
				</div>
			</div>
			<div class="topic-state" data-class="loading: EVT_TOPIC_LOADING" data-if="EVT_TOPIC_LOADING" data-attr="aria-hidden: !@EVT_TOPIC_LOADING" role="presentation"></div>
			<iframe class="topic" data-attr="title:@KEY_TOPIC_TITLE; aria-label:@KEY_TOPIC_TITLE"  name="rh_default_topic_frame_name" allowfullscreen="true"></iframe>
			<a class="to_top" role="presentation">
				<button class="placeholder" data-trigger="EVT_SCROLL_TO_TOP" data-attr="title:@KEY_LNG.ToTopTip; aria-label:@KEY_LNG.ToTopTip;" role="link"></button>
			</a>
		</div>

		<!-- Social media buttons -->
		<div class="social_buttons" data-if="@KEY_FEATURE.social === true && (@KEY_SCREEN_PHONE == false || (@KEY_SCREEN_PHONE == true && $mc.isSidebarTab(@KEY_ACTIVE_TAB) != true && $mc.isSearchMode(@KEY_ACTIVE_TAB, @active_content) != true && @KEY_ACTIVE_TAB != 'filter'))" data-attr="aria-hidden: !@KEY_FEATURE.social" data-class="opened: @.l.social_opened === true;" role="dialog">
			<a class="social_buttons_controller" href="#" data-click="@.l.social_opened(!@.l.social_opened)">
				<span class="rh-hide" aria-hidden="true" data-html="@KEY_LNG.Back"></span>
			</a>
			<div class="fb-button" data-if="KEY_FEATURE.facebook"><iframe id="bf-iframe"></iframe></div>
			<div class="twitter-button" id="twitter-holder" data-if="KEY_FEATURE.twitter"></div>
		</div>

		<!-- Scripts -->
		<script src="template/<%= layout.name %>/usersettings.js" type="text/javascript"></script>
		<script type="text/javascript" src="template/scripts/social_utils.min.js"></script>
		<%
			var allAssetFiles = html.assets || [];
		%>
		<% for(var i=0; i<allAssetFiles.length; i++) { %>
			<% if (allAssetFiles[i].substr(allAssetFiles[i].length - 3).toLowerCase()  === ".js") { %>
				<script src="template/<%= layout.name %>/<%= allAssetFiles[i] %>" type="text/javascript"></script>
			<% } %>
		<% } %>

		<% for(var i=0; i<allAssetFiles.length; i++) { %>
			<% if (allAssetFiles[i].substr(allAssetFiles[i].length - 4).toLowerCase()  === ".css") { %>
				<link rel="StyleSheet" href="template/<%= layout.name %>/<%= allAssetFiles[i] %>" type="text/css" />
			<% } %>
		<% } %>

	</body>
</html>
