analytics/webcontent/bi/pat/views/_kv9.htm

<style>
DIV.clsClassStylesPreviewContainer
{
	height: 350px;
	width: 280px;
	border: 1px solid var(--G2);
	overflow: hidden;
	background-color: var(--ui-01);
	box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
}
</style>
<div HAL_paneId="ClassesBody" id="idClassesView_classesRootPane" style="padding:var(--16S); overflow: auto;"></div>
<div HAL_paneId="LeftClassesColumn" style="padding-right:var(--16S)"></div>

<div HAL_paneId="LocalClassesHeader">
	<div class="clsQueryViewListViewHeader">
		<a style="float:right" class="clsSvgButton16x16" onclick="_kv9._kqc()" HAL_idsTooltip="IDS_BTN_ADD"><svg><use xlink:href="#def_hal_add_16x16"/></svg></a>
		<svg class="clsSvgIcon" height="16px" width="16px" style="margin-right:var(--8XS); vertical-align:text-bottom;"><use xlink:href="#def_hal_folder_16x16"></use></svg>
		<span HAL_ids="IDS_LOCALCLASSES"></span>
	</div>
</div>
<div HAL_paneId="LocalClassesBody">
	<div id="idClassStylesView_divLocalClassList" HAL_idsAriaLabel="IDS_LOCALCLASSES" class="clsListView"></div>
</div>
<div HAL_paneId="GlobalClassesHeader" style="padding-top:var(--16S);">
	<div class="clsQueryViewListViewHeader">
		<svg class="clsSvgIcon" height="16px" width="16px" style="margin-right:var(--8XS); vertical-align:text-bottom;"><use xlink:href="#def_hal_folder_16x16"></use></svg><span HAL_ids="IDS_GLOBALCLASS_EXT"></span>
	</div>
</div>
<div HAL_paneId="GlobalClassesBody">
	<div id="idClassStylesView_divGlobalClassList" HAL_idsAriaLabel="IDS_GLOBALCLASS_EXT" class="clsListView"></div>
</div>

<div HAL_paneId="RightPreviewColumn"></div>
<div HAL_paneId="PreviewHeader" style="padding-top:2px">
	<div HAL_ids="IDS_LBL_PREVIEW2"></div>
</div>
<div HAL_paneId="PreviewBody" style="padding-top:2px">
	<div class="clsClassStylesPreviewContainer" id="idClassStylesView_divPreviewBody">
		<div id="idClassStylesView_preview" style="padding:4px; height:100%; width:100%;" role="row">
			<table role="presentation" id="idClassStylesView_preview_page" cellpadding="0" cellspacing="0">
			<tr><td style="padding-top:3px; height:0%"><svg class="clsSvgIcon" height="16px" width="16px" style="margin-right:3px; vertical-align:middle;"><use xlink:href="#def_el_block"></use></svg><span HAL_ids="IDS_EL_block"></span></td></tr>
			<tr><td id="idClassStylesView_preview_block"></td></tr>
			<tr><td style="padding-top:3px; border-top:1px solid black; height:0%"><svg class="clsSvgIcon" height="16px" width="16px" style="margin-right:3px; vertical-align:middle;"><use xlink:href="#def_el_tableCell"></use></svg><span HAL_ids="IDS_EL_tableCell"></span></td></tr>
			<tr><td id="idClassStylesView_preview_tableCell"></td></tr>
			<tr><td style="padding-top:3px; border-top:1px solid black; height:0%"><svg class="clsSvgIcon" height="16px" width="16px" style="margin-right:3px; vertical-align:middle;"><use xlink:href="#def_el_textItem"></use></svg><span HAL_ids="IDS_EL_textItem"></span></td></tr>
			<tr><td id="idClassStylesView_preview_textItem"></td></tr>
			</table>
		</div>
	</div>
</div>