analytics/webcontent/pat/dialogs/_90g.xml

<!--
	Licensed Materials  - Property of IBM
	IBM Cognos Products: rs
	(C) Copyright IBM Corp. 2018, 2020
	US Government Users Restricted Rights - Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp.
-->
<resources>
	<dialog id="_90g" idsDialogTitle="IDS_TITLE_CUSTOM_STYLE" borderStyle="sizable" startupHeight="825" startupWidth="800" showX="true">
		<dialogHtml>
	<![CDATA[
<div style="min-height: 375px; min-width: 375px;" onkeyup="_90g._all(event);" onkeydown="_90g._a7j(event);" onkeypress="_90g._wph(event);">
<style>

._90g_clsTxtStyleName 
{
	width: 300px;
}

._90g_clsTxtStyleName:invalid,
._90g_clsTxtStyleName.clsInvalidTxtBox
{
	border-bottom: 1px solid var(--support-01);
}

._90g_clsTablePreview
{
	max-height: 150px;
	overflow: auto;
}

._90g_clsTablePreview *:hover 
{
	cursor: pointer !important;
}

._90g_clsTablePreview > table
{
	width: 100%;
}

._90g_clsStyleSection
{
	margin-bottom: var(--16S);
}

._90g_clsFlexItems 
{
	display: flex;
	align-items: center;
}

._90g_clsFlexItems > *
{
	margin: 0px var(--8XS);
}

._90g_clsFlexItems > *:first-child
{
	margin-left: 0px;
}

._90g_clsFlexItems > *:last-child
{
	margin-right: 0px;
}

._90g_clsEquallySpacedSections
{
	display:flex; 
	justify-content: space-between;
}

._90g_clsFavoriteSection
{
	display: flex;
}

._90g_clsHorizontalDivider
{
	height:1px; 
	width: 100%; 
	margin-bottom: var(--16S); 
	margin-right: var (--8XS);
	background-color: var(--G2);
}

._90g_clsVerticalDivider
{
	height: 32px; 
	width: 1px; 
	margin: 0px var(--16S); 
	background-color: var(--G2);
}

._90g_clsHALDlgOverrides .clsCCHLCustomColorBox[current]
{
	width: var(--32L);
	height: var(--32L);
}

._90g_clsHALDlgOverrides .clsToolbarButton > svg
{
	fill: var(--text-02);
}

._90g_clsHALDlgOverrides .clsToolbarButton_up:hover,
._90g_clsHALDlgOverrides .clsToolbarButton_stuck,
._90g_clsHALDlgOverrides .clsToolbarButton_down
{
	background-color: transparent;
}

._90g_clsHALDlgOverrides .clsToolbarButton_stuck > svg,
._90g_clsHALDlgOverrides .clsToolbarButton_down > svg
{
	fill: var(--primary1);
}

._90g_clsHALDlgOverrides .clsToolbarButton_up:hover > svg
{
	fill: var(--primary2);
}

._90g_clsSectionHeader
{
	font-size: var(--HEADING-XS);
	font-weight: bold;
	margin-bottom: var(--8XS);
}

._90g_clsItemHeader
{
	margin-bottom: var(--8XS);
}

._90g_clsPreviewDiv 
{
	width: 100%;
	height: 100%;
}

._90g_clsNoBackgroundColor
{
	background: linear-gradient(to top left, transparent 0%, transparent calc(50% - 1px), red 50%, transparent calc(50% + 1px), transparent 100%);
}

._90g_clsAdvancedTextSection
{
	display: flex;
	align-items: center;
	background-color: transparent;
	border: none;
	padding-left: 0;	
}

._90g_clsAdvancedTextSection:hover,
._90g_clsHALDlgOverrides .clsCCHLCustomColorBox
{
	cursor: pointer;
}

._90g_clsAdvancedTextSection > div:last-of-type
{
	margin-left: var(--16S);
}

._90g_clsAdvancedTextSection[state=closed] svg[opened]
{
	display: none;
}

._90g_clsAdvancedTextSection[state=opened] svg[closed]
{
	display: none;
}

._90g_clsLineArrangementButton
{
	border: none; 
	background-color: transparent; 
	cursor:default; 
	padding:1px; 
	margin:0px
}

._90g_clsLineArrangementButton > div
{
	height: var(--16S); 
	width: var(--16S); 
	overflow:hidden; 
	line-height:0px; 
	font-size:2pt; 
	padding:0px; 
	margin:0px;
	border:2px dotted var(--text-02); 	
}

._90g_clsLineArrangementButton > div:hover,
._90g_clsLineArrangementButton > div[border=all]:hover
{
	cursor: pointer;
	border-color: var(--primary1);
}

._90g_clsLineArrangementButton[selected] > div,
._90g_clsLineArrangementButton[selected] > div[border=all]
{
	border-color: var(--primary2);
}

._90g_clsLineArrangementButton > div[border=top]
{
	border-top-style: solid;
}

._90g_clsLineArrangementButton > div[border=left]
{
	border-left-style: solid;
}

._90g_clsLineArrangementButton > div[border=all]
{
	border:2px solid var(--text-02);
}

._90g_clsLineArrangementButton > div[border=bottom]
{
	border-bottom-style: solid;
}

._90g_clsLineArrangementButton > div[border=right]
{
	border-right-style: solid;
}

._90g_clsBorderPreview
{
	height:100%; 
	width: 100%; 
	display: flex; 
	align-items: center; 
	justify-content: center;
}

._90g_clsHorizontalBoxPreview,
._90g_clsVerticalBoxPreview
{
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;	
}

._90g_clsHorizontalBoxPreview
{
	flex-direction: column;
 	height: 30px;	
}

._90g_clsVerticalBoxPreview
{
	flex-direction: row;
	width: 30px;
}

._90g_clsHorizontalBoxPreview > div,
._90g_clsVerticalBoxPreview > div
{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

._90g_clsBoxPreviewLabel
{
	position:absolute; 
	left: 0px; 
	top: 0px; 
}

._90g_clsMarginBoxPreview 
{
	background-color: var(--text-03);
}

._90g_clsBorderBoxPreview
{
	background-color: var(--G2);
}

._90g_clsPaddingBoxPreview
{
	background-color: var(--ui-03); 
}

._90g_clsMultiPropertySection
{
	display: flex;
}

._90g_clsMultiPropertySection > div
{
	min-width: 180px;
}

._90g_clsRestoreToDefaults
{
	display:flex; 
	align-items: center;
	color: var(--primary2);
	background-color: transparent;
	border: none;
	padding-left: 0px;
}

._90g_clsRestoreToDefaults svg
{
	fill: var(--primary2);
}

._90g_clsRestoreToDefaults:hover
{
	cursor: pointer;
}

</style>

	<div HAL_dlgItemId="_90g_content" style="height: 100%; display: flex; flex-direction: column">
	
		<div style="margin-bottom: var(--16S);">
			<div style="padding-bottom: var(--8XS);" HAL_ids="IDS_CUSTOM_STYLE_NAME"></div>
			<input class="clsTextBox _90g_clsTxtStyleName" HAL_dlgItemId="txtStyleName" type="text" HAL_isSelectable="true" maxlength="128" HAL_idsAriaLabel="IDS_CUSTOM_STYLE_NAME"/>
			<div HAL_dlgItemId="divInvalidWarning" style="padding-top: var(--8XS); color: var(--support-01);" HAL_ids="IDS_CUSTOM_STYLE_NAME_FAIL"></div>
		</div>
		
		<div style="display:flex; flex-grow: 1; overflow: auto">
			<div HAL_dlgItemId="divStyleableElements" style="padding: var(--8XS); margin-right: var(--8XS); min-width:150px; overflow:auto; width: 300px; border: 1px solid #e0e0e0">
				<div>
					<div HAL_dlgItemId="divItemElementsPreviewTitle" style="font-weight: bold; margin-bottom: var(--8XS);">
						<span HAL_dlgItemId="spanNodePreview"></span>&nbsp;<span HAL_ids="IDS_LBL_PREVIEW_LOWER"></span>
					</div>
					<div onclick="_90g._yj5( event );" class="clsDialogText _90g_clsTablePreview" HAL_dlgItemId="divPreview"></div>
				</div>
				<div class="_90g_clsHorizontalDivider"></div>
				<div style="margin-top: var(--8XS);">
					<div HAL_dlgItemId="divItemElementsTitle" style="font-weight: bold; margin-bottom: var(--8XS);">
						<span HAL_dlgItemId="spanNodeElements"></span>&nbsp;<span HAL_ids="IDS_LBL_ELEMENTS_LOWER"></span>
					</div>
					<div HAL_dlgItemId="divItemElements" class="clsListView" style="margin-top: var(--8XS); overflow-y:auto; max-height: 225px;" HAL_idsAriaLabel="IDS_LBL_ELEMENTS_LOWER"></div>
				</div>
			</div>
			<div style="margin-left: var(--8XS);">
				<!-- TabBox -->
				<table HAL_dlgItemId="tabMain">
					<tr>
						<td HAL_ids="IDS_TAB_CUSTOM_STYLE_TEXT"></td>
						<td HAL_ids="IDS_TAB_CUSTOM_STYLE_SIZE_AND_POS"></td>
						<td HAL_ids="IDS_TAB_CUSTOM_STYLE_BACKGROUND"></td>
						<td HAL_ids="IDS_TAB_CUSTOM_STYLE_BOX"></td>
					</tr>
				</table>
			
				<!-- TabPanels -->
				<div class="_90g_clsHALDlgOverrides clsTabPanels" HAL_dlgItemId="tabMain_Panels">
				
					<!-- TabPanel [Text] -->
					<div HAL_dlgItemId="tabMain_Panel0">
						<div style="display:flex; flex-direction: row; justify-content: space-between; margin-left: var(--8XS);">
							<div>
								<div HAL_dlgItemId="PropertySection_font">
									<div class="_90g_clsSectionHeader" HAL_ids="IDS_CCHL_TITLE_FONT"></div>
									<div style="display:flex">
										<div>
											<div class="_90g_clsStyleSection _90g_clsMultiPropertySection">
												<div style="margin-right: var(--8XS);">
													<div class="_90g_clsItemHeader" HAL_ids="IDS_CUSTOM_STYLE_TITLE_FONT_FAMILY"></div>
													<div>
														<table HAL_dlgItemId="cboFontFamilies" style="width:200px" HAL_idsAriaLabel="IDS_CCHL_LBL_FONT_FAMILY"></table>
													</div>
												</div>
												<div style="margin: 0px var(--8XS);">
													<div class="_90g_clsItemHeader" HAL_ids="IDS_CUSTOM_STYLE_TITLE_FONT_SIZE"></div>
													<div  class="_90g_clsFlexItems">
														<div>
															<table HAL_dlgItemId="cboFontSize" style="width:100px" HAL_idsAriaLabel="IDS_CCHL_LBL_FONT_SIZE"></table>
														</div>
														<div>
															<table HAL_dlgItemId="cboFontSizeUnit" style="width:50px" HAL_idsAriaLabel="IDS_LBL_UNITS"></table>
														</div>
													</div>
												</div>
											</div>
											<div class="_90g_clsStyleSection _90g_clsMultiPropertySection">
												<div HAL_dlgItemId="PropertySection_font-weight">
													<div class="_90g_clsItemHeader" HAL_ids="IDS_CUSTOM_STYLE_TITLE_FONT_WEIGHT"></div>
													<div HAL_dlgItemId="divFontWeight"></div>
												</div>
												<div HAL_dlgItemId="PropertySection_font-style">
													<div class="_90g_clsItemHeader" HAL_ids="IDS_CUSTOM_STYLE_TITLE_FONT_STYLE"></div>
													<div HAL_dlgItemId="divFontStyle"></div>
												</div>
												<div HAL_dlgItemId="PropertySection_font-effects">
													<div class="_90g_clsItemHeader" HAL_ids="IDS_CUSTOM_STYLE_TITLE_EFFECTS"></div>
													<div> 
														<label style="margin-bottom: var(--16S)" class="clsToggle" Hal_dlgItemFor="chkUnderline">
															<input HAL_dlgItemId="chkUnderline" hideFocus="true" type="checkbox" style="border:none; vertical-align:middle"/>&nbsp;<span HAL_dlgItemId="spanUnderlineLabel" HAL_ids="IDS_CCHL_LBL_FONT_UNDERLINE"></span>
														</label>
													</div>
													<div>
														<label style="margin-bottom: var(--16S)" class="clsToggle" Hal_dlgItemFor="chkOverline">
															<input HAL_dlgItemId="chkOverline" hideFocus="true" type="checkbox" style="border:none; vertical-align:middle"/>&nbsp;<span HAL_dlgItemId="spanOverlineLabel" HAL_ids="IDS_PROPVAL_OVERLINE"></span>
														</label>
													</div>
													<div> 
														<label style="margin-bottom: var(--16S)" class="clsToggle" Hal_dlgItemFor="chkLineThrough">
															<input HAL_dlgItemId="chkLineThrough" hideFocus="true" type="checkbox" style="border:none; vertical-align:middle"/>&nbsp;<span HAL_dlgItemId="spanLineThroughLabel" HAL_ids="IDS_PROPVAL_LINETHROUGH"></span>
														</label>
													</div>
												</div>
											</div>
											<div class="_90g_clsStyleSection">
												<div class="_90g_clsItemHeader" HAL_ids="IDS_CCHL_TITLE_COLOR"></div>
												<div current="true" style="border: 1px solid var(--ui-03); background-color: var(--B);" HAL_dlgItemId="divCurrentFontColor" class="clsCCHLCustomColorBox" onclick="_90g._lcj('font');"></div>
											</div>
											<div class="_90g_clsStyleSection">
												<div class="_90g_clsItemHeader" HAL_ids="IDS_CCHL_LBL_FAVORITE_COLORS"></div>
												<div style="display: flex">
													<div class="_90g_clsFavoriteSection" HAL_dlgItemId="divFavoriteFontColorsSection">
														<div HAL_dlgItemId="divFavoriteFontColors" style="height:24px"></div>
														<div class="_90g_clsVerticalDivider"></div>
													</div>
													<div HAL_dlgItemId="divCommonFontColors" style="height:24px"></div>
												</div>
											</div>
										</div>
									</div>
								</div>
											
								<div class="_90g_clsStyleSection" HAL_dlgItemId="PropertySection_alignment">
									<div class="_90g_clsHorizontalDivider"></div>
									<div class="_90g_clsSectionHeader" HAL_ids="IDS_CUSTOM_STYLE_TITLE_ALIGNMENT"></div>
									<div class="_90g_clsStyleSection _90g_clsMultiPropertySection">
										<div HAL_dlgItemId="PropertySection_text-align">
											<div class="_90g_clsItemHeader" HAL_ids="IDS_CUSTOM_STYLE_TITLE_ALIGNMENT_HORIZONTAL"></div>
											<div HAL_dlgItemId="divHorizontalAlignToolbar" class="clsToolbarInner"></div>
										</div>
										<div HAL_dlgItemId="PropertySection_vertical-align">
											<div class="_90g_clsItemHeader" HAL_ids="IDS_CUSTOM_STYLE_TITLE_ALIGNMENT_VERTICAL"></div>
											<div HAL_dlgItemId="divVerticalAlignToolbar" class="clsToolbarInner"></div>
										</div>
										<div HAL_dlgItemId="PropertySection_vertical-align_inline">
											<div class="_90g_clsItemHeader" HAL_ids="IDS_CUSTOM_STYLE_TITLE_ALIGNMENT_RELATIVE"></div>
											<div>
												<table HAL_dlgItemId="cboRelativeAlignment" style="width:200px" HAL_idsAriaLabel="IDS_LBL_STYLE_REL_ALIGN"></table>
											</div>
										</div>
									</div>
								</div>
								<div class="_90g_clsStyleSection" HAL_dlgItemId="PropertySection_SpacingAndBreaking">
									<div class="_90g_clsHorizontalDivider"></div>
									<div class="_90g_clsSectionHeader" HAL_ids="IDS_CUSTOM_STYLE_TITLE_PARAGRAPH"></div>
									<div class="_90g_clsStyleSection _90g_clsMultiPropertySection">
										<div HAL_dlgItemId="PropertySection_line-height">
											<div class="_90g_clsItemHeader" HAL_ids="IDS_CUSTOM_STYLE_TITLE_LINE_HEIGHT"></div>
											<div class="_90g_clsFlexItems">
												<input HAL_dlgItemId="txtLineHeight" class="clsCCHLNumeric clsTextBox" type="text" min="0" maxlength="10" HAL_isSelectable="true" style="width:50px;" HAL_aria-labelledby="tdLineHeightLabel"></input>
												<div>
													<table HAL_dlgItemId="cboLineHeightUnit" style="width:50px" HAL_idsAriaLabel="IDS_LBL_UNITS"></table>
												</div>
											</div>
										</div>
										<div HAL_dlgItemId="PropertySection_letter-spacing">
											<div class="_90g_clsItemHeader" HAL_ids="IDS_CUSTOM_STYLE_TITLE_SPACING"></div>
											<div class="_90g_clsFlexItems">
												<input HAL_dlgItemId="txtLetterSpacing" class="clsCCHLNumeric clsTextBox" type="text" min="0" maxlength="10" HAL_isSelectable="true" style="width:50px;" HAL_aria-labelledby="tdLineHeightLabel"></input>
												<div>
													<table HAL_dlgItemId="cboLetterSpacingUnit" style="width:50px" HAL_idsAriaLabel="IDS_LBL_UNITS"></table>
												</div>
											</div>
										</div>
										<div HAL_dlgItemId="PropertySection_text-indent">
											<div class="_90g_clsItemHeader" HAL_ids="IDS_CUSTOM_STYLE_TITLE_TEXT_INDENT"></div>
											<div class="_90g_clsFlexItems">
												<input HAL_dlgItemId="txtIndent" class="clsCCHLNumeric clsTextBox" type="text" min="0" maxlength="10" HAL_isSelectable="true" style="width:50px;" HAL_aria-labelledby="tdLineHeightLabel"></input>
												<div>
													<table HAL_dlgItemId="cboTextIndentUnit" style="width:50px" HAL_idsAriaLabel="IDS_LBL_UNITS"></table>
												</div>
											</div>
										</div>
									</div>
									<div class="_90g_clsStyleSection">
										<div HAL_dlgItemId="PropertySection_word-break">
											<div class="_90g_clsItemHeader" HAL_ids="IDS_CUSTOM_STYLE_TITLE_WORD_BREAK"></div>
											<div style="margin-bottom: var(--16S)">
												<table HAL_dlgItemId="cboWordBreak" style="width:100px" HAL_idsAriaLabel="IDS_CUSTOM_STYLE_TITLE_WORD_BREAK"></table>
											</div>
										</div>
										<div HAL_dlgItemId="PropertySection_word-wrap" style="margin-top: var(--8XS);">
											<label style="margin-bottom: var(--16S)" class="clsToggle" Hal_dlgItemFor="chkBreakWords">
												<input HAL_dlgItemId="chkBreakWords" hideFocus="true" type="checkbox" style="border:none; vertical-align:middle"/>&nbsp;<span HAL_dlgItemId="spanWordWrapLabel" HAL_ids="IDS_LBL_word-wrap"></span>
											</label>
										</div>
									</div>
								</div>
								<div class="_90g_clsHorizontalDivider"></div>
								<div class="_90g_clsStyleSection">
									<button HAL_dlgItemId="divAdvancedTextSection" class="_90g_clsAdvancedTextSection" onclick="_90g._cg4();">
										<svg closed="true" style="margin:2px; width: var(--16S); height: var(--16S);">
											<use xlink:href="#def_chevron_down"></use>
										</svg>
										<svg opened="true" style="margin:2px; width:16px; height:16px">
											<use xlink:href="#def_chevron_up"></use>
										</svg>
										<div style="font-size: var(--BODY-S);" HAL_ids="IDS_CUSTOM_STYLE_TITLE_ADVANCED_SETTINGS"></div>
									</button>
								</div>
								<div HAL_dlgItemId="divAdvancedSection">
									<div HAL_dlgItemId="PropertySection_TextFlowAndJustification">
										<div class="_90g_clsStyleSection">
											<div class="_90g_clsHorizontalDivider"></div>
											<div style="display: flex">
												<div style="min-width: 180px" HAL_dlgItemId="PropertySection_direction">
													<div HAL_dlgItemId="divDirectionLabel" class="_90g_clsItemHeader" HAL_ids="IDS_LBL_INDENTATION_DIRECTION"></div>
													<table HAL_dlgItemId="cboDirection" style="width:150px" HAL_aria-labelledby="divDirectionLabel"></table>
												</div>
												<div style="min-width: 180px" HAL_dlgItemId="PropertySection_text-direction">
													<div HAL_dlgItemId="divDirectionLabel" class="_90g_clsItemHeader" HAL_ids="IDS_LBL_INDENTATION_DIRECTION"></div>
													<table HAL_dlgItemId="cboTextDirection" style="width:150px" HAL_aria-labelledby="divDirectionLabel"></table>
												</div>
												<div style="min-width: 180px" HAL_dlgItemId="PropertySection_unicode-bidi">
													<div HAL_dlgItemId="divBidirectionalLabel" class="_90g_clsItemHeader" HAL_ids="IDS_CUSTOM_STYLE_TITLE_BIDIRECTIONAL"></div>
													<table HAL_dlgItemId="cboUnicodeBidi" style="width:150px" HAL_aria-labelledby="divBidirectionalLabel"></table>
												</div>
												<div style="min-width: 180px" HAL_dlgItemId="PropertySection_text-justify">
													<div HAL_dlgItemId="divJustificationLabel" class="_90g_clsItemHeader" HAL_ids="IDS_CUSTOM_STYLE_TITLE_TEXT_INDENT"></div>
													<table HAL_dlgItemId="cboTextJustify" style="width:150px" HAL_aria-labelledby="divJustificationLabel"></table>
												</div>
											</div> 							
										</div>
										<div class="_90g_clsStyleSection">
											<div style="display: flex">
												<div style="min-width: 180px" HAL_dlgItemId="PropertySection_writing-mode">
													<div HAL_dlgItemId="divWritingModeLabel" class="_90g_clsItemHeader" HAL_ids="IDS_CUSTOM_STYLE_TITLE_WRITING_MODE"></div>
													<table HAL_dlgItemId="cboWritingMode" style="width:150px" HAL_aria-labelledby="divWritingModeLabel"></table>
												</div>
												<div style="min-width: 180px" HAL_dlgItemId="PropertySection_text-kashida-space">
													<div HAL_dlgItemId="divKashidaSpace" class="_90g_clsItemHeader" HAL_ids="IDS_CUSTOM_STYLE_TITLE_KASHIDA_SPACE"></div>
													<input HAL_dlgItemId="txtKashidaSpace" class="clsCCHLNumeric clsTextBox" type="text" maxlength="3" HAL_isSelectable="true" style="width:40px; vertical-align:middle" HAL_aria-labelledby="divKashidaSpace"/>
												</div>
											</div> 							
										</div>
									</div>
									<div class="_90g_clsStyleSection" HAL_dlgItemId="PropertySection_white-space">
										<div class="_90g_clsHorizontalDivider"></div>
										<div HAL_dlgItemId="divWhiteSpaceLabel" class="_90g_clsItemHeader" HAL_ids="IDS_CUSTOM_STYLE_TITLE_WHITESPACE"></div>
										<table HAL_dlgItemId="cboWhiteSpace" style="width:150px" HAL_aria-labelledby="divWhiteSpaceLabel"></table>
									</div>
									<div class="_90g_clsStyleSection" HAL_dlgItemId="PropertySection_line-break">
										<div class="_90g_clsHorizontalDivider"></div>
										<div HAL_dlgItemId="divLineBreakLabel" class="_90g_clsItemHeader" HAL_ids="IDS_CUSTOM_STYLE_TITLE_LINE_BREAK"></div>
										<label style="margin-bottom: var(--16S)" class="clsToggle" Hal_dlgItemFor="chkLineBreak">
											<input HAL_dlgItemId="chkLineBreak" hideFocus="true" type="checkbox" style="border:none; vertical-align:middle"/>&nbsp;<span HAL_dlgItemId="divLineBreakLabel" HAL_ids="IDS_LBL_line-break"></span>
										</label>
									</div>
								</div>
							</div>
							<div>
								<div class="_90g_clsItemHeader" HAL_ids="IDS_LBL_PREVIEW"></div>
								<div style="overflow: hidden; border: 1px solid lightgray; width: 150px; height: 150px; display: flex; align-items: center; justify-content: center;">
									<div HAL_dlgItemId="divTextPreview" HAL_ids="IDS_PREVIEW_TEXT"></div>
								</div>
							</div>
						</div>
					</div>
			
					<!-- TabPanel [Size and positioning] -->
					<div HAL_dlgItemId="tabMain_Panel1">
						<div class="_90g_clsStyleSection" style="display:flex; margin-left: var(--8XS);">
							<div HAL_dlgItemId="PropertySection_width" style="margin-right: var(--8XS);">
								<div class="_90g_clsItemHeader" HAL_ids="IDS_CUSTOM_STYLE_TITLE_WIDTH"></div>
								<div class="_90g_clsFlexItems">
									<input HAL_dlgItemId="txtWidth" class="clsCCHLNumeric clsTextBox" type="text" min="0" maxlength="10" HAL_isSelectable="true" style="width:50px;" HAL_aria-labelledby="IDS_LBL_WIDTH" onkeypress="_4qn._tx();" onchange=""></input>
									<div>
										<table HAL_dlgItemId="cboWidthUnit" style="width:50px" HAL_idsAriaLabel="IDS_LBL_UNITS"></table>
									</div>
								</div>
							</div>
							<div HAL_dlgItemId="PropertySection_height" style="margin-left: var(--8XS);">
								<div class="_90g_clsItemHeader" HAL_ids="IDS_CUSTOM_STYLE_TITLE_HEIGHT"></div>
								<div class="_90g_clsFlexItems">
									<input HAL_dlgItemId="txtHeight" class="clsCCHLNumeric clsTextBox" type="text" min="0" maxlength="10" HAL_isSelectable="true" style="width:50px;" HAL_aria-labelledby="IDS_LBL_HEIGHT"></input>
									<div>
										<table HAL_dlgItemId="cboHeightUnit" style="width:50px" HAL_idsAriaLabel="IDS_LBL_UNITS"></table>
									</div>
								</div>
							</div>
						</div>
						<div class="_90g_clsStyleSection" HAL_dlgItemId="PropertySection_overflow">
							<div class="_90g_clsItemHeader" HAL_ids="IDS_LBL_overflow"></div>
							<div HAL_dlgItemId="divOverflow"></div>
						</div>
						<div class="_90g_clsStyleSection">
							<div HAL_dlgItemId="PropertySection_float">
								<div class="_90g_clsItemHeader" HAL_ids="IDS_LBL_FLOAT"></div>
								<div HAL_dlgItemId="divFloatToolbar" class="clsToolbarInner"></div>
							</div>
							<div HAL_dlgItemId="PropertySection_clear">
								<div style="margin-top: var(--8XS);" HAL_dlgItemId="divClear"></div>
							</div>
						</div>
					</div>
			
					<!-- TabPanel [Background] -->
					<div HAL_dlgItemId="tabMain_Panel2">
						<div class="_90g_clsEquallySpacedSections" style="flex-direction: row; margin-left: var(--8XS);">
							<div>
								<div class="_90g_clsStyleSection" HAL_dlgItemId="PropertySection_background-color">
									<div class="_90g_clsStyleSection">
										<div class="_90g_clsSectionHeader" HAL_ids="IDS_CCHL_TITLE_COLOR"></div>
										<div current="true" style="border: 1px solid lightgrey;" HAL_dlgItemId="divCurrentBackgroundColor" class="clsCCHLCustomColorBox" onclick="_90g._lcj('background');"></div>
									</div>
									<div class="_90g_clsStyleSection">
										<div style="display:flex;">
											<div style="margin-right: var(--8XS);">
												<div class="_90g_clsItemHeader" HAL_ids="IDS_CCHL_LBL_FAVORITE_COLORS"></div>
												<div style="display: flex">
													<div class="_90g_clsFavoriteSection" HAL_dlgItemId="divFavoriteBackgroundColorsSection">
														<div HAL_dlgItemId="divFavoriteBackgroundColors" style="height:24px"></div>
														<div class="_90g_clsVerticalDivider"></div>
													</div>
													<div HAL_dlgItemId="divCommonBackgroundColors" style="height:24px"></div>
												</div>
											</div>
			
										</div>
									</div>
								</div>
								<div class="_90g_clsStyleSection" HAL_dlgItemId="PropertySection_background-image">
									<div class="_90g_clsSectionHeader" HAL_ids="IDS_CUSTOM_STYLE_TITLE_IMAGE"></div>
									<div HAL_dlgItemId="divSetBackgroundImage">
										<div class="_90g_clsItemHeader" HAL_ids="IDS_CUSTOM_STYLE_TITLE_SELECT_AN_IMAGE"></div>
										<div class="_90g_clsStyleSection" style="display:flex; align-items:flex-start">
											<div style="margin-right: var(--8XS);">
												<button HAL_dlgItemId="btnBrowse" class="clsDlgButton" onclick="_90g._9ag();" HAL_ids="IDS_BTN_BROWSE"></button>
											</div>
											<div HAL_dlgItemId="divBackgroundImageDetailsSection" style="display:none; margin-left: var(--8XS);">
												<div HAL_dlgItemId="divImageName" style="font-weight: bold;"></div>
												<div HAL_dlgItemId="divImagePath" style="margin-top: var(--8XS);"></div>
												<div hal_ids="IDS_CUSTOM_STYLE_LINK_TEXT_REMOVE_IMAGE" style="margin-top: var(--8XS); text-decoration:none;" class="clsHyperlink" onclick="_90g._mdg();"></div>
											</div>
										</div>
										<div class="_90g_clsStyleSection" style="display:flex">
											<div style="margin-right: var(--8XS)">
												<div class="_90g_clsItemHeader" HAL_ids="IDS_LBL_BG_REPEAT"></div>
												<div style="margin-left: var(--8XS);">
													<table HAL_dlgItemId="cboBackgroundRepeat" style="width:150px" HAL_idsAriaLabel="IDS_LBL_BG_REPEAT"></table>
												</div>
											</div>
											<div style="margin-left: var(--8XS);">
												<div class="_90g_clsItemHeader" HAL_ids="IDS_LBL_BG_POSITION"></div>
												<div style="margin-left: var(--8XS);">
													<table HAL_dlgItemId="cboBackgroundPosition" style="width:150px" HAL_idsAriaLabel="IDS_LBL_BG_POSITION"></table>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div>
								<div style="margin-bottom: var(--8XS);" HAL_ids="IDS_CUSTOM_STYLE_TITLE_BACKGROUND_PREVIEW"></div>
								<div style="border: 1px solid lightgray; width: 150px; height: 150px;">
									<div class="_90g_clsPreviewDiv _90g_clsNoBackgroundColor" HAL_dlgItemId="divBackgroundPreview"></div>
								</div>
							</div>
						</div>
					</div>
			
					<!-- TabPanel [Box] -->
					<div HAL_dlgItemId="tabMain_Panel3">
						<div class="_90g_clsStyleSection _90g_clsEquallySpacedSections" style="flex-direction: row; margin-left: var(--8XS);">
							<div>
								<div HAL_dlgItemId="PropertySection_border">
									<div class="_90g_clsSectionHeader" HAL_ids="IDS_CCHL_TITLE_BORDER"></div>
									<div class="_90g_clsStyleSection" style="display:flex;">
										<div style="margin-right: var(--8XS);">
											<div class="_90g_clsItemHeader" HAL_ids="IDS_CUSTOM_STYLE_TITLE_STYLE"></div>
											<div>
												<table HAL_dlgItemId="cboBorderStyle" style="width:200px" HAL_idsAriaLabel="IDS_CCHL_LBL_BORDER_STYLE"></table>
											</div>
										</div>
										<div style="margin-left: var(--8XS);">
											<div class="_90g_clsItemHeader" HAL_ids="IDS_CUSTOM_STYLE_TITLE_THICKNESS"></div>
											<div class="_90g_clsFlexItems">
												<div>
													<table HAL_dlgItemId="cboBorderWidth" style="width:125px" HAL_idsAriaLabel="IDS_CCHL_LBL_BORDER_WIDTH"></table>
												</div>
												<div>
													<table HAL_dlgItemId="cboBorderSizeUnit" style="width:50px" HAL_idsAriaLabel="IDS_LBL_UNITS"></table>
												</div>
											</div>
										</div>
									</div>
									<div class="_90g_clsStyleSection">
										<div class="_90g_clsItemHeader" HAL_ids="IDS_CUSTOM_STYLE_TITLE_LINE_ARRANGEMENT"></div>
										<div style="display:flex; width: 200px; height: 75px">
											<div style="margin-right: var(--8XS); width: 50%; height: 100%;">
												<div style="border: 1px solid lightgray; width: 100%; height: 100%; overflow: hidden">
													<div class="_90g_clsBorderPreview" HAL_dlgItemId="divBorderPreview">
														<div HAL_ids="IDS_PREVIEW_TEXT"></div>
													</div>
												</div>
											</div>
											<div style="width: 50%; height: 100%; display: flex; flex-direction: column; justify-content: space-around">
												<div style="display: flex; justify-content: space-around;">
													<button class="_90g_clsLineArrangementButton" HAL_idsTooltip="IDS_CCHL_LBL_BORDER_REMOVE_ALL" onclick="_90g._ycj('none');" hideFocus="true" HAL_testId="btnBorderRemoveAll">
														<div></div>
													</button>
													<button class="_90g_clsLineArrangementButton" HAL_idsTooltip="IDS_CCHL_LBL_BORDER_APPLY_TOP" onclick="_90g._ycj('top');" hideFocus="true" HAL_testId="btnBorderApplyTop">
														<div border="top"></div>
													</button>
													<button class="_90g_clsLineArrangementButton" HAL_idsTooltip="IDS_CCHL_LBL_BORDER_APPLY_LEFT" onclick="_90g._ycj('left');" hideFocus="true"  HAL_testId="btnBorderApplyLeft">
														<div border="left"></div>
													</button>
												</div>
												<div style="display:flex; justify-content: space-around;">
													<button class="_90g_clsLineArrangementButton" HAL_idsTooltip="IDS_CCHL_LBL_BORDER_APPLY_ALL" onclick="_90g._ycj('all');" hideFocus="true" HAL_testId="btnBorderApplyAll">
														<div border="all"></div>
													</button>
													<button class="_90g_clsLineArrangementButton" HAL_idsTooltip="IDS_CCHL_LBL_BORDER_APPLY_BOTTOM" onclick="_90g._ycj('bottom');" hideFocus="true" HAL_testId="btnBorderApplyBottom">
														<div border="bottom"></div>
													</button>
													<button class="_90g_clsLineArrangementButton" HAL_idsTooltip="IDS_CCHL_LBL_BORDER_APPLY_RIGHT" onclick="_90g._ycj('right');" hideFocus="true" HAL_testId="btnBorderApplyRight">
														<div border="right"></div>
													</button>
												</div>
											</div>
										</div>
									</div>
									<div class="_90g_clsStyleSection">
										<div class="_90g_clsItemHeader" HAL_ids="IDS_CCHL_TITLE_COLOR"></div>
										<div current="true" style="border: 1px solid lightgrey" HAL_dlgItemId="divCurrentBorderColor" class="clsCCHLCustomColorBox" onclick="_90g._lcj('border');"></div>
									</div>
									<div class="_90g_clsStyleSection">
										<div class="_90g_clsItemHeader" HAL_ids="IDS_CCHL_LBL_FAVORITE_COLORS"></div>
										<div style="display: flex">
											<div class="_90g_clsFavoriteSection" HAL_dlgItemId="divFavoriteBorderColorsSection">
												<div HAL_dlgItemId="divFavoriteBorderColors" style="height:24px"></div>
												<div class="_90g_clsVerticalDivider"></div>
											</div>
											<div HAL_dlgItemId="divCommonBorderColors" style="height:24px"></div>
										</div>
									</div>
								</div>
								<div class="_90g_clsHorizontalDivider"></div>
								<div HAL_dlgItemId="PropertySection_padding" style="width: 300px;">
									<div class="_90g_clsSectionHeader" HAL_ids="IDS_CCHL_TITLE_PADDING"></div>
									<div class="_90g_clsStyleSection" style="display: flex; justify-content: space-between">
										<div style="width: 200px">
											<div class="_90g_clsItemHeader" HAL_ids="IDS_CUSTOM_STYLE_TITLE_TOP"></div>
											<div class="_90g_clsFlexItems">
												<input HAL_dlgItemId="txtPaddingTop" class="clsCCHLNumeric clsTextBox" type="text" min="0" maxlength="10" HAL_isSelectable="true" style="width:50px;" HAL_aria-labelledby="IDS_CUSTOM_STYLE_TITLE_TOP"></input>
												<div>
													<table HAL_dlgItemId="cboPaddingTopSizeUnit" style="width:50px" HAL_idsAriaLabel="IDS_LBL_UNITS"></table>
												</div>
											</div>
										</div>
										<div>
											<div class="_90g_clsItemHeader" HAL_ids="IDS_CUSTOM_STYLE_TITLE_BOTTOM"></div>
											<div  class="_90g_clsFlexItems">
												<input HAL_dlgItemId="txtPaddingBottom" class="clsCCHLNumeric clsTextBox" type="text" min="0" maxlength="10" HAL_isSelectable="true" style="width:50px;" HAL_aria-labelledby="IDS_CUSTOM_STYLE_TITLE_BOTTOM"></input>
												<div>
													<table HAL_dlgItemId="cboPaddingBottomSizeUnit" style="width:50px" HAL_idsAriaLabel="IDS_LBL_UNITS"></table>
												</div>
											</div>
										</div>
									</div>
									<div class="_90g_clsStyleSection _90g_clsEquallySpacedSections">
										<div style="width: 200px">
											<div class="_90g_clsItemHeader" HAL_ids="IDS_CUSTOM_STYLE_TITLE_LEFT"></div>
											<div  class="_90g_clsFlexItems">
												<input HAL_dlgItemId="txtPaddingLeft" class="clsCCHLNumeric clsTextBox" type="text" min="0" maxlength="10" HAL_isSelectable="true" style="width:50px;" HAL_aria-labelledby="IDS_CUSTOM_STYLE_TITLE_LEFT"></input>
												<div>
													<table HAL_dlgItemId="cboPaddingLeftSizeUnit" style="width:50px" HAL_idsAriaLabel="IDS_LBL_UNITS"></table>
												</div>
											</div>
										</div>
										<div>
											<div class="_90g_clsItemHeader" HAL_ids="IDS_CUSTOM_STYLE_TITLE_RIGHT"></div>
											<div class="_90g_clsFlexItems">
												<input HAL_dlgItemId="txtPaddingRight" class="clsCCHLNumeric clsTextBox" type="text" min="0" maxlength="10" HAL_isSelectable="true" style="width:50px;" HAL_aria-labelledby="IDS_CUSTOM_STYLE_TITLE_RIGHT"></input>
												<div>
													<table HAL_dlgItemId="cboPaddingRightSizeUnit" style="width:50px" HAL_idsAriaLabel="IDS_LBL_UNITS"></table>
												</div>
											</div>
										</div>
									</div>
									<div class="_90g_clsStyleSection" HAL_dlgItemId="divLockPadding" style="display: flex; justify-content: flex-start;">
										<label style="margin-bottom: var(--16S)" class="clsToggle" Hal_dlgItemFor="chkLockPadding">
											<input HAL_dlgItemId="chkLockPadding" onchange="_90g._id7();" hideFocus="true" type="checkbox" style="border:none; vertical-align:middle"/>&nbsp;<span HAL_ids="IDS_CUSTOM_STYLE_TITLE_MAKE_SAME"></span>
										</label>
									</div>
								</div>
								<div HAL_dlgItemId="PropertySection_margin" style="width: 300px">
									<div class="_90g_clsSectionHeader" HAL_ids="IDS_CCHL_TITLE_MARGIN"></div>
									<div style="display: flex; justify-content: space-between">
										<div class="_90g_clsStyleSection" style="width: 200px">
											<div class="_90g_clsItemHeader" HAL_ids="IDS_CUSTOM_STYLE_TITLE_TOP"></div>
											<div  class="_90g_clsFlexItems">
												<input HAL_dlgItemId="txtMarginTop" class="clsCCHLNumeric clsTextBox" type="text" min="0" maxlength="10" HAL_isSelectable="true" style="width:50px;" HAL_aria-labelledby="IDS_CUSTOM_STYLE_TITLE_TOP"></input>
												<div>
													<table HAL_dlgItemId="cboMarginTopSizeUnit" style="width:50px" HAL_idsAriaLabel="IDS_LBL_UNITS"></table>
												</div>
											</div>
										</div>
										<div>
											<div class="_90g_clsItemHeader" HAL_ids="IDS_CUSTOM_STYLE_TITLE_BOTTOM"></div>
											<div class="_90g_clsFlexItems">
												<input HAL_dlgItemId="txtMarginBottom" class="clsCCHLNumeric clsTextBox" type="text" min="0" maxlength="10" HAL_isSelectable="true" style="width:50px;" HAL_aria-labelledby="IDS_CUSTOM_STYLE_TITLE_BOTTOM"></input>
												<div>
													<table HAL_dlgItemId="cboMarginBottomSizeUnit" style="width:50px" HAL_idsAriaLabel="IDS_LBL_UNITS"></table>
												</div>
											</div>
										</div>
									</div>
									<div class="_90g_clsStyleSection _90g_clsEquallySpacedSections">
										<div style="width: 200px">
											<div class="_90g_clsItemHeader" HAL_ids="IDS_CUSTOM_STYLE_TITLE_LEFT"></div>
											<div  class="_90g_clsFlexItems">
												<input HAL_dlgItemId="txtMarginLeft" class="clsCCHLNumeric clsTextBox" type="text" min="0" maxlength="10" HAL_isSelectable="true" style="width:50px;" HAL_aria-labelledby="IDS_CUSTOM_STYLE_TITLE_LEFT"></input>
												<div>
													<table HAL_dlgItemId="cboMarginLeftSizeUnit" style="width:50px" HAL_idsAriaLabel="IDS_LBL_UNITS"></table>
												</div>
											</div>
										</div>
										<div>
											<div class="_90g_clsItemHeader" HAL_ids="IDS_CUSTOM_STYLE_TITLE_RIGHT"></div>
											<div class="_90g_clsFlexItems">
												<input HAL_dlgItemId="txtMarginRight" class="clsCCHLNumeric clsTextBox" type="text" min="0" maxlength="10" HAL_isSelectable="true" style="width:50px;" HAL_aria-labelledby="IDS_CUSTOM_STYLE_TITLE_RIGHT"></input>
												<div>
													<table HAL_dlgItemId="cboMarginRightSizeUnit" style="width:50px" HAL_idsAriaLabel="IDS_LBL_UNITS"></table>
												</div>
											</div>
										</div>
									</div>
									<div class="_90g_clsStyleSection" HAL_dlgItemId="divLockMargins" style="display: flex; justify-content: flex-start;">
										<label class="clsToggle" Hal_dlgItemFor="chkLockMargins">
											<input HAL_dlgItemId="chkLockMargins" onchange="_90g._hd7();" hideFocus="true" type="checkbox" style="border:none; vertical-align:middle"/>&nbsp;<span HAL_ids="IDS_CUSTOM_STYLE_TITLE_MAKE_SAME"></span>
										</label>
									</div>
								</div>
								<div class="_90g_clsStyleSection" HAL_dlgItemId="PropertySection_display">
									<div class="_90g_clsItemHeader" HAL_ids="IDS_PROP_display"></div>
									<div>
										<table HAL_dlgItemId="cboBoxType" style="width:100" HAL_idsAriaLabel="IDS_PROP_display"></table>
									</div>
								</div>
							</div>
							<div style="min-width: 250px; font-size: 70%">
								<div HAL_dlgItemId="previewMargin" style="margin: 0px var(--8XS); position: relative; width: 100%; height: 210px">
									<div class="_90g_clsHorizontalBoxPreview _90g_clsMarginBoxPreview" style="left:0px; right: 0px; top: 0px;">
										<div class="_90g_clsBoxPreviewLabel"  HAL_ids="IDS_CCHL_TITLE_MARGIN"></div>
										<div HAL_dlgItemId="divMarginTop"></div>
									</div>
									<div class="_90g_clsVerticalBoxPreview _90g_clsMarginBoxPreview" style="left:0px; top: 30px; bottom: 30px">
										<div HAL_dlgItemId="divMarginLeft"></div>
									</div>
									<div class="_90g_clsHorizontalBoxPreview _90g_clsMarginBoxPreview" style="left:0px; right: 0px; bottom: 0px;">
										<div HAL_dlgItemId="divMarginBottom"></div>
									</div>
									<div class="_90g_clsVerticalBoxPreview _90g_clsMarginBoxPreview" style="right:0px; top: 30px; bottom: 30px;">
										<div HAL_dlgItemId="divMarginRight"></div>
									</div>
			
									<div class="_90g_clsHorizontalBoxPreview _90g_clsBorderBoxPreview" style="left:30px; right: 30px; top: 30px;">
										<div class="_90g_clsBoxPreviewLabel" HAL_ids="IDS_CCHL_TITLE_BORDER"></div>
										<div HAL_dlgItemId="divBorderTop"></div>
									</div>
									<div class="_90g_clsVerticalBoxPreview _90g_clsBorderBoxPreview" style="left:30px; top: 60px; bottom: 60px">
										<div HAL_dlgItemId="divBorderLeft"></div>
									</div>
									<div class="_90g_clsHorizontalBoxPreview _90g_clsBorderBoxPreview" style="left:30px; right: 30px; bottom: 30px;">
										<div HAL_dlgItemId="divBorderBottom"></div>
									</div>
									<div class="_90g_clsVerticalBoxPreview _90g_clsBorderBoxPreview" style="right:30px; top: 60px; bottom: 60px;">
										<div HAL_dlgItemId="divBorderRight"></div>
									</div>
									<div class="_90g_clsHorizontalBoxPreview _90g_clsPaddingBoxPreview" style="left:60px; right: 60px; top: 60px;">
										<div class="_90g_clsBoxPreviewLabel" HAL_ids="IDS_CCHL_TITLE_PADDING"></div>
										<div HAL_dlgItemId="divPaddingTop"></div>
									</div>
									<div class="_90g_clsVerticalBoxPreview _90g_clsPaddingBoxPreview" style="left:60px; top: 90px; bottom: 90px">
										<div HAL_dlgItemId="divPaddingLeft"></div>
									</div>
									<div class="_90g_clsHorizontalBoxPreview _90g_clsPaddingBoxPreview" style="left:60px; right: 60px; bottom: 60px;">
										<div HAL_dlgItemId="divPaddingBottom"></div>
									</div>
									<div class="_90g_clsVerticalBoxPreview _90g_clsPaddingBoxPreview" style="right:60px; top: 90px; bottom: 90px;">
										<div HAL_dlgItemId="divPaddingRight"></div>
									</div>
														
									<div style="display: flex; align-items: center; justify-content: center; z-index: 3; position: absolute; left: 90px; top: 90px; right: 90px; bottom: 90px; background-color: var(--ui-01);">
										<div HAL_ids="IDS_PREVIEW_TEXT"></div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	
		<div style="display:flex; justify-content:space-between; align-items: center">
			<div HAL_ids="IDS_CUSTOM_STYLE_TEXT_UNDO_CHANGES" class="clsHyperlink" onclick="_90g._mol()"></div>
			<div class="clsDlgButtonBar">
				<button HAL_dlgItemId="btnClose" class="clsDlgButton" onclick="_90g._9jk()" HAL_ids="IDS_HAL_BTN_CLOSE"></button>
				<button HAL_dlgItemId="btnApply" class="clsDlgButton" onclick="_90g._6ll()" HAL_ids="IDS_HAL_BTN_APPLY"></button>
				<button HAL_dlgItemId="btnSave" class="clsDlgButton" onclick="_90g._o7j()" HAL_ids="IDS_TITLE_SAVE_CUSTOM_STYLE" HAL_isDefault="true"></button>
			</div>
		</div>
		
	</div>

</div>
		]]></dialogHtml>
		<externalScripts>
			<externalScript src="hal/_opn.js"/>
			<externalScript src="hal/_pgk.js"/>
			<externalScript src="hal/_jgk.js"/>
			<externalScript src="hal/_qcm.js"/>
			<externalScript src="hal/_kpc.js"/>
			<externalScript src="cchl/_3gm.js"/>
		</externalScripts>
		<externalStringTables>
			<externalStringTable src="cchl/res/cchl_strings"/>
		</externalStringTables>
		<externalResources>
			<externalResource src="cchl/res/cchl_dialog_resources.xml"/>
		</externalResources>
		<styleSheets>
			<styleSheet src="cchl/cchl_dialogs.css"/>
		</styleSheets>
	</dialog>

	<comboBox id="FontSize" type="dropDown">
		<listView>
			<listItems>
				<listItem value="" idsLabel="IDS_CCHL_PROPVAL_DEFAULT"/>
				<listItem label="8" value="8"/>
				<listItem label="9" value="9"/>
				<listItem label="10" value="10"/>
				<listItem label="11" value="11"/>
				<listItem label="12" value="12"/>
				<listItem label="14" value="14"/>
				<listItem label="16" value="16"/>
				<listItem label="18" value="18"/>
				<listItem label="20" value="20"/>
				<listItem label="22" value="22"/>
				<listItem label="24" value="24"/>
				<listItem label="26" value="26"/>
				<listItem label="28" value="28"/>
				<listItem label="36" value="36"/>
				<listItem label="48" value="48"/>
				<listItem label="72" value="72"/>
			</listItems>
		</listView>
	</comboBox>
	
	<listView id="font-weight" view="nativeRadio" allowCtrlDeselect="false">
		<listItems>
			<listItem value="" idsLabel="IDS_CCHL_PROPVAL_DEFAULT"/>
			<listItem value="normal" idsLabel="IDS_CCHL_LBL_FONT_WEIGHT_NORMAL"/>
			<listItem value="bold" idsLabel="IDS_CCHL_LBL_FONT_WEIGHT_BOLD"/>
		</listItems>
	</listView>

	<listView id="font-style" view="nativeRadio" allowCtrlDeselect="false">
		<listItems>
			<listItem value="" idsLabel="IDS_CCHL_PROPVAL_DEFAULT"/>
			<listItem value="normal" idsLabel="IDS_CCHL_LBL_FONT_STYLE_NORMAL"/>
			<listItem value="italic" idsLabel="IDS_CCHL_LBL_FONT_STYLE_ITALIC"/>
		</listItems>
	</listView>

	<listView id="word-break">
		<listItems>
			<listItem value="" idsLabel="IDS_PROPVAL_DEFAULT"/>
			<listItem value="normal" idsLabel="IDS_PROPVAL_WB_NORMAL" idsTooltip="IDS_TOOLTIP_WB_NORMAL"/>
			<listItem value="break-all" idsLabel="IDS_PROPVAL_WB_BREAKALL" idsTooltip="IDS_TOOLTIP_WB_BREAKALL"/>
			<listItem value="keep-all" idsLabel="IDS_PROPVAL_WB_KEEPALL" idsTooltip="IDS_TOOLTIP_WB_KEEPALL"/>
		</listItems>
	</listView>
			
	<listView id="FavoriteColors" view="smallIcon" classPrefix="clsListItem_colorCell">
		<listItems/>
	</listView>
	
	<toolbar id="HorizontalAlignment" smallIconHeight="24px" smallIconWidth="24px">
		<toolbarButton id="_90g_btnToggleAlignLeft" idsTooltip="" smallSvgIcon="def_align_left_new" enabled="true" onCommand="_90g._hz3('left');"/>
		<toolbarButton id="_90g_btnToggleAlignCenter" idsTooltip="" smallSvgIcon="def_align_center_new" enabled="tur" onCommand="_90g._hz3('center');"/>
		<toolbarButton id="_90g_btnToggleAlignRight" idsTooltip="" smallSvgIcon="def_align_right_new" enabled="true" onCommand="_90g._hz3('right');"/>
		<toolbarButton id="_90g_btnToggleAlignJustify" idsTooltip="" smallSvgIcon="def_align_justify_new" enabled="true" onCommand="_90g._hz3('justify');"/>
	</toolbar>

	<toolbar id="VerticalAlignment" smallIconHeight="24px" smallIconWidth="24px">
		<toolbarButton id="_90g_btnToggleAlignTop" idsTooltip="" smallSvgIcon="def_align_top_new" enabled="true" onCommand="_90g._km5('top');"/>
		<toolbarButton id="_90g_btnToggleAlignMiddle" idsTooltip="" smallSvgIcon="def_align_middle_new" enabled="true" onCommand="_90g._km5('middle');"/>
		<toolbarButton id="_90g_btnToggleAlignBottom" idsTooltip="" smallSvgIcon="def_align_bottom_new" enabled="true" onCommand="_90g._km5('bottom');"/>
	</toolbar>
	
	<listView id="unicode-bidi">
		<listItems>
			<listItem value="" idsLabel="IDS_PROPVAL_DEFAULT"/>
			<listItem value="normal" idsLabel="IDS_PROPVAL_UB_NORMAL"/>
			<listItem value="embed" idsLabel="IDS_PROPVAL_UB_EMBED"/>
			<listItem value="bidi-override" idsLabel="IDS_PROPVAL_UB_BIDI"/>
		</listItems>
	</listView>

	<listView id="writing-mode">
		<listItems>
			<listItem value="" idsLabel="IDS_PROPVAL_DEFAULT"/>
			<listItem value="lr-tb" idsLabel="IDS_PROPVAL_WM_LRTB"/>
			<listItem value="tb-rl" idsLabel="IDS_PROPVAL_WM_TBRL"/>
		</listItems>
	</listView>

	<listView id="direction">
		<listItems>
			<listItem value="" idsLabel="IDS_PROPVAL_DEFAULT"/>
			<listItem value="inherit" idsLabel="IDS_PROPVAL_DIRECTION_INHERIT"/>
			<listItem value="ltr" idsLabel="IDS_PROPVAL_DIRECTION_LTR"/>
			<listItem value="rtl" idsLabel="IDS_PROPVAL_DIRECTION_RTL"/>
		</listItems>
	</listView>

	<listView id="text-justify">
		<listItems>
			<listItem value="" idsLabel="IDS_PROPVAL_DEFAULT"/>
			<listItem value="distribute" idsLabel="IDS_PROPVAL_TALIGN_DISTRIBUTE"/>
			<listItem value="distribute-all-lines" idsLabel="IDS_PROPVAL_TALIGN_DISTRIBUTEALLLINES"/>
			<listItem value="inter-cluster" idsLabel="IDS_PROPVAL_TALIGN_INTERCLUSTER"/>
			<listItem value="inter-ideograph" idsLabel="IDS_PROPVAL_TALIGN_INTERIDEOGRAPH"/>
			<listItem value="inter-word" idsLabel="IDS_PROPVAL_TALIGN_INTERWORD"/>
			<listItem value="kashida" idsLabel="IDS_PROPVAL_TALIGN_KASHIDA"/>
			<listItem value="newspaper" idsLabel="IDS_PROPVAL_TALIGN_NEWSPAPER"/>
		</listItems>
	</listView>

	<listView id="white-space">
		<listItems>
			<listItem value="" idsLabel="IDS_PROPVAL_DEFAULT"/>
			<listItem value="normal" idsLabel="IDS_PROPVAL_WS_NORMAL"/>
			<listItem value="nowrap" idsLabel="IDS_PROPVAL_WS_NOWRAP"/>
		</listItems>
	</listView>

	<listView id="overflow" view="nativeRadio">
		<listItems>
			<listItem value="" idsLabel="IDS_PROPVAL_OVERFLOW_VISIBLE"/>
			<listItem value="hidden" idsLabel="IDS_PROPVAL_OVERFLOW_HIDDEN"/>
			<listItem value="auto" idsLabel="IDS_PROPVAL_OVERFLOW_AUTO"/>
			<listItem value="scroll" idsLabel="IDS_PROPVAL_OVERFLOW_SCROLL"/>
		</listItems>
	</listView>
	
	<toolbar id="Float" smallIconHeight="24px" smallIconWidth="24px">
		<toolbarButton id="_90g_btnToggleFloatLeft" idsTooltip="" smallSvgIcon="def_float_left" enabled="true" onCommand="_90g._neg('left');"/>
		<toolbarButton id="_90g_btnToggleFloatNormal" idsTooltip="" smallSvgIcon="def_float_none" enabled="true" onCommand="_90g._neg('normal');"/>
		<toolbarButton id="_90g_btnToggleFloatRight" idsTooltip="" smallSvgIcon="def_float_right" enabled="true" onCommand="_90g._neg('right');"/>
	</toolbar>
	
	<listView id="clear" view="nativeRadio">
		<listItems>
			<listItem value="" idsLabel="IDS_PROPVAL_CLEAR_NONE"/>
			<listItem value="left" idsLabel="IDS_PROPVAL_CLEAR_LEFT"/>
			<listItem value="right" idsLabel="IDS_PROPVAL_CLEAR_RIGHT"/>
			<listItem value="both" idsLabel="IDS_PROPVAL_CLEAR_BOTH"/>
		</listItems>
	</listView>
	
	<comboBox id="BackgroundFill">
		<listView>
			<listItems>
				<listItem value="" idsLabel="IDS_CUSTOM_STYLE_BACKGROUND_NO_FILL"/>
				<listItem value="color" idsLabel="IDS_CUSTOM_STYLE_BACKGROUND_COLOR"/>
				<listItem value="image" idsLabel="IDS_CUSTOM_STYLE_BACKGROUND_IMAGE"/>
			</listItems>
		</listView>
	</comboBox>
		
	<listView id="backgroundPosition" classPrefix="clsListItem_tb">
		<listItems>
			<listItem value="" idsLabel="IDS_PROPVAL_DEFAULT"/>
			<listItem smallSvgIcon="def_align_top_left" value="left top" idsLabel="IDS_TOOLTIP_ALIGN_TOP_LEFT"/>
			<listItem smallSvgIcon="def_align_top_center" value="center top" idsLabel="IDS_TOOLTIP_ALIGN_TOP_CENTER"/>
			<listItem smallSvgIcon="def_align_top_right" value="right top" idsLabel="IDS_TOOLTIP_ALIGN_TOP_RIGHT"/>
			<listItem smallSvgIcon="def_align_middle_left" value="left center" idsLabel="IDS_TOOLTIP_ALIGN_MIDDLE_LEFT"/>
			<listItem smallSvgIcon="def_align_middle_center" value="center center" idsLabel="IDS_TOOLTIP_ALIGN_MIDDLE_CENTER"/>
			<listItem smallSvgIcon="def_align_middle_right" value="right center" idsLabel="IDS_TOOLTIP_ALIGN_MIDDLE_RIGHT"/>
			<listItem smallSvgIcon="def_align_bottom_left" value="left bottom" idsLabel="IDS_TOOLTIP_ALIGN_BOTTOM_LEFT"/>
			<listItem smallSvgIcon="def_align_bottom_center" value="center bottom" idsLabel="IDS_TOOLTIP_ALIGN_BOTTOM_CENTER"/>
			<listItem smallSvgIcon="def_align_bottom_right" value="right bottom" idsLabel="IDS_TOOLTIP_ALIGN_BOTTOM_RIGHT"/>
		</listItems>
	</listView>

	<listView id="repeat">
		<listItems>
			<listItem value="" idsLabel="IDS_PROPVAL_DEFAULT"/>
			<listItem value="repeat" idsLabel="IDS_PROPVAL_BGREPEAT"/>
			<listItem value="repeat-x" idsLabel="IDS_PROPVAL_BGREPEATX"/>
			<listItem value="repeat-y" idsLabel="IDS_PROPVAL_BGREPEATY"/>
			<listItem value="no-repeat" idsLabel="IDS_PROPVAL_BGNOREPEAT"/>
		</listItems>
	</listView>
	
	<comboBox id="BorderWidth" type="dropDown">
		<listView  id="BorderWidth_LV" classPrefix="clsListItem_outline" hotTracking="false" allowCtrlDeselect="false">
			<listItems>
				<listItem value="" idsLabel="IDS_CCHL_PROPVAL_DEFAULT" html="&lt;div class='clsCCHLDefaultListItem' HAL_ids='IDS_CCHL_PROPVAL_DEFAULT'&gt;&lt;/div&gt;"/>
				<listItem altValue="0.25" value="0.25pt"/>
				<listItem altValue="0.5" value="0.5pt"/>
				<listItem altValue="0.75" value="0.75pt"/>
				<listItem altValue="1" value="1pt"/>
				<listItem altValue="1.5" value="1.5pt"/>
				<listItem altValue="2.25" value="2.25pt"/>
				<listItem altValue="3" value="3pt"/>
				<listItem altValue="4.5" value="4.5pt"/>
				<listItem altValue="6" value="6pt"/>
			</listItems>
		</listView>
	</comboBox>
	
	<listView id="tableControlItems">
		<listItems>
			<listItem idsLabel="IDS_EL_table" value="table"/>
			<listItem idsLabel="IDS_PROP_tableHeader" value="tableHeader"/>
			<listItem idsLabel="IDS_EL_tableCell" value="tableCell"/>
		</listItems>
	</listView>

	<listView id="listControlItems">
		<listItems>
			<listItem idsLabel="IDS_EL_list" value="list"/>
			<listItem idsLabel="IDS_CUSTOM_STYLE_PREVIEW_NODE_LIST_COLUMN_TITLE" value="listColumnTitle"/>
			<listItem idsLabel="IDS_CUSTOM_STYLE_PREVIEW_NODE_LIST_COLUMN_BODY" value="listColumnBody"/>
			<listItem idsLabel="IDS_CUSTOM_STYLE_PREVIEW_NODE_LIST_SUB-TOTAL" value="listSubTotals"/>
			<listItem idsLabel="IDS_CUSTOM_STYLE_PREVIEW_NODE_LIST_TOTAL" value="listTotals"/>
		</listItems>
	</listView>

	<listView id="crosstabControlItems">
		<listItems>
			<listItem idsLabel="IDS_EL_crosstab" value="crosstab"/>
			<listItem idsLabel="IDS_CUSTOM_STYLE_PREVIEW_NODE_XTAB_CORNER" label="Corner cell" value="crosstabCorner"/>
			<listItem idsLabel="IDS_CUSTOM_STYLE_PREVIEW_NODE_XTAB_COLUMN_CELLS" value="crosstabColumnNodeMember"/>
			<listItem idsLabel="IDS_CUSTOM_STYLE_PREVIEW_NODE_XTAB_COLUMN_SUBTOTAL" value="crosstabColumnSubTotalNodeMember"/>
			<listItem idsLabel="IDS_CUSTOM_STYLE_PREVIEW_NODE_XTAB_COLUMN_TOTAL" value="crosstabColumnTotalNodeMember"/>
			<listItem idsLabel="IDS_CUSTOM_STYLE_PREVIEW_NODE_XTAB_ROWS_CELLS" value="crosstabRowNodeMember"/>
			<listItem idsLabel="IDS_CUSTOM_STYLE_PREVIEW_NODE_XTAB_ROW_SUBTOTAL" value="crosstabRowSubTotalNodeMember"/>
			<listItem idsLabel="IDS_CUSTOM_STYLE_PREVIEW_NODE_XTAB_ROW_TOTAL" value="crosstabRowTotalNodeMember"/>
			<listItem idsLabel="IDS_CUSTOM_STYLE_PREVIEW_NODE_XTAB_FACT_CELLS" value="crosstabFactCell"/>
			<listItem idsLabel="IDS_CUSTOM_STYLE_PREVIEW_NODE_XTAB_FACT_CELLS_SUBTOTAL" value="crosstabFactSubtotalCell"/>
			<listItem idsLabel="IDS_CUSTOM_STYLE_PREVIEW_NODE_XTAB_FACT_CELLS_TOTAL" value="crosstabFactTotalCell"/>
		</listItems>
	</listView>

	<toolbar id="RestoreDefaults" smallIconHeight="20px" smallIconWidth="20px">
		<toolbarButton id="_90g_btnRestoreDefaults" idsTooltip="" smallSvgIcon="def_restore" enabled="true" onCommand="_90g._mol();"/>
	</toolbar>
	
	<xmlfragment id="MockReport">
		<report expressionLocale="en-us">
			<modelPath/>
			<layouts>
				<layout>
					<reportPages>
						<page name="Page1">
							<pageBody>
								<contents>
									<table>
										<tableRows>
											<tableRow>
												<tableCells>
													<tableCell tableHeader="true" iid="tableHeader" colSpan="1">
														<contents>
															<textItem>
																<dataSource>
																	<staticValue>xxxxxx</staticValue>
																</dataSource>
															</textItem>
														</contents>
													</tableCell>
													<tableCell tableHeader="true" iid="tableHeader" colSpan="1">
														<contents>
															<textItem>
																<dataSource>
																	<staticValue>xxxxxx</staticValue>
																</dataSource>
															</textItem>
														</contents>
													</tableCell>
													<tableCell tableHeader="true" iid="tableHeader" colSpan="1">
														<contents>
															<textItem>
																<dataSource>
																	<staticValue>xxxxxx</staticValue>
																</dataSource>
															</textItem>
														</contents>
													</tableCell>
												</tableCells>
											</tableRow>
											<tableRow>
												<tableCells>
													<tableCell iid="tableCell" colSpan="1">
														<contents>
															<textItem>
																<dataSource>
																	<staticValue>###</staticValue>
																</dataSource>
															</textItem>
														</contents>
													</tableCell>
													<tableCell iid="tableCell" colSpan="1">
														<contents>
															<textItem>
																<dataSource>
																	<staticValue>###</staticValue>
																</dataSource>
															</textItem>
														</contents>
													</tableCell>
													<tableCell iid="tableCell" colSpan="1">
														<contents>
															<textItem>
																<dataSource>
																	<staticValue>###</staticValue>
																</dataSource>
															</textItem>
														</contents>
													</tableCell>
												</tableCells>
											</tableRow>
											<tableRow>
												<tableCells>
													<tableCell iid="tableCell" colSpan="1">
														<contents>
															<textItem>
																<dataSource>
																	<staticValue>###</staticValue>
																</dataSource>
															</textItem>
														</contents>
													</tableCell>
													<tableCell iid="tableCell" colSpan="1">
														<contents>
															<textItem>
																<dataSource>
																	<staticValue>###</staticValue>
																</dataSource>
															</textItem>
														</contents>
													</tableCell>
													<tableCell iid="tableCell" colSpan="1">
														<contents>
															<textItem>
																<dataSource>
																	<staticValue>###</staticValue>
																</dataSource>
															</textItem>
														</contents>
													</tableCell>
												</tableCells>
											</tableRow>
											<tableRow>
												<tableCells>
													<tableCell iid="tableCell" colSpan="1">
														<contents>
															<textItem>
																<dataSource>
																	<staticValue>###</staticValue>
																</dataSource>
															</textItem>
														</contents>
													</tableCell>
													<tableCell iid="tableCell" colSpan="1">
														<contents>
															<textItem>
																<dataSource>
																	<staticValue>###</staticValue>
																</dataSource>
															</textItem>
														</contents>
													</tableCell>
													<tableCell iid="tableCell" colSpan="1">
														<contents>
															<textItem>
																<dataSource>
																	<staticValue>###</staticValue>
																</dataSource>
															</textItem>
														</contents>
													</tableCell>
												</tableCells>
											</tableRow>
											<tableRow>
												<tableCells>
													<tableCell iid="tableCell" colSpan="1">
														<contents>
															<textItem>
																<dataSource>
																	<staticValue>###</staticValue>
																</dataSource>
															</textItem>
														</contents>
													</tableCell>
													<tableCell iid="tableCell" colSpan="1">
														<contents>
															<textItem>
																<dataSource>
																	<staticValue>###</staticValue>
																</dataSource>
															</textItem>
														</contents>
													</tableCell>
													<tableCell iid="tableCell" colSpan="1">
														<contents>
															<textItem>
																<dataSource>
																	<staticValue>###</staticValue>
																</dataSource>
															</textItem>
														</contents>
													</tableCell>
												</tableCells>
											</tableRow>
										</tableRows>
										<style>
											<CSS value="border-collapse:collapse;width:100%"/>
											<defaultStyles>
												<defaultStyle refStyle="tb"/>
											</defaultStyles>
										</style>
									</table>
									<crosstab refQuery="Query1">
										<style>
											<CSS value="border-collapse:collapse;width:100%"/>
											<defaultStyles>
												<defaultStyle refStyle="xt"/>
											</defaultStyles>
										</style>
										<crosstabRows>
											<crosstabNode>
												<crosstabNodeMembers>
													<crosstabNodeMember iid="crosstabRowNodeMember" refDataItem="Product line" edgeLocation="Product line">
														<contents>
															<textItem>
																<dataSource>
																	<staticValue>xxxxxx</staticValue>
																</dataSource>
															</textItem>
														</contents>
														<style>
															<defaultStyles>
																<defaultStyle refStyle="ml"/>
															</defaultStyles>
														</style>
													</crosstabNodeMember>
												</crosstabNodeMembers>
												<crosstabNestedNodes>
													<crosstabNode>
														<crosstabNodeMembers>
															<crosstabNodeMember iid="crosstabRowNodeMember" refDataItem="Product type" edgeLocation="Product type">
																<contents>
																	<textItem>
																		<dataSource>
																			<staticValue>xxxxxx</staticValue>
																		</dataSource>
																	</textItem>
																</contents>
																<style>
																	<defaultStyles>
																		<defaultStyle refStyle="ml"/>
																	</defaultStyles>
																</style>
															</crosstabNodeMember>
														</crosstabNodeMembers>
													</crosstabNode>
													<crosstabNode>
														<crosstabNodeMembers>
															<crosstabNodeMember iid="crosstabRowSubTotalNodeMember" refDataItem="Total(Product type)" edgeLocation="Total(Product type)">
																<contents>
																	<textItem>
																		<dataSource>
																			<staticValue>xxxxxx</staticValue>
																		</dataSource>
																	</textItem>
																</contents>
																<factCell>
																	<style>
																		<defaultStyles>
																			<defaultStyle refStyle="iv"/>
																		</defaultStyles>
																	</style>
																</factCell>
																<style>
																	<defaultStyles>
																		<defaultStyle refStyle="il"/>
																	</defaultStyles>
																</style>
															</crosstabNodeMember>
														</crosstabNodeMembers>
													</crosstabNode>
												</crosstabNestedNodes>
											</crosstabNode>
											<crosstabNode>
												<crosstabNodeMembers>
													<crosstabNodeMember iid="crosstabRowTotalNodeMember" refDataItem="Total(Product line)" edgeLocation="Total(Product line)">
														<contents>
															<textItem>
																<dataSource>
																	<staticValue>xxxxxx</staticValue>
																</dataSource>
															</textItem>
														</contents>
														<factCell>
															<style>
																<defaultStyles>
																	<defaultStyle refStyle="ov"/>
																</defaultStyles>
															</style>
														</factCell>
														<style>
															<defaultStyles>
																<defaultStyle refStyle="ol"/>
															</defaultStyles>
														</style>
													</crosstabNodeMember>
												</crosstabNodeMembers>
											</crosstabNode>
										</crosstabRows>
										<crosstabColumns>
											<crosstabNode>
												<crosstabNodeMembers>
													<crosstabNodeMember iid="crosstabColumnNodeMember" refDataItem="Year" edgeLocation="Year">
														<contents>
															<textItem>
																<dataSource>
																	<staticValue>xxxxxx</staticValue>
																</dataSource>
															</textItem>
														</contents>
														<style>
															<defaultStyles>
																<defaultStyle refStyle="ml"/>
															</defaultStyles>
														</style>
													</crosstabNodeMember>
												</crosstabNodeMembers>
												<crosstabNestedNodes>
													<crosstabNode>
														<crosstabNodeMembers>
															<crosstabNodeMember iid="crosstabColumnNodeMember" refDataItem="Quarter" edgeLocation="Quarter">
																<contents>
																	<textItem>
																		<dataSource>
																			<staticValue>xxxxxx</staticValue>
																		</dataSource>
																	</textItem>
																</contents>
																<style>
																	<defaultStyles>
																		<defaultStyle refStyle="ml"/>
																	</defaultStyles>
																</style>
															</crosstabNodeMember>
														</crosstabNodeMembers>
													</crosstabNode>
													<crosstabNode>
														<crosstabNodeMembers>
															<crosstabNodeMember iid="crosstabColumnSubTotalNodeMember" refDataItem="Total(Quarter)" edgeLocation="Total(Quarter)">
																<contents>
																	<textItem>
																		<dataSource>
																			<staticValue>xxxxxx</staticValue>
																		</dataSource>
																	</textItem>
																</contents>
																<factCell>
																	<style>
																		<defaultStyles>
																			<defaultStyle refStyle="iv"/>
																		</defaultStyles>
																	</style>
																</factCell>
																<style>
																	<defaultStyles>
																		<defaultStyle refStyle="il"/>
																	</defaultStyles>
																</style>
															</crosstabNodeMember>
														</crosstabNodeMembers>
													</crosstabNode>
												</crosstabNestedNodes>
											</crosstabNode>
											<crosstabNode>
												<crosstabNodeMembers>
													<crosstabNodeMember iid="crosstabColumnTotalNodeMember" refDataItem="Total(Year)" edgeLocation="Total(Year)">
														<contents>
															<textItem>
																<dataSource>
																	<staticValue>xxxxxx</staticValue>
																</dataSource>
															</textItem>
														</contents>
														<factCell>
															<style>
																<defaultStyles>
																	<defaultStyle refStyle="ov"/>
																</defaultStyles>
															</style>
														</factCell>
														<style>
															<defaultStyles>
																<defaultStyle refStyle="ol"/>
															</defaultStyles>
														</style>
													</crosstabNodeMember>
												</crosstabNodeMembers>
											</crosstabNode>
										</crosstabColumns>
										<defaultMeasure refDataItem="Quantity"/>
										<crosstabFactCell>
											<contents>
												<textItem>
													<dataSource>
														<staticValue>###</staticValue>
													</dataSource>
												</textItem>
											</contents>
											<style>
												<defaultStyles>
													<defaultStyle refStyle="mv"/>
												</defaultStyles>
											</style>
										</crosstabFactCell>
										<crosstabCorner iid="crosstabCorner">
											<contents>
												<textItem>
													<dataSource>
														<staticValue>xxxxxx</staticValue>
													</dataSource>
												</textItem>
											</contents>
											<style>
												<defaultStyles>
													<defaultStyle refStyle="xm"/>
												</defaultStyles>
											</style>
										</crosstabCorner>
									</crosstab>
									<list refQuery="Query1" showColumnTitles="startOfList">
										<style>
											<CSS value="border-collapse:collapse;width:100%"/>
											<defaultStyles>
												<defaultStyle refStyle="ls"/>
											</defaultStyles>
										</style>
										<listColumns>
											<listColumn>
												<listColumnTitle iid="listColumnTitle">
													<contents>
														<textItem>
															<dataSource>
																<staticValue>xxxxxx</staticValue>
															</dataSource>
														</textItem>
													</contents>
													<style>
														<defaultStyles>
															<defaultStyle refStyle="lt"/>
														</defaultStyles>
													</style>
												</listColumnTitle>
												<listColumnBody iid="listColumnBody">
													<contents>
														<textItem>
															<dataSource>
																<staticValue>xxxxxx</staticValue>
															</dataSource>
														</textItem>
													</contents>
													<listColumnRowSpan refDataItem="Product line"/>
													<style>
														<defaultStyles>
															<defaultStyle refStyle="lc"/>
														</defaultStyles>
													</style>
												</listColumnBody>
											</listColumn>
											<listColumn>
												<listColumnTitle iid="listColumnTitle">
													<contents>
														<textItem>
															<dataSource>
																<staticValue>xxxxxx</staticValue>
															</dataSource>
														</textItem>
													</contents>
													<style>
														<defaultStyles>
															<defaultStyle refStyle="lt"/>
														</defaultStyles>
													</style>
												</listColumnTitle>
												<listColumnBody iid="listColumnBody">
													<contents>
														<textItem>
															<dataSource>
																<staticValue>xxxx</staticValue>
															</dataSource>
														</textItem>
													</contents>
													<listColumnRowSpan refDataItem="Product type"/>
													<style>
														<defaultStyles>
															<defaultStyle refStyle="lc"/>
														</defaultStyles>
													</style>
												</listColumnBody>
											</listColumn>
											<listColumn>
												<listColumnTitle iid="listColumnTitle">
													<contents>
														<textItem>
															<dataSource>
																<staticValue>xxxxxx</staticValue>
															</dataSource>
														</textItem>
													</contents>
													<style>
														<defaultStyles>
															<defaultStyle refStyle="lt"/>
														</defaultStyles>
													</style>
												</listColumnTitle>
												<listColumnBody iid="listColumnBody">
													<contents>
														<textItem>
															<dataSource>
																<staticValue>###</staticValue>
															</dataSource>
														</textItem>
													</contents>
													<style>
														<defaultStyles>
															<defaultStyle refStyle="lm"/>
														</defaultStyles>
													</style>
												</listColumnBody>
											</listColumn>
										</listColumns>
										<listGroups>
											<listGroup refDataItem="Product line">
												<listFooter>
													<listRows>
														<listRow>
															<rowCells>
																<rowCell iid="listSubTotals" colSpan="3">
																	<contents>
																		<textItem>
																			<dataSource>
																				<staticValue>xxxxxx</staticValue>
																			</dataSource>
																		</textItem>
																	</contents>
																	<style>
																		<defaultStyles>
																			<defaultStyle refStyle="of"/>
																		</defaultStyles>
																	</style>
																</rowCell>
															</rowCells>
														</listRow>
													</listRows>
												</listFooter>
											</listGroup>
										</listGroups>
										<listOverallGroup>
											<listFooter>
												<listRows>
													<listRow>
														<rowCells>
															<rowCell iid="listTotals" colSpan="3">
																<contents>
																	<textItem>
																		<dataSource>
																			<staticValue>xxxxxx</staticValue>
																		</dataSource>
																	</textItem>
																</contents>
																<style>
																	<defaultStyles>
																		<defaultStyle refStyle="if"/>
																	</defaultStyles>
																</style>
															</rowCell>
														</rowCells>
													</listRow>
												</listRows>
											</listFooter>
										</listOverallGroup>
									</list>
								</contents>
								<style>
									<defaultStyles>
										<defaultStyle refStyle="pb"/>
									</defaultStyles>
								</style>
							</pageBody>
							<style>
								<defaultStyles>
									<defaultStyle refStyle="pg"/>
								</defaultStyles>
							</style>
						</page>
					</reportPages>
				</layout>
			</layouts>
			<queries>
				<query name="Query1">
					<source>
						<model/>
					</source>
					<selection>
						<dataItem name="Product line" aggregate="none">
							<expression/>
						</dataItem>
						<dataItem name="Year" aggregate="none">
							<expression/>
						</dataItem>
						<dataItem name="Quarter" aggregate="none">
							<expression/>
						</dataItem>
						<dataItem name="Quantity" aggregate="total">
							<expression/>
						</dataItem>
						<dataItem name="Product type" aggregate="none">
							<expression/>
						</dataItem>
						<dataItem name="Total(Product line)">
							<expression/>
						</dataItem>
						<dataItem name="Total(Product type)">
							<expression/>
						</dataItem>
						<dataItem name="Total(Year)">
							<expression/>
						</dataItem>
						<dataItem name="Total(Quarter)">
							<expression/>
						</dataItem>
					</selection>
				</query>
			</queries>
		</report>
	</xmlfragment>
			
</resources>